:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#e8f1ff;--ink:#07133d;--text:#111827;--muted:#66758f;--soft:#8b98ad;--line:rgba(148,163,184,.13);--surface:#fff;--blue:#2563eb;--teal:#0fbaa0;--amber:#f59e0b;--orange:#f97316;--purple:#7c3aed;--green:#10b981;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Manrope","Inter",system-ui,sans-serif;--shadow-card:0 11px 26px rgba(15,23,42,.045),0 2px 8px rgba(15,23,42,.018),inset 0 1px 0 rgba(255,255,255,.92);--shadow-soft:0 10px 26px rgba(15,23,42,.035),inset 0 1px 0 rgba(255,255,255,.9);--shadow-blue:0 16px 34px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.28)}
*{box-sizing:border-box}html{min-height:100%;background:#eef3fb}body{min-height:100vh;margin:0;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 8% 8%,rgba(151,137,236,.14),transparent 32%),radial-gradient(circle at 92% 86%,rgba(125,211,252,.12),transparent 31%),linear-gradient(135deg,#f4f2ff 0%,#fbfdff 48%,#eef7ff 100%)}a,button{font:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{border:0;cursor:pointer;background:none}.preview-stage{display:grid;place-items:center;min-height:100vh;padding:9px 0}.app-shell{position:relative;isolation:isolate;width:min(390px,calc(100vw - 18px));height:min(826px,calc(100vh - 18px));min-height:760px;overflow:hidden;padding:22px 20px;border:1px solid rgba(255,255,255,.94);border-radius:38px;background:rgba(255,255,255,.9);box-shadow:0 30px 88px rgba(31,54,110,.12),inset 0 0 0 1px rgba(255,255,255,.72)}.ambient-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 54% 2%,rgba(255,255,255,.98),transparent 30%),radial-gradient(circle at 0% 62%,rgba(96,165,250,.055),transparent 35%),radial-gradient(circle at 100% 82%,rgba(45,212,191,.065),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(252,254,255,.98))}.ambient-bg:before{content:"";position:absolute;width:306px;height:188px;right:-144px;top:-78px;border:1.2px solid rgba(109,130,255,.105);border-radius:50%;transform:rotate(44deg)}.content-scroll{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;padding:0 0 112px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.content-scroll::-webkit-scrollbar{display:none}.content-scroll:focus{outline:none}.tab-anchor{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;pointer-events:none}
.top-bar{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:11px;padding-top:3px}.icon-button{display:grid;place-items:center;width:46px;height:46px;border-radius:19px;color:#1767f2;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,248,253,.78));border:1px solid rgba(37,99,235,.1);box-shadow:var(--shadow-soft)}.icon-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.team-kicker{text-align:center;min-width:0}.team-kicker span{display:block;color:#8190a8;font-size:12px;line-height:1.1;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.team-kicker strong{display:block;margin-top:3px;color:var(--ink);font-family:var(--font-heading);font-size:18px;line-height:1.1;font-weight:650;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-card{margin-top:18px;padding:17px;border-radius:28px;border:1px solid rgba(37,99,235,.11);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,247,255,.78));box-shadow:var(--shadow-card)}.hero-top{display:flex;gap:14px;align-items:flex-start}.team-avatar{display:grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border-radius:22px;color:#2563eb;background:#edf5ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.team-avatar svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hero-copy{min-width:0;flex:1}.title-row{display:flex;align-items:center;gap:9px;min-width:0}.title-row h1{margin:0;color:var(--ink);font-family:var(--font-heading);font-size:27px;line-height:1.03;font-weight:650;letter-spacing:-.043em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-copy p{margin:8px 0 0;color:#5f7094;font-size:13.6px;line-height:1.45;font-weight:400;letter-spacing:-.01em}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.mini-stats article{min-height:62px;padding:11px 9px;border-radius:19px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.mini-stats strong{display:block;color:#1e63df;font-family:var(--font-heading);font-size:22px;line-height:.98;font-weight:650;letter-spacing:-.035em}.mini-stats span{display:block;margin-top:7px;color:#708096;font-size:12px;line-height:1.1;font-weight:400}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 9px;border-radius:999px;font-size:11px;line-height:1;font-weight:600;letter-spacing:-.01em;white-space:nowrap;border:1px solid transparent}.status-pill.active,.status-pill.live,.status-pill.ready,.status-pill.paid{color:#0f8f69;background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.12)}.status-pill.assigned{color:#155fdd;background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.1)}.status-pill.open{color:#c46a00;background:rgba(249,115,22,.11);border-color:rgba(249,115,22,.11)}.status-pill.review{color:#a45d00;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.11)}
.detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px;padding:5px;border-radius:22px;background:rgba(241,245,249,.64);border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.detail-tabs a{display:grid;place-items:center;height:40px;border-radius:17px;color:#728098;font-size:13.5px;font-weight:500}.tab-current{color:#155fdd!important;background:rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.94)}body:has(#shifts:target) .tab-current,body:has(#open:target) .tab-current,body:has(#upcoming:target) .tab-current,body:has(#review:target) .tab-current,body:has(#history:target) .tab-current{color:#728098!important;background:transparent!important;box-shadow:none!important}body:has(#shifts:target) .tab-shifts,body:has(#open:target) .tab-shifts,body:has(#upcoming:target) .tab-shifts,body:has(#review:target) .tab-shifts,body:has(#history:target) .tab-history{color:#155fdd;background:rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.94)}
.ai-input{display:flex;align-items:center;gap:11px;height:54px;margin-top:14px;padding:0 8px 0 13px;border-radius:24px;border:1px solid rgba(37,99,235,.1);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,250,252,.72));box-shadow:var(--shadow-soft)}.spark-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:15px;color:#634dff;background:linear-gradient(145deg,rgba(239,246,255,.96),rgba(241,237,255,.86))}.spark-icon svg{width:17px;height:17px;fill:currentColor;stroke:currentColor}.ai-input span:nth-child(2){flex:1;color:#8490a5;font-size:13.7px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-input button{display:grid;place-items:center;width:39px;height:39px;border-radius:17px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb 58%,#1d4ed8);box-shadow:var(--shadow-blue)}.ai-input button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.panel{display:none;margin-top:14px}.panel-current{display:block}body:has(#shifts:target) .panel,body:has(#open:target) .panel,body:has(#upcoming:target) .panel,body:has(#review:target) .panel,body:has(#history:target) .panel{display:none!important}body:has(#shifts:target) .panel-shifts,body:has(#open:target) .panel-shifts,body:has(#upcoming:target) .panel-shifts,body:has(#review:target) .panel-shifts,body:has(#history:target) .panel-history{display:block!important}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.section-heading h2{margin:6px 0 0;color:var(--ink);font-family:var(--font-heading);font-size:21px;line-height:1.05;font-weight:650;letter-spacing:-.038em}.section-label{display:block;font-size:11.5px;line-height:1;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.green-label{color:#0f9f78}.blue-label{color:#1767f2}.tiny-meta{color:#7b879c;font-size:12.5px;font-weight:500}.small-action{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border-radius:16px;color:#1767f2;background:rgba(232,241,255,.75);font-size:13px;font-weight:600;border:1px solid rgba(37,99,235,.08)}
.shift-subtabs{display:flex;gap:26px;margin:4px 0 14px;padding:0 0 9px;border-bottom:1px solid rgba(15,23,42,.08)}.shift-subtabs a{position:relative;display:flex;align-items:center;height:29px;color:#7c8493!important;font-size:11.6px;font-weight:720;letter-spacing:.12em;text-transform:uppercase}.shift-subtabs a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:99px;background:transparent}.sub-open{color:#07133d!important}.sub-open:after{background:#07133d!important}body:has(#upcoming:target) .sub-open,body:has(#review:target) .sub-open{color:#7c8493!important}body:has(#upcoming:target) .sub-open:after,body:has(#review:target) .sub-open:after{background:transparent!important}body:has(#upcoming:target) .sub-upcoming,body:has(#review:target) .sub-review{color:#07133d!important}body:has(#upcoming:target) .sub-upcoming:after,body:has(#review:target) .sub-review:after{background:#07133d!important}.sub-panel{display:none}.sub-panel-open{display:block}body:has(#upcoming:target) .sub-panel,body:has(#review:target) .sub-panel{display:none}body:has(#upcoming:target) .sub-panel-upcoming,body:has(#review:target) .sub-panel-review{display:block}
.date-heading{position:sticky;top:0;z-index:4;display:flex;align-items:baseline;justify-content:space-between;margin:2px 1px 8px;padding:8px 3px 5px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82));backdrop-filter:blur(12px)}.date-heading span{color:#8a909d;font-size:10px;font-weight:760;letter-spacing:.15em;text-transform:uppercase}.date-heading strong{color:#111827;font-family:var(--font-heading);font-size:12.5px;font-weight:650;letter-spacing:-.02em}.later-heading{margin-top:12px}
.shift-card{overflow:hidden;margin-top:8px;border-radius:20px;border:1px solid rgba(15,23,42,.07);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,251,255,.9));box-shadow:var(--shadow-card)}.shift-card-status{display:flex;align-items:center;gap:8px;height:30px;padding:0 11px;border-bottom:1px solid rgba(15,23,42,.055);font-family:var(--font-heading)}.shift-card-status strong{color:#677083;font-size:10.5px;font-weight:720;letter-spacing:.13em}.shift-card-status em{margin-left:auto;color:#8b909b;font-style:normal;font-size:10.8px;font-weight:650;letter-spacing:.06em}.dot{width:7px;height:7px;border-radius:999px}.green-dot{background:#0f9f78}.blue-dot{background:#2563eb}.amber-dot{background:#d98a14}.orange-dot{background:#f97316}.purple-dot{background:#7c3aed}.shift-card-body{padding:10px 11px}.shift-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shift-title-row div{min-width:0}.shift-title-row h3{margin:0;color:#080f24;font-family:var(--font-heading);font-size:17px;line-height:1.05;font-weight:680;letter-spacing:-.04em}.shift-title-row p{margin:4px 0 0;color:#687386;font-size:12.2px;line-height:1.2;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;margin-top:11px}.shift-grid span{display:block;color:#8a909b;font-size:9.2px;line-height:1;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.shift-grid strong{display:block;margin-top:4px;color:#111827;font-size:12.8px;line-height:1.08;font-weight:630;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px 10px}.shift-card-footer span{color:#6e7a91;font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-card-footer a{display:inline-flex;align-items:center;justify-content:center;height:27px;padding:0 10px;border-radius:12px;color:#1767f2;background:rgba(232,241,255,.74);border:1px solid rgba(37,99,235,.08);font-size:11.5px;font-weight:630;white-space:nowrap}.state-live{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,253,249,.86));border-color:rgba(16,185,129,.12)}.state-open{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,251,246,.88))}.state-review{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,251,245,.9))}.state-paid{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,253,249,.88))}
.history-filter-row{display:flex;gap:7px;margin:0 0 10px;overflow-x:auto;scrollbar-width:none}.history-filter-row::-webkit-scrollbar{display:none}.history-filter-row button{flex:0 0 auto;height:31px;padding:0 11px;border-radius:14px;color:#52617a;background:rgba(248,250,252,.86);border:1px solid rgba(15,23,42,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);font-size:11.8px;font-weight:560}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px}.history-stats article{min-height:52px;padding:9px 6px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.history-stats strong{display:block;color:#1e63df;font-family:var(--font-heading);font-size:17px;line-height:1;font-weight:650;letter-spacing:-.025em}.history-stats span{display:block;margin-top:5px;color:#718096;font-size:11px;font-weight:400}
.bottom-nav{position:absolute;left:20px;right:20px;bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;height:62px;padding:6px 8px;border-radius:29px;border:1px solid rgba(148,163,184,.105);background:rgba(255,255,255,.86);box-shadow:0 -10px 30px rgba(15,23,42,.052),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(20px)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:49px;border-radius:21px;color:#64748f;font-size:12px;line-height:1;font-weight:500;letter-spacing:-.005em}.nav-item.active{color:#1062e8;background:linear-gradient(180deg,rgba(239,247,255,.96),rgba(226,240,255,.72))}.nav-icon{display:grid;place-items:center;width:22px;height:22px;color:currentColor}.nav-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-icon.chat-icon svg path:first-child,.nav-icon.team-icon svg path{fill:currentColor;stroke:none}.nav-icon.chat-icon svg path:last-child{stroke:currentColor}.nav-item.active .nav-icon.chat-icon svg path:last-child{stroke:white}
@media (max-width:380px){.preview-stage{padding:0}.app-shell{width:100vw;height:100vh;min-height:760px;border-radius:0;padding:22px 18px 18px}.title-row h1{font-size:25px}.hero-card{padding:16px}.bottom-nav{left:16px;right:16px}.shift-subtabs{gap:22px}.shift-title-row h3{font-size:16px}.shift-grid{gap:8px 10px}}

/* Unified ShiftCard compact pass */
.shift-card{border-radius:18px;margin-top:7px}.shift-card-status{height:27px;padding:0 10px}.shift-card-status strong{font-size:9.8px;letter-spacing:.12em}.shift-card-status em{font-size:10px}.shift-card-body{padding:8px 10px 7px}.shift-title-row h3{font-size:15.4px;letter-spacing:-.035em}.shift-title-row p{font-size:11.5px;margin-top:3px}.shift-title-row .status-pill{min-height:21px;padding:0 8px;font-size:10.4px}.shift-grid{gap:6px 11px;margin-top:9px}.shift-grid span{font-size:8.8px}.shift-grid strong{font-size:12px;margin-top:3px}.shift-card-footer{padding:0 10px 8px}.shift-card-footer span{font-size:10.9px}.shift-card-footer a{height:25px;padding:0 9px;border-radius:11px;font-size:10.9px}.date-heading{margin-bottom:6px}.history-stats{margin-bottom:9px}.history-filter-row{margin-bottom:9px}

/* Restore Superwizer themed smart ShiftCard */
.shift-card{padding:12px 13px;border-radius:22px;border:1px solid rgba(148,163,184,.105);background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(252,253,255,.84));box-shadow:var(--shadow-card)}.state-live{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,253,249,.86));border-color:rgba(16,185,129,.13)}.state-open{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,251,246,.88));border-color:rgba(249,115,22,.11)}.state-review{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,251,245,.9));border-color:rgba(245,158,11,.12)}.state-assigned{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,251,255,.9));border-color:rgba(37,99,235,.105)}.state-paid{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,253,249,.88));border-color:rgba(16,185,129,.11)}.shift-main{display:flex;align-items:center;gap:10px}.shift-icon{display:grid;place-items:center;flex:0 0 auto;width:41px;height:41px;border-radius:16px}.shift-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.shift-icon.green{color:#0fa782;background:rgba(209,250,229,.58)}.shift-icon.blue{color:#2563eb;background:rgba(232,241,255,.78)}.shift-icon.amber{color:#f97316;background:rgba(255,237,213,.72)}.shift-icon.purple{color:#7c3aed;background:rgba(245,240,255,.84)}.shift-title-row{display:flex;align-items:center;gap:8px;min-width:0}.shift-title-row h3{font-size:15.7px;font-weight:650}.shift-title-row p{font-size:12px}.time-band{display:grid;grid-template-columns:1fr 12px 1fr auto;align-items:center;gap:8px;margin-top:9px;padding:8px 9px;border-radius:15px;background:linear-gradient(145deg,rgba(239,247,255,.84),rgba(255,255,255,.92));border:1px solid rgba(37,99,235,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.time-band div{min-width:0}.time-band span{display:block;color:#7b879c;font-size:9.5px;line-height:1;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.time-band strong{display:block;margin-top:3px;color:#07133d;font-family:var(--font-heading);font-size:15px;line-height:1;font-weight:700;letter-spacing:-.035em}.time-band i{height:1px;background:linear-gradient(90deg,rgba(37,99,235,.1),rgba(37,99,235,.5),rgba(37,99,235,.1));border-radius:99px}.time-band em{display:grid;place-items:center;min-width:30px;height:25px;padding:0 8px;border-radius:12px;color:#155fdd;background:rgba(232,241,255,.95);font-style:normal;font-size:11px;font-weight:700;border:1px solid rgba(37,99,235,.08)}.assignment-row{display:flex;align-items:center;gap:9px;margin-top:8px;padding:8px;border-radius:15px;background:rgba(248,250,252,.78);border:1px solid rgba(148,163,184,.08)}.assignment-row .member-avatar{width:34px;height:34px;border-radius:13px;font-size:11px}.open-avatar{background:linear-gradient(145deg,#ffd08a,#f97316)}.assignment-row div{flex:1;min-width:0}.assignment-row strong{display:block;color:#0f172a;font-size:13px;line-height:1.05;font-weight:650;letter-spacing:-.02em}.assignment-row span:not(.member-avatar):not(.manager-chip){display:block;margin-top:3px;color:#738099;font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-chip{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;color:#1767f2;background:rgba(232,241,255,.8);border:1px solid rgba(37,99,235,.08);font-size:10.7px;font-weight:650;white-space:nowrap}.shift-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:0}.shift-footer a{display:inline-flex;align-items:center;justify-content:center;height:auto;padding:0;color:#1767f2;background:transparent;border:0;font-size:12.4px;font-weight:650}.shift-footer .status-pill{min-height:22px;font-size:10.8px}.shift-card-status,.shift-card-body,.shift-card-footer{all:unset}.history-filter-row button{height:31px}.avatar-kevin{background:linear-gradient(145deg,#7fb2ff,#2563eb)}.avatar-mia{background:linear-gradient(145deg,#7dd3fc,#0fbaa0)}.avatar-daniel{background:linear-gradient(145deg,#a5b4fc,#6475f0)}

/* Smart-sleek theme compaction */
.shift-card{padding:10px 11px;border-radius:20px}.shift-main{align-items:center;gap:9px}.shift-main>div{flex:1;min-width:0}.shift-icon{width:36px;height:36px;border-radius:14px}.shift-icon svg{width:18px;height:18px}.shift-title-row{justify-content:space-between}.shift-title-row h3{font-size:14.8px;line-height:1.08}.shift-title-row p,.shift-main p{font-size:11.4px;line-height:1.15;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-title-row .status-pill{min-height:20px;font-size:10px;padding:0 7px}.time-band{margin-top:7px;padding:6px 8px;border-radius:13px;grid-template-columns:1fr 10px 1fr auto}.time-band span{font-size:8.7px}.time-band strong{font-size:13.2px;margin-top:2px}.time-band em{height:22px;min-width:27px;font-size:10px;border-radius:10px}.assignment-row{margin-top:7px;padding:7px;border-radius:13px}.assignment-row .member-avatar{width:30px;height:30px;border-radius:11px;font-size:10px}.assignment-row strong{font-size:12px}.assignment-row span:not(.member-avatar):not(.manager-chip){font-size:10.5px}.manager-chip{height:22px;padding:0 7px;font-size:10px}.shift-footer{margin-top:7px}.shift-footer .status-pill{min-height:20px;font-size:10px;padding:0 7px}.shift-footer a{font-size:11.5px}.date-heading{padding-top:6px;padding-bottom:4px}.date-heading span{font-size:9.5px}.date-heading strong{font-size:12px}

/* Neutral premium ShiftCard pass: card stays white; status and icons carry state color. */
.shift-card,
.shift-card.state-live,
.shift-card.state-open,
.shift-card.state-review,
.shift-card.state-assigned,
.shift-card.state-paid{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,253,255,.96));
  border-color:rgba(226,232,240,.9);
  box-shadow:0 14px 32px rgba(15,23,42,.055),0 3px 9px rgba(15,23,42,.025),inset 0 1px 0 rgba(255,255,255,.96);
}
.shift-card:before{display:none}
.shift-card:hover{background:linear-gradient(180deg,rgba(255,255,255,1),rgba(252,253,255,.98))}
.shift-main{gap:10px}
.shift-title-row h3{font-weight:640;letter-spacing:-.034em;color:#071231}
.shift-main p{color:#53627a;font-weight:450}
.time-band{
  background:linear-gradient(180deg,rgba(248,251,255,.96),rgba(255,255,255,.98));
  border-color:rgba(207,219,239,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 5px 12px rgba(15,23,42,.02);
}
.time-band span{color:#7d899d;font-weight:700}
.time-band strong{font-weight:680;color:#07133d}
.time-band em{
  color:#155fdd;
  background:linear-gradient(180deg,rgba(232,241,255,.98),rgba(241,247,255,.96));
  border-color:rgba(37,99,235,.14);
  box-shadow:0 3px 8px rgba(37,99,235,.06),inset 0 1px 0 rgba(255,255,255,.95);
}
.assignment-row{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92));
  border-color:rgba(226,232,240,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.assignment-row .member-avatar,
.member-avatar{
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#fff;
  font-family:var(--font-heading);
  font-size:10.5px;
  line-height:1;
  font-weight:760;
  letter-spacing:.01em;
  text-transform:uppercase;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 8px 16px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.26);
}
.avatar-kevin{background:linear-gradient(145deg,#94bfff 0%,#4b82f0 52%,#2158df 100%)}
.avatar-mia{background:linear-gradient(145deg,#84e5e9 0%,#31c3c8 48%,#0d9e92 100%)}
.avatar-daniel{background:linear-gradient(145deg,#c4b5fd 0%,#8b8cf6 48%,#5969df 100%)}
.open-avatar{background:linear-gradient(145deg,#ffd99b 0%,#fb9a35 50%,#ea6b0b 100%)}
.assignment-row strong{font-weight:620;color:#111827;letter-spacing:-.018em}
.assignment-row span:not(.member-avatar):not(.manager-chip){color:#76839a;font-weight:430}
.manager-chip{
  color:#1767f2;
  background:linear-gradient(180deg,rgba(239,247,255,.96),rgba(232,241,255,.9));
  border-color:rgba(37,99,235,.12);
  font-weight:620;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.shift-footer .status-pill{font-weight:620}
.status-pill.live,.status-pill.green,.status-pill.active,.status-pill.ready,.status-pill.paid{
  color:#0f8b68;
  background:rgba(16,185,129,.105);
  border-color:rgba(16,185,129,.15);
}
.status-pill.review{
  color:#a76000;
  background:rgba(245,158,11,.11);
  border-color:rgba(245,158,11,.18);
}
.status-pill.open{
  color:#c05f00;
  background:rgba(249,115,22,.105);
  border-color:rgba(249,115,22,.16);
}
.status-pill.assigned,.status-pill.blue{
  color:#1767f2;
  background:rgba(232,241,255,.92);
  border-color:rgba(37,99,235,.14);
}
.status-pill.paid{
  color:#0f8b68;
}

/* Direct-chat aligned ShiftCard system */
.shift-card,
.shift-card.state-live,
.shift-card.state-open,
.shift-card.state-review,
.shift-card.state-assigned,
.shift-card.state-paid{
  width:100%;
  margin-top:10px;
  padding:13px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(37,99,235,.12);
  box-shadow:var(--shadow-card);
}
.shift-card.state-live,
.shift-card.state-paid{border-color:rgba(5,150,105,.14)}
.shift-card.state-open{border-color:rgba(245,158,11,.18)}
.shift-card.state-review{border-color:rgba(245,158,11,.18)}
.shift-card.state-assigned{border-color:rgba(37,99,235,.12)}
.shift-main{display:block}
.shift-icon{display:none}
.shift-title-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.shift-title-row h3{margin:0;color:var(--ink);font-family:var(--font-heading);font-size:19px;line-height:1.06;font-weight:650;letter-spacing:-.035em}
.shift-main p{margin:4px 0 0;color:#66738d;font-size:12.5px;line-height:1.35;font-weight:430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shift-title-row .status-pill{min-height:25px;padding:0 10px;font-size:11px;font-weight:650;border-radius:999px}
.time-band{grid-template-columns:1.18fr .72fr auto;align-items:center;gap:8px;margin-top:12px;padding:10px;border-radius:17px;background:#f8fbff;border:1px solid rgba(37,99,235,.1);box-shadow:none}
.time-band i{display:none}
.time-band span{display:block;color:#858fa3;font-size:10px;line-height:1;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.time-band strong{display:block;margin-top:5px;color:#111827;font-family:var(--font-body);font-size:13.5px;line-height:1.1;font-weight:650;letter-spacing:-.01em}
.time-band em{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:auto;padding:0 10px;border-radius:999px;color:#155fdd;background:linear-gradient(180deg,rgba(232,241,255,.96),rgba(244,248,255,.92));border:1px solid rgba(37,99,235,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);font-style:normal;font-size:11.7px;line-height:1;font-weight:650;white-space:nowrap}
.assignment-row{display:flex;align-items:center;gap:8px;min-height:38px;margin-top:10px;padding:0;background:transparent;border:0;box-shadow:none}
.assignment-row .member-avatar{width:34px;height:34px;border-radius:999px;font-size:10.5px}
.assignment-row strong{display:block;color:#111827;font-size:12.7px;line-height:1.05;font-weight:620;letter-spacing:-.018em}
.assignment-row span:not(.member-avatar):not(.manager-chip){display:block;margin-top:4px;color:#66738d;font-size:11.5px;line-height:1.2;font-weight:430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:999px;color:#5b4fcf;background:linear-gradient(180deg,rgba(244,240,255,.97),rgba(249,247,255,.92));border:1px solid rgba(124,58,237,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);font-size:11.2px;line-height:1;font-weight:560;white-space:nowrap}
.shift-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:0}
.shift-footer .status-pill{min-height:34px;padding:0 11px;font-size:11.2px;line-height:1;font-weight:560;border-radius:999px}
.shift-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;color:#1767f2;background:#edf4ff;border:0;font-size:11.8px;font-weight:650;white-space:nowrap}
.status-pill.assigned{color:#0f8b68;background:rgba(16,185,129,.105);border-color:rgba(16,185,129,.15)}

/* Team details uses the same ShiftCard anatomy as direct chat. */
.shift-card .shift-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.shift-code{
  color:#8490a7;
  font-size:11px;
  line-height:1;
  font-weight:650;
  letter-spacing:.04em;
}
.shift-card h3{
  margin:11px 0 4px;
  color:var(--ink);
  font-family:var(--font-heading);
  font-size:19px;
  line-height:1.06;
  font-weight:650;
  letter-spacing:-.035em;
}
.shift-card>p{
  margin:0;
  color:#66738d;
  font-size:12.5px;
  line-height:1.35;
}
.shift-card .time-band{
  display:grid;
  grid-template-columns:1.18fr .72fr auto;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:10px;
  border-radius:17px;
  background:#f8fbff;
  border:1px solid rgba(37,99,235,.1);
  box-shadow:none;
}
.shift-card .time-band div{min-width:0}
.shift-card .time-band span{
  display:block;
  color:#858fa3;
  font-size:10px;
  line-height:1;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.shift-card .time-band strong{
  display:block;
  margin-top:5px;
  color:#111827;
  font-family:var(--font-body);
  font-size:13.5px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:-.01em;
}
.shift-card .time-band em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  min-width:auto;
  padding:0 10px;
  border-radius:999px;
  color:#155fdd;
  background:linear-gradient(180deg,rgba(232,241,255,.96),rgba(244,248,255,.92));
  border:1px solid rgba(37,99,235,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  font-style:normal;
  font-size:11.7px;
  line-height:1;
  font-weight:650;
  white-space:nowrap;
}
.shift-card .shift-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
  color:#68758f;
  font-size:11.2px;
  line-height:1;
  font-weight:560;
}
.shift-card .shift-card-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  white-space:nowrap;
  border:1px solid rgba(148,163,184,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.shift-card .meta-chip.worker{
  color:#155fdd;
  background:linear-gradient(180deg,rgba(232,241,255,.96),rgba(244,248,255,.92));
  border-color:rgba(37,99,235,.15);
}
.shift-card .meta-chip.duration{
  color:#155fdd;
  background:linear-gradient(180deg,rgba(232,241,255,.96),rgba(244,248,255,.92));
  border-color:rgba(37,99,235,.15);
}
.shift-card .meta-chip.break{
  color:#a45d00;
  background:linear-gradient(180deg,rgba(255,247,228,.96),rgba(255,251,242,.92));
  border-color:rgba(245,158,11,.18);
}
.shift-card .meta-chip.manager{
  color:#5b4fcf;
  background:linear-gradient(180deg,rgba(244,240,255,.97),rgba(249,247,255,.92));
  border-color:rgba(124,58,237,.14);
}
.shift-card .meta-chip.ai{
  color:#07807a;
  background:linear-gradient(180deg,rgba(232,253,249,.96),rgba(244,251,255,.92));
  border-color:rgba(15,159,143,.15);
}
.shift-card .shift-card-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
}
.shift-card .shift-card-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 18px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(180deg,#3b82f6,#2563eb 58%,#1d4ed8);
  box-shadow:var(--shadow-blue);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
}
.shift-card .shift-card-actions a.secondary{
  color:#1767f2;
  background:#edf4ff;
  box-shadow:none;
}

/* Final canonical ShiftCard: direct-chat implementation, isolated for Team Details. */
.team-shift-card,
.team-shift-card.state-live,
.team-shift-card.state-open,
.team-shift-card.state-review,
.team-shift-card.state-assigned,
.team-shift-card.state-paid {
  width: 100%;
  margin-top: 10px;
  padding: 13px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, .12);
  box-shadow: var(--shadow-card);
}

.team-shift-card.state-live,
.team-shift-card.state-paid,
.team-shift-card.state-assigned {
  border-color: rgba(5, 150, 105, .14);
}

.team-shift-card.state-open {
  border-color: rgba(37, 99, 235, .12);
}

.team-shift-card.state-review {
  border-color: rgba(245, 158, 11, .18);
}

.team-shift-card .shift-card-top,
.team-shift-card .shift-card-actions,
.team-shift-card .shift-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.team-shift-card .shift-card-top {
  justify-content: space-between;
}

.team-shift-card .shift-code {
  color: #8490a7;
  font-size: 11px;
  line-height: 1;
  font-weight: 650;
  letter-spacing: .04em;
}

.team-shift-card h3 {
  margin: 11px 0 4px;
  color: var(--ink);
  font-family: var(--font-heading);
  font-size: 19px;
  line-height: 1.06;
  font-weight: 650;
  letter-spacing: -.035em;
}

.team-shift-card > p {
  margin: 0;
  color: #66738d;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 430;
}

.team-shift-card .shift-time-strip {
  display: grid;
  grid-template-columns: 1.18fr .72fr auto;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  border-radius: 17px;
  background: #f8fbff;
  border: 1px solid rgba(37, 99, 235, .1);
  box-shadow: none;
}

.team-shift-card .shift-time-strip div {
  min-width: 0;
}

.team-shift-card .shift-time-strip span {
  display: block;
  color: #858fa3;
  font-size: 10px;
  line-height: 1;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.team-shift-card .shift-time-strip strong {
  display: block;
  margin-top: 5px;
  color: #111827;
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.1;
  font-weight: 650;
  letter-spacing: -.01em;
}

.team-shift-card .shift-time-strip em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: #155fdd;
  background: linear-gradient(180deg, rgba(232, 241, 255, .96), rgba(244, 248, 255, .92));
  border: 1px solid rgba(37, 99, 235, .15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
  font-style: normal;
  font-size: 11.7px;
  line-height: 1;
  font-weight: 650;
  white-space: nowrap;
}

.team-shift-card .shift-card-meta {
  flex-wrap: nowrap;
  margin-top: 10px;
  color: #68758f;
  font-size: 11.2px;
  line-height: 1;
  font-weight: 560;
  overflow-x: auto;
  scrollbar-width: none;
}

.team-shift-card .shift-card-meta::-webkit-scrollbar {
  display: none;
}

.team-shift-card .shift-card-meta span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 999px;
  white-space: nowrap;
  border: 1px solid rgba(148, 163, 184, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.team-shift-card .shift-card-meta .worker,
.team-shift-card .shift-card-meta .duration {
  color: #155fdd;
  background: linear-gradient(180deg, rgba(232, 241, 255, .96), rgba(244, 248, 255, .92));
  border-color: rgba(37, 99, 235, .15);
}

.team-shift-card .shift-card-meta .break {
  color: #a45d00;
  background: linear-gradient(180deg, rgba(255, 247, 228, .96), rgba(255, 251, 242, .92));
  border-color: rgba(245, 158, 11, .18);
}

.team-shift-card .shift-card-meta .manager {
  color: #5b4fcf;
  background: linear-gradient(180deg, rgba(244, 240, 255, .97), rgba(249, 247, 255, .92));
  border-color: rgba(124, 58, 237, .14);
}

.team-shift-card .shift-card-meta .ai {
  color: #07807a;
  background: linear-gradient(180deg, rgba(232, 253, 249, .96), rgba(244, 251, 255, .92));
  border-color: rgba(15, 159, 143, .15);
}

.team-shift-card .shift-card-actions {
  margin-top: 12px;
}

.team-shift-card .shift-card-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  color: #ffffff;
  background: #2563eb;
  font-size: 12.5px;
  line-height: 1;
  font-weight: 650;
  box-shadow: 0 9px 18px rgba(37, 99, 235, .14);
}

.team-shift-card .shift-card-actions a.secondary {
  color: #2563eb;
  background: #eff6ff;
  box-shadow: none;
}

.team-shift-card .status-pill.assigned,
.team-shift-card .status-pill.green,
.team-shift-card .status-pill.live,
.team-shift-card .status-pill.paid {
  color: #0f8b68;
  background: rgba(16, 185, 129, .105);
  border-color: rgba(16, 185, 129, .15);
}

.team-shift-card .status-pill.open,
.team-shift-card .status-pill.blue {
  color: #1767f2;
  background: rgba(232, 241, 255, .92);
  border-color: rgba(37, 99, 235, .14);
}

.team-shift-card .status-pill.review {
  color: #a76000;
  background: rgba(245, 158, 11, .11);
  border-color: rgba(245, 158, 11, .18);
}