/* TimeKeeper HR v8 | professional schedule editor and catalog (PC only) */
body[data-portal="desktop"] .schedList,body[data-portal="desktop"] .schedWorkspace{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#19334f}
body[data-portal="desktop"] .schedList *,body[data-portal="desktop"] .schedWorkspace *{box-sizing:border-box}
.schedEyebrow{font-size:10px;color:#567fb3;font-weight:850;letter-spacing:1.45px}
.schedSummaryStrip{background:#fff;border:1px solid #e1e9f3;border-radius:19px;display:flex;align-items:center;gap:22px;padding:25px 29px;margin-bottom:17px;box-shadow:0 6px 25px #1a365008}
.schedSummaryIntro{flex:1;min-width:260px}.schedSummaryIntro h2{font-size:25px;letter-spacing:-.65px;margin:8px 0;color:#183653}.schedSummaryIntro p{font-size:13px;line-height:1.6;color:#7389a1;max-width:590px}
.schedSummaryStat{min-width:91px;text-align:center;border-left:1px solid #e9eff5;padding:5px 13px;display:grid;gap:5px}.schedSummaryStat b{font-size:29px;line-height:1.2;letter-spacing:-1px;color:#224c79}.schedSummaryStat span{font-size:11px;color:#8599ae;font-weight:650}
.schedListTools{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid #e2eaf4;border-radius:15px;padding:15px;margin-bottom:15px;box-shadow:0 3px 15px #16345505}
.schedSearch{flex:1;min-width:170px;border:1px solid #dce6f1;border-radius:10px;height:43px;display:flex;align-items:center;gap:8px;padding:0 12px}.schedSearch>span{font-size:24px;color:#8095ab}.schedSearch input{border:0;outline:0;min-width:0;width:100%;height:100%;background:transparent;font-size:13px;color:#2b4967}
.schedFilter{display:grid;gap:5px;min-width:200px;font-size:11px;font-weight:750;color:#7289a2}.schedFilter select{height:43px;border:1px solid #dce6f1;border-radius:9px;background:#fff;font-size:12px;color:#31516e;padding:0 11px}
.schedPrimary{border:1px solid #2b6fe6;border-radius:10px;background:#2b70e9;color:#fff;font-weight:800;font-size:12px;min-height:43px;padding:10px 17px;white-space:nowrap;cursor:pointer;box-shadow:0 5px 12px #2b70e921}.schedPrimary:hover{background:#1d61d2}.schedPrimary:focus-visible,.schedWorkspace button:focus-visible,.schedList button:focus-visible{outline:3px solid #aac6f7;outline-offset:2px}
.schedCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.schedCard{background:#fff;border:1px solid #e2eaf3;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 5px 19px #18395707;min-width:0;transition:transform .18s,box-shadow .18s}.schedCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px #27455d12}.schedCard[hidden]{display:none}
.schedCardHeader{display:flex;gap:12px;align-items:center}.schedCardIcon{display:grid;place-items:center;width:47px;height:47px;flex:none;background:#eef4ff;color:#3675d2;border-radius:13px;font-size:25px}.schedCardTitle{flex:1;min-width:0}.schedCardTitle h3{font-size:15px;color:#204263;letter-spacing:-.35px;overflow-wrap:anywhere;margin-bottom:5px}.schedCardTitle>span{font-size:11px;color:#91a3b6}.schedStatus{font-size:10px;font-weight:800;white-space:nowrap;border-radius:8px;padding:7px 9px}.schedStatus.on{color:#1b906c;background:#eaf8f1}.schedStatus.off{color:#a17655;background:#fbf2ea}
.schedCardClock strong{font-size:22px;letter-spacing:-.45px;color:#233f5e}.schedCardClock strong span{color:#a3b3c5;font-weight:500}.schedCardClock small{display:none}.schedCardClock p{margin-top:6px;font-size:12px;color:#7589a0}
.schedWeekDots{display:flex;gap:6px;flex-wrap:wrap}.schedWeekDots span{border-radius:8px;min-width:34px;height:34px;padding:0 5px;display:grid;place-items:center;font-size:11px;font-weight:780}.schedWeekDots .working{background:#e8f1ff;border:1px solid #d5e5fa;color:#246ac5}.schedWeekDots .free{background:#f5f7fa;border:1px solid #eff2f6;color:#9aabc0}
.schedCardMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#f7f9fc;border:1px solid #f0f3f7;border-radius:11px;padding:12px}.schedCardMeta>div{min-width:0}.schedCardMeta span{display:block;color:#8b9cb0;font-size:10px;margin-bottom:7px}.schedCardMeta b{display:block;color:#274b6f;font-size:12px;overflow-wrap:anywhere}.schedCardBottom{border-top:1px solid #edf1f5;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.schedCardBottom>span{color:#95a5b5;font-size:11px}.schedCardBottom button{border:0;background:#edf4ff;border-radius:8px;color:#2c6ebc;min-height:35px;padding:8px 12px;font-weight:800;font-size:11px;cursor:pointer}.schedCardBottom button:hover{background:#dae9ff}.schedCardBottom button span{margin-left:7px}
.schedHelp{font-size:11px;color:#899cb1;margin:15px 5px;line-height:1.6}.schedEmpty{padding:55px 24px;background:#fff;border:1px dashed #cddced;border-radius:16px;text-align:center;color:#8294a9}.schedEmpty[hidden]{display:none}.schedEmpty>span{font-size:40px}.schedEmpty h3{font-size:17px;color:#31516f;margin:10px 0}.schedEmpty p{font-size:12px;margin:9px 0 20px}
.schedCrumbs{display:flex;gap:11px;align-items:center;font-size:11px;color:#99a9b8;margin:-8px 0 14px}.schedCrumbs button{background:transparent;border:0;color:#3671bb;font-size:12px;font-weight:800;padding:7px 0}.schedCrumbs strong{color:#576d84;font-weight:650}
.schedHero{background:#fff;border:1px solid #e2eaf3;border-radius:17px;padding:22px 26px;margin-bottom:16px;display:flex;align-items:center;gap:18px;box-shadow:0 5px 18px #24425e08}.schedHeroBadge{display:grid;place-items:center;flex:none;width:64px;height:64px;background:#e9f2ff;border-radius:18px;color:#3173d5;font-size:30px}.schedHero>div:nth-child(2){flex:1;min-width:0}.schedHero h2{margin:7px 0 6px;font-size:23px;letter-spacing:-.55px;color:#1e3c5b;overflow-wrap:anywhere}.schedHero p{font-size:12px;color:#8699ad;line-height:1.5}
.schedEditorLayout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);align-items:start;gap:16px}.schedEditorMain{display:grid;gap:15px;min-width:0}
.schedFormPanel{padding:25px 27px 28px;background:#fff;border:1px solid #e1e9f2;border-radius:16px;box-shadow:0 5px 16px #19354b06;min-width:0}.schedPanelHead{border-bottom:1px solid #eef1f5;padding-bottom:18px;margin-bottom:21px}.schedPanelHead>span{font-size:10px;letter-spacing:1.15px;color:#7b99bc;font-weight:850}.schedPanelHead h3{font-size:19px;letter-spacing:-.4px;color:#223f5d;margin:7px 0}.schedPanelHead p{font-size:12px;color:#91a1b1;line-height:1.55;max-width:660px}
.schedField{display:grid;gap:9px;min-width:0}.schedField>span,.schedSubLabel{display:block;font-size:11px;font-weight:800;color:#516f8e}.schedField input,.schedField select{width:100%;border:1px solid #dbe4ef;border-radius:10px;min-height:45px;height:45px;background:#fff;padding:10px 12px;font-size:13px;color:#24415d;outline:0}.schedField input:focus,.schedField select:focus{border-color:#3979e8;box-shadow:0 0 0 3px #3979e81e}.schedField small,.schedSmallHelp{font-size:11px;color:#8e9fb0;line-height:1.6}.schedSubLabel{margin:23px 0 10px}.schedModeChoose{display:grid;grid-template-columns:1fr 1fr;gap:11px}.schedModeChoose button{border:1px solid #e1e8f1;border-radius:11px;background:#fff;text-align:left;padding:16px;cursor:pointer;min-height:75px}.schedModeChoose button.selected{border-color:#4d8aed;background:#eef5ff;box-shadow:0 0 0 1px #4d8aed22}.schedModeChoose b{display:block;font-size:12px;color:#345471}.schedModeChoose .selected b{color:#2767bd}.schedModeChoose small{display:block;margin-top:7px;font-size:10px;color:#8799ad}
.schedDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.schedDays button{min-height:44px;min-width:0;border-radius:10px;border:1px solid #e1e9f3;background:#f7f9fc;color:#879db4;font-size:12px;font-weight:800;cursor:pointer}.schedDays button.selected{background:#3579eb;color:white;border-color:#3579eb;box-shadow:0 4px 12px #3677e528}.schedSmallHelp{margin-top:9px}
.schedFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.schedFieldGrid>.schedField:last-child:nth-child(odd){grid-column:1/-1}.schedInlineTip{background:#f1f6fd;color:#6482a2;font-size:11px;line-height:1.65;margin-top:18px;padding:14px 15px;border-radius:9px;border:1px solid #e5edf8}
.schedActiveToggle{display:flex;align-items:center;gap:13px;background:#f8fbfe;border:1px solid #e8eef5;border-radius:11px;padding:15px;margin-top:19px}.schedActiveToggle input{appearance:auto;width:20px;height:20px;flex:none;accent-color:#3677e5}.schedActiveToggle b{display:block;color:#3f5f7d;font-size:12px}.schedActiveToggle small{display:block;margin-top:6px;color:#8da1b6;font-size:11px}
.schedPreview{background:#fff;border:1px solid #e2eaf3;border-radius:16px;position:sticky;top:20px;padding:26px 24px;box-shadow:0 5px 16px #19354b06}.schedPreviewIntro h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;color:#1d405f;margin:9px 0 5px;overflow-wrap:anywhere}.schedPreviewIntro p{font-size:12px;color:#8da0b4}
.schedPreviewClock{margin-top:21px;padding:19px;background:linear-gradient(130deg,#18436d,#2b65ae);color:white;border-radius:12px;display:grid;gap:7px}.schedPreviewClock span{font-size:11px;color:#c4ddff}.schedPreviewClock strong{font-size:27px;letter-spacing:-.5px}.schedPreviewClock small{font-size:11px;color:#d8e8fa}
.schedPreviewStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 23px}.schedPreviewStats>div{background:#f5f8fc;padding:12px;border:1px solid #edf2f8;border-radius:9px;display:grid;gap:6px;min-width:0}.schedPreviewStats strong{font-size:16px;color:#2b5683}.schedPreviewStats span{font-size:10px;color:#8097af}
.schedPreviewHeading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}.schedPreviewHeading strong{font-size:12px;color:#344f6e}.schedPreviewHeading span{font-size:10px;color:#94a6ba}
.schedCalendarHead,.schedCalendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.schedCalendarHead{margin-bottom:5px}.schedCalendarHead span{font-size:10px;text-align:center;color:#9badc0;font-weight:800;padding:5px 0}.schedCalendarDay{height:37px;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2px;font-size:11px;font-weight:730}.schedCalendarDay.on{background:#e9f2ff;color:#3670c0}.schedCalendarDay.off{background:#f5f7fa;color:#aab7c7}.schedCalendarDay.today{outline:2px solid #4481e7;outline-offset:-2px}.schedCalendarDay i{display:block;width:4px;height:4px;border-radius:50%;background:#377ce0}
.schedLegend{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap;font-size:10px;color:#8799ae}.schedLegend>span{display:flex;align-items:center;gap:6px}.schedLegend i{width:10px;height:10px;display:inline-block;background:#b6d1ff;border-radius:3px}.schedLegend>span:last-child i{background:#e6e9f0}.schedPreviewNote{margin-top:20px;border-top:1px solid #edf1f5;padding-top:15px;font-size:11px;color:#91a4b6;line-height:1.6}
.schedSaveBar{background:#fff;border:1px solid #dce7f2;border-radius:13px;padding:15px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;bottom:14px;z-index:10;box-shadow:0 10px 35px #1e42601a;margin-top:17px}.schedSaveBar strong{display:block;font-size:12px;color:#2b4865}.schedSaveBar span{display:block;font-size:11px;color:#91a3b6;margin-top:6px}.schedSaveActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.schedGhostButton{min-height:43px;background:#f2f6fc;color:#486b91;border:1px solid #e3eaf4;font-size:12px;font-weight:750;border-radius:10px;padding:11px 14px;cursor:pointer}.schedPrimary:disabled{opacity:.6;cursor:wait}
@media(max-width:1250px){.schedEditorLayout{grid-template-columns:minmax(0,1fr) 320px}.schedSummaryStrip{gap:10px;padding:21px}.schedSummaryStat{min-width:70px}}
@media(max-width:1080px){.schedEditorLayout{grid-template-columns:minmax(0,1fr)}.schedPreview{position:static}.schedCards{grid-template-columns:1fr 1fr}.schedListTools{flex-wrap:wrap}}
@media(max-width:780px){.schedSummaryStrip{flex-wrap:wrap}.schedSummaryIntro{flex-basis:100%}.schedSummaryStat{flex:1}.schedCards{grid-template-columns:1fr}.schedListTools{display:grid;grid-template-columns:1fr 1fr}.schedSearch{grid-column:1/-1}.schedHero{padding:19px}.schedSaveBar{bottom:0}}
@media(max-width:550px){.schedListTools{grid-template-columns:1fr}.schedSearch{grid-column:auto}.schedSummaryStrip{padding:19px}.schedCard{padding:17px}.schedHeroBadge{width:48px;height:48px;font-size:24px}.schedHero h2{font-size:18px}.schedFormPanel{padding:20px 17px}.schedFieldGrid{grid-template-columns:1fr}.schedFieldGrid>.schedField:last-child:nth-child(odd){grid-column:auto}.schedSaveBar{align-items:stretch;flex-direction:column}.schedSaveActions{flex-wrap:wrap}.schedSaveActions>*{flex:1}.schedModeChoose{grid-template-columns:1fr}.schedDays{gap:4px}.schedDays button{font-size:11px}}

/* v9: compact schedule rows. A single primary creation action remains in page header. */
body[data-portal="desktop"] .schedSummaryStrip{padding:15px 20px;margin-bottom:12px;gap:10px;border-radius:13px}
body[data-portal="desktop"] .schedSummaryIntro h2{font-size:17px;margin:4px 0}
body[data-portal="desktop"] .schedSummaryIntro p{font-size:11px;max-width:none;line-height:1.4}
body[data-portal="desktop"] .schedSummaryStat{min-width:80px;padding:1px 10px;gap:2px}
body[data-portal="desktop"] .schedSummaryStat b{font-size:22px}
body[data-portal="desktop"] .schedListTools{padding:12px 15px;margin-bottom:12px;align-items:center}
body[data-portal="desktop"] .schedCards{display:grid;grid-template-columns:1fr;gap:9px}
body[data-portal="desktop"] .schedCard{display:grid;grid-template-columns:minmax(215px,1.4fr) minmax(125px,.85fr) minmax(155px,1fr) minmax(190px,1.25fr) minmax(105px,.7fr);align-items:center;gap:13px;min-height:83px;padding:13px 16px;border-radius:13px;box-shadow:0 3px 13px #24425e07}
body[data-portal="desktop"] .schedCard:hover{transform:none;border-color:#c7d9f0;box-shadow:0 6px 18px #1b3f6010}
body[data-portal="desktop"] .schedCardHeader{grid-column:1;gap:10px}
body[data-portal="desktop"] .schedCardIcon{width:37px;height:37px;font-size:18px;border-radius:10px}
body[data-portal="desktop"] .schedCardTitle h3{font-size:13px;margin-bottom:3px}
body[data-portal="desktop"] .schedStatus{font-size:9px;padding:5px 7px}
body[data-portal="desktop"] .schedCardClock{grid-column:2}
body[data-portal="desktop"] .schedCardClock strong{font-size:16px;white-space:nowrap}
body[data-portal="desktop"] .schedCardClock p{margin-top:4px;font-size:10px}
body[data-portal="desktop"] .schedWeekDots{grid-column:3;gap:3px}
body[data-portal="desktop"] .schedWeekDots span{min-width:23px;width:23px;height:25px;border-radius:6px;font-size:9px;padding:0}
body[data-portal="desktop"] .schedCardMeta{grid-column:4;display:flex;gap:13px;background:transparent;border:0;padding:0}
body[data-portal="desktop"] .schedCardMeta>div{flex:1;min-width:0}
body[data-portal="desktop"] .schedCardMeta span{font-size:9px;margin-bottom:4px;white-space:nowrap}
body[data-portal="desktop"] .schedCardMeta b{font-size:11px}
body[data-portal="desktop"] .schedCardBottom{grid-column:5;display:flex;align-items:end;justify-content:center;padding:0;border:0;margin:0}
body[data-portal="desktop"] .schedCardBottom>span{display:none}
body[data-portal="desktop"] .schedCardBottom button{min-height:36px;white-space:nowrap}
@media(max-width:1370px){
 body[data-portal="desktop"] .schedCard{grid-template-columns:minmax(190px,1.3fr) minmax(130px,.7fr) minmax(200px,1fr);row-gap:8px}
 body[data-portal="desktop"] .schedCardHeader{grid-column:1;grid-row:1}
 body[data-portal="desktop"] .schedCardClock{grid-column:2;grid-row:1}
 body[data-portal="desktop"] .schedWeekDots{grid-column:1;grid-row:2}
 body[data-portal="desktop"] .schedCardMeta{grid-column:2;grid-row:2}
 body[data-portal="desktop"] .schedCardBottom{grid-column:3;grid-row:1 / span 2;justify-self:end}
}
@media(max-width:690px){
 body[data-portal="desktop"] .schedCard{grid-template-columns:1fr auto;row-gap:10px;padding:14px}
 body[data-portal="desktop"] .schedCardHeader{grid-column:1 / -1;grid-row:1}
 body[data-portal="desktop"] .schedCardClock{grid-column:1;grid-row:2}
 body[data-portal="desktop"] .schedWeekDots{grid-column:1;grid-row:3}
 body[data-portal="desktop"] .schedCardMeta{grid-column:1 / -1;grid-row:4}
 body[data-portal="desktop"] .schedCardBottom{grid-column:2;grid-row:2 / 4;align-self:center}
 body[data-portal="desktop"] .schedSummaryIntro p{display:none}
}