.time-trigger{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-width:0;height:44px;min-height:44px;padding:10px 12px;border:1px solid #aeb8af;border-radius:24px;background:#fff;font-size:15px;overflow:hidden}
.time-trigger .ui-icon{width:18px;height:18px}
#timeValue{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.time-trigger:disabled{background:#f5f3f7;opacity:.65}
#timeDialog{box-sizing:border-box;width:min(calc(100vw - 24px),320px);max-height:calc(100dvh - 24px);padding:14px;overflow-y:auto}
#timeDialog[open]{display:flex;flex-direction:column}
.time-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-bottom:10px}
.time-dialog-header h2{font-size:18px;margin:0}
#closeTime{width:36px;height:36px;min-width:36px;min-height:36px;padding:9px;border:0;background:transparent}
#closeTime .ui-icon{width:18px;height:18px}
.time-picker-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.time-picker-fields label{font-size:12px;margin:0 0 6px}
.time-picker-fields select{box-sizing:border-box;width:100%;min-width:0;height:44px;border:1px solid #c4b7d1;border-radius:18px;padding:8px 12px;background:#faf7ff;color:#303043;font-size:16px}
.time-hint{font-size:11px;margin:8px 0 10px}
.time-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;padding-top:6px}
#clearTime{font-size:13px;min-height:36px;padding:6px 10px}
#saveTime{box-sizing:border-box;font-size:13px;line-height:20px;min-height:36px;padding:6px 12px;gap:6px;max-width:100%}
#saveTime .ui-icon{width:16px;height:16px}
.row input[type=checkbox]{border-radius:50%}