.clock-shell{max-width:1480px;margin-inline:auto}
.clock-heading{align-items:flex-start}
.clock-presets,.clock-actions,.clock-card-head,.clock-preview-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.clock-presets{padding:12px 14px;justify-content:space-between;margin-bottom:13px}
.clock-presets>div:first-child{min-width:min(100%,210px);max-width:100%;flex:1 1 215px}
.clock-presets .clock-field select{max-width:380px}
.clock-actions .btn{white-space:normal;text-align:center}
.clock-feedback{padding:10px 13px;margin:0 0 12px;border-radius:8px;border:1px solid var(--line);color:var(--mint);background:var(--mint-bg);overflow-wrap:anywhere}
.clock-feedback.is-error{color:var(--text);background:var(--card2);border-color:var(--red,#b76369)}
.clock-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:13px;align-items:start}
.clock-definition{display:grid;gap:11px;min-width:0}
.clock-card{padding:clamp(12px,1.65vw,20px);min-width:0}
.clock-card-head{justify-content:space-between;margin-bottom:10px}
.clock-card h2,.clock-rules>summary{font-size:calc(19px * var(--admin-font-factor,1));margin:0}
.clock-card .eyebrow{margin:0 0 3px}
.clock-muted{color:var(--muted);margin:4px 0 7px;font-size:calc(11.5px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.clock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:7px 0}
.clock-field{display:grid;gap:4px;min-width:0;color:var(--text);font-size:calc(12px * var(--admin-font-factor,1))}
.clock-field :is(input,select){width:100%;min-width:0;max-width:100%;min-height:37px;padding:7px 8px;color:var(--text);background:var(--bg);
 border:1px solid var(--line);border-radius:7px;font:inherit}
.clock-field :is(input,select):focus{outline:2px solid var(--mint);outline-offset:1px}
.clock-shell [hidden]{display:none!important}
.clock-disclosure{border-top:1px solid var(--line);margin-top:12px;padding-top:9px}
.clock-shell summary{cursor:pointer;font-weight:700}
.clock-bookends{display:grid;gap:6px;margin-top:7px}
.clock-bookend{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:7px;background:var(--card2);border-radius:8px}
.clock-bookend span{display:grid;gap:2px;flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
.clock-bookend small,.clock-positions small,.clock-timeline small{color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1));display:block}
.clock-positions,.clock-timeline{list-style:none;padding:0;margin:0}
.clock-positions>li,.clock-timeline>li{display:grid;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--line);overflow-wrap:anywhere;min-width:0}
.clock-positions>li{grid-template-columns:auto minmax(0,1fr) auto}
.clock-positions>li>.clock-actions{grid-column:2/-1;gap:4px}
.clock-positions .btn{padding:3px 7px;min-height:28px}
.clock-positions .clock-amount{align-self:start;color:var(--muted);font-variant-numeric:tabular-nums}
.clock-step{padding:3px 6px;border-radius:6px;color:var(--mint);background:var(--mint-bg);font-variant-numeric:tabular-nums;align-self:start}
.clock-rules .checkline{margin:6px 0}
.clock-generation,.clock-export{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:9px 0}
.clock-generation .btn,.clock-export .btn{min-height:37px;white-space:normal;text-align:center}
.clock-empty{padding:14px 9px;color:var(--muted)}
.clock-preview-empty{border:1px dashed var(--line);border-radius:8px;margin-top:16px;padding:16px}
.clock-preview-empty strong{color:var(--text)}
.clock-preview-empty p{margin:4px 0}
.clock-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:13px 0 7px}
.clock-metrics div{display:grid;gap:3px;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--card2);min-width:0}
.clock-metrics span{color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.clock-metrics strong{font-size:calc(18px * var(--admin-font-factor,1));font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.clock-meter{height:8px;border-radius:20px;display:flex;overflow:hidden;background:var(--bg);outline:1px solid var(--line);outline-offset:-1px}
.clock-meter-playlist{background:var(--mint)}
.clock-meter-reserve{background:repeating-linear-gradient(135deg,var(--line) 0 3px,var(--card2) 3px 6px)}
.clock-preview-info{justify-content:space-between;margin:10px 0;color:var(--muted);font-size:calc(11.5px * var(--admin-font-factor,1))}
.clock-preview-info strong{color:var(--text)}
.clock-warnings{background:var(--card2);border:1px dashed var(--line);border-radius:8px;padding:8px 10px;margin:8px 0 12px}
.clock-warnings ul{margin:6px 0;padding-inline-start:18px;color:var(--muted)}
.clock-warnings li{margin:3px 0}
.clock-timeline{max-height:540px;overflow:auto;border-bottom:1px solid var(--line)}
.clock-timeline>li{grid-template-columns:auto minmax(0,1fr) auto}
.clock-timeline time{color:var(--mint);font-weight:700}
.clock-timeline :is(time,li>span){font-variant-numeric:tabular-nums;align-self:start;white-space:nowrap}
.clock-timeline li>span{color:var(--muted)}
.clock-timeline .clock-relaxed{color:var(--text)}
.clock-saved{border:1px solid var(--line);padding:10px;border-radius:8px;background:var(--mint-bg);margin-top:10px;overflow-wrap:anywhere}
.clock-saved .clock-actions{margin-top:7px}
.clock-picker{max-width:min(590px,calc(100% - 24px));width:100%;max-height:calc(100dvh - 24px)}
.clock-pick-form{display:grid;gap:7px}
.clock-pick-actions{justify-content:flex-end}
@media(max-width:1100px){.clock-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:490px){
 .clock-grid,.clock-fields,.clock-generation,.clock-export{grid-template-columns:minmax(0,1fr)}
 .clock-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .clock-timeline>li{gap:5px;padding-inline:2px}
 .clock-presets .clock-actions{gap:5px}
}