/* Classic rules remain untouched. Personal UI mode is independent of theme. */
.interface-settings{margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}
.interface-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.interface-options>button{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;padding:12px;border:1px solid var(--control-line);border-radius:12px;background:var(--card)}
.interface-options>button[aria-pressed=true]{outline:2px solid var(--focus);outline-offset:2px}
.interface-sample{height:70px;display:grid;grid-template-columns:24% 1fr 1fr;gap:6px;background:#F7F9FC;padding:7px;border:1px solid #DCE7F2;border-radius:8px}
.interface-sample i{display:block;background:#EAF2FD;border-radius:4px}.interface-sample i:first-child{background:#0E2537}.interface-sample--classic i:not(:first-child){background:#FFF1EB}.interface-sample--classic i:first-child{background:#34332F}
.interface-options strong{font-size:1rem}.interface-options small{line-height:1.45}.demo-interface{width:100%;max-width:550px}.demo-interface>summary{cursor:pointer;font-size:.875rem;padding:8px}
:root[data-interface=new]{--ink:#071526;--navy:#0E2537;--paper:#F7F9FC;--card:#FFF;--muted:#5D6B7D;--line:#DCE7F2;--control-line:#8495A8;--brand:#1D69F4;--accent:#1D69F4;--accent-hover:#1457D9;--accent-active:#1045AA;--soft:#EAF2FD;--blue:#1262C7;--blue-soft:#EAF2FD;--mint:#087957;--mint-soft:#EEF8F7;--warning:#825100;--danger:#B52D2D;--focus:#1457D9;--shadow-panel:0 3px 18px #0E253704;--radius-panel:14px}
html[data-interface=new] body{background:var(--paper)}
html[data-interface=new] :is(button,input,select,textarea){font-family:inherit}
html[data-interface=new] :is(input,select,textarea){border-color:var(--control-line)}
html[data-interface=new] :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[data-interface=new] .sidebar :focus-visible{outline-color:#B5D4FF}
html[data-interface=new] .sidebar{width:208px;padding:28px 12px 20px;background:#0E2537}
html[data-interface=new] .sidebar .brand{order:0;padding:0 12px 26px;letter-spacing:-.04em}
html[data-interface=new] .sidebar .brand-mark{display:none}
html[data-interface=new] .sidebar nav{order:1;gap:6px}
html[data-interface=new] .sidebar .restaurant{order:2;margin-top:auto;padding:24px 8px 0;overflow-wrap:anywhere;font-size:.875rem}
html[data-interface=new] .sidebar .future{display:none}
html[data-interface=new] .nav-item{color:#E4ECF5;font-weight:500;font-size:.9375rem;min-height:46px;border-radius:8px;gap:10px}
html[data-interface=new] .nav-item.active{background:#1D69F4;color:white;box-shadow:none}
html[data-interface=new] .nav-item:hover{background:#203D56}
html[data-interface=new] .nav-item.active:hover{background:#1457D9}
html[data-interface=new] body>main{margin-left:208px;padding:24px;max-width:1920px;width:auto}
html[data-interface=new] .topbar h1{font-size:1.875rem;letter-spacing:-.035em}
html[data-interface=new] .servicebar{margin-bottom:16px}
html[data-interface=new] body[data-current-page=summary] .topbar{display:none}
html[data-interface=new] :is(.workspace-card,.fin-panel,.team-department,.task-list-card,.more-row){border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-panel);background:#fff}
html[data-interface=new] :is(.primary-button,.secondary-button,.text-button,.segmented button,.arrow-button){border-radius:9px}
html[data-interface=new] .primary-button{background:var(--accent);border-color:var(--accent);color:white}
html[data-interface=new] .primary-button:hover{background:var(--accent-hover)}
html[data-interface=new] .primary-button:active{background:var(--accent-active)}
html[data-interface=new] :is(.text-button,.month-add,.month-date,.add-day){color:var(--blue)}
html[data-interface=new] .segmented{background:#F2F6FC;border:0;padding:4px;gap:4px}
html[data-interface=new] .segmented button[aria-pressed=true]{background:#E1EDFF;color:#1457D9;box-shadow:none}
html[data-interface=new] :is(.team-member,.task-row,.fin-row){border-color:var(--line)}
html[data-interface=new] :is(.shift-card,.day-overview,.month-department,.station-group){border-radius:8px}
html[data-interface=new] .calendar-controls{padding:16px;gap:14px}
html[data-interface=new] .period-summary{background:#FAFCFF;font-variant-numeric:tabular-nums}
html[data-interface=new] .calendar-foot{font-size:.75rem}
html[data-interface=new] .schedule-actions{margin-bottom:12px}
html[data-interface=new] .schedule-actions>.actions-menu{max-width:100%;min-width:0}
html[data-interface=new] .schedule-actions>.actions-menu>summary{flex-wrap:wrap}
html[data-interface=new] .refresh-day-total{flex-wrap:wrap}
html[data-interface=new] .checks summary{overflow-wrap:anywhere}
html[data-interface=new] .refresh-day-stats{min-width:0;overflow-wrap:anywhere}
@media(max-width:639px){html[data-interface=new] #accountDialog .dialog-card{grid-template-columns:minmax(0,1fr)}}
html[data-interface=new] #accountDialog :is(label,form,select,.appearance-settings,.theme-options button){min-width:0;max-width:100%;overflow-wrap:anywhere}
html[data-interface=new] #accountDialog .dialog-head{flex-wrap:wrap}
html[data-interface=new] #accountDialog .dialog-card>*{min-width:0;overflow-wrap:anywhere}
html[data-interface=new] #accountDialog .interface-options>button{min-width:0;overflow-wrap:anywhere}
html[data-interface=new] .team-toolbar{flex-wrap:wrap}
html[data-interface=new] .team-toolbar>.actions-menu{max-width:100%;min-width:0}
html[data-interface=new] .team-toolbar>.actions-menu>summary{flex-wrap:wrap}
html[data-interface=new] .mobile-nav>button>span{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}
html[data-interface=new] .fin-forecast>.text-button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;flex-wrap:wrap}
html[data-interface=new] .fin-forecast h2{overflow-wrap:anywhere}
html[data-interface=new] .fin-source-group>summary>span{min-width:0;overflow-wrap:anywhere}
html[data-interface=new] footer a{overflow-wrap:anywhere}
html[data-interface=new] .refresh-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-panel);min-width:0}
html[data-interface=new] .refresh-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
html[data-interface=new] .refresh-panel h2{font-size:1.125rem;margin:0;letter-spacing:-.025em}
html[data-interface=new] .refresh-panel p{font-size:.875rem;color:var(--muted)}
html[data-interface=new] .refresh-greeting{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
html[data-interface=new] .refresh-greeting h2{font-size:1.875rem;line-height:1.2;margin:0 0 6px;letter-spacing:-.04em}
html[data-interface=new] .refresh-greeting p{margin:0;color:var(--muted)}
html[data-interface=new] .refresh-greeting>span{font-size:.875rem;padding:10px 14px;background:white;border:1px solid var(--line);border-radius:10px;white-space:nowrap}
html[data-interface=new] .refresh-summary .fin-period{margin-bottom:8px}
html[data-interface=new] .refresh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
html[data-interface=new] .refresh-kpi{display:flex;flex-direction:column;text-align:left;gap:8px;padding:16px;background:white;border:1px solid var(--line);border-radius:13px;min-width:0;box-shadow:var(--shadow-panel)}
html[data-interface=new] .refresh-kpi:hover{border-color:var(--blue)}
html[data-interface=new] .refresh-kpi-title{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;font-size:.875rem;font-weight:600}
html[data-interface=new] .refresh-kpi-title>span{color:#087957;background:#E2F7EF;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}
html[data-interface=new] .refresh-kpi:nth-child(2) .refresh-kpi-title>span{background:#FFF0ED;color:#B52D2D}
html[data-interface=new] .refresh-kpi:nth-child(3) .refresh-kpi-title>span{background:#EAF2FD;color:#1262C7}
html[data-interface=new] .refresh-kpi:nth-child(4) .refresh-kpi-title>span{background:#F0EEF9;color:#6B3CBB}
html[data-interface=new] .refresh-kpi .financial-value{min-width:0;display:flex;flex:1;flex-direction:column;gap:12px}
html[data-interface=new] .refresh-kpi .financial-value strong{font-size:clamp(1.125rem,1.7vw,1.875rem);line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--ink)}
html[data-interface=new] .refresh-kpi .financial-value small{font-size:.75rem;line-height:1.45;color:var(--muted)}
html[data-interface=new] .refresh-kpi-period{font-size:.75rem}
html[data-interface=new] .refresh-summary-bottom{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:16px}
html[data-interface=new] .refresh-detail-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;width:100%;background:none;border:0;border-bottom:1px solid #EDF2F7;text-align:left;font-size:.875rem}
html[data-interface=new] .refresh-detail-row>span{min-width:0}.refresh-detail-row strong{font-weight:600}.refresh-detail-row small{display:block;margin-top:4px}.refresh-detail-row>strong{font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-interface=new] .refresh-detail-row:hover{background:#F7FAFF}
html[data-interface=new] .refresh-timeline-desktop{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:16px}
html[data-interface=new] .refresh-timeline{min-width:0;border:1px solid var(--line);border-radius:10px;padding-right:24px;overflow:hidden}
html[data-interface=new] .refresh-axis,html[data-interface=new] .refresh-lane{display:grid;grid-template-columns:120px minmax(0,1fr)}
html[data-interface=new] .refresh-axis>div{height:38px;position:relative}
html[data-interface=new] .refresh-axis small{position:absolute;top:10px;transform:translateX(-50%);font-size:.75rem}
html[data-interface=new] .refresh-lane{border-top:1px solid #EDF2F7}
html[data-interface=new] .refresh-lane-label{display:flex;align-items:center;gap:8px;padding:12px 8px;font-size:.875rem;min-width:0}
html[data-interface=new] .refresh-lane-label strong{display:block;overflow-wrap:anywhere}
html[data-interface=new] .refresh-lane-label small{display:block;font-size:.75rem}
html[data-interface=new] .refresh-dept-icon{width:36px;height:36px;border-radius:50%;background:var(--dept-bg);color:var(--dept-accent);display:inline-grid;place-items:center;flex-shrink:0}
html[data-interface=new] .refresh-lane-track{padding:6px 0;background:repeating-linear-gradient(90deg,#EDF2F7 0,#EDF2F7 1px,transparent 1px,transparent 12.5%)}
html[data-interface=new] .refresh-track-row{min-height:50px;padding:3px 0}
html[data-interface=new] .refresh-shift{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:6px;align-items:center;min-width:0;width:100%;padding:7px 9px;min-height:46px;background:var(--dept-bg,#EEF6FD);border:1px solid transparent;border-radius:8px;text-align:left;color:var(--ink);font-size:.8125rem;line-height:1.4}
html[data-interface=new] .refresh-shift:hover{border-color:var(--dept-accent,var(--blue));filter:brightness(.98)}
html[data-interface=new] .refresh-shift strong{font-weight:600;overflow-wrap:anywhere;min-width:0}
html[data-interface=new] .refresh-dot{height:6px;width:6px;border-radius:50%;background:var(--dept-accent,var(--blue));grid-column:1;grid-row:1}
html[data-interface=new] .refresh-time{grid-column:2;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:normal}
html[data-interface=new] .refresh-day-stats>div{background:#F7FAFF;border:1px solid #EDF2F7;border-radius:10px;padding:14px;margin-bottom:10px}
html[data-interface=new] .refresh-day-stats strong{display:block;font-size:.9375rem;margin-top:8px}
html[data-interface=new] :is(.refresh-ok,.refresh-warning){padding:12px;border-radius:8px;display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;line-height:1.5}
html[data-interface=new] .refresh-ok{background:#EEF8F7;color:#087957}
html[data-interface=new] .refresh-warning{background:#FFF8EB;color:#825100}
html[data-interface=new] .refresh-today-mobile{display:none}
html[data-interface=new] .refresh-week-scroll{overflow:auto;max-width:100%;border-radius:10px}
html[data-interface=new] .refresh-week{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.8125rem;min-width:860px}
html[data-interface=new] .refresh-week th{font-weight:600;text-align:left}
html[data-interface=new] .refresh-week th:first-child{width:132px}
html[data-interface=new] .refresh-week :is(th,td){border-right:1px solid #EDF2F7;border-bottom:1px solid #EDF2F7;padding:8px;vertical-align:top}
html[data-interface=new] .refresh-week thead th{background:#FAFCFF;text-align:center;vertical-align:middle}
html[data-interface=new] .refresh-week thead button{background:transparent;border:0;font-size:.8125rem;width:100%;padding:4px}
html[data-interface=new] .refresh-week tbody th{vertical-align:middle}
html[data-interface=new] .refresh-week tbody th strong,html[data-interface=new] .refresh-week tbody th small{display:block;margin-top:6px;overflow-wrap:anywhere}
html[data-interface=new] .refresh-week tbody .refresh-shift{margin-bottom:6px}
html[data-interface=new] .refresh-week .selected{background:#F0F5FF;border-left:1px solid #79A7F8;border-right:1px solid #79A7F8}
html[data-interface=new] .refresh-week th.selected{border-top:1px solid #79A7F8;border-radius:8px 8px 0 0;color:#1457D9}
html[data-interface=new] .refresh-week tfoot{font-size:.75rem;color:var(--muted)}
html[data-interface=new] .refresh-add{background:#EFF5FF;color:#1457D9;border:0;border-radius:8px;min-height:44px;min-width:44px;display:inline-grid;place-items:center;padding:8px}
html[data-interface=new] .refresh-add:hover{background:#DAE9FF}
html[data-interface=new] .refresh-week .refresh-add{width:100%}
html[data-interface=new] .refresh-day-group{border-bottom:1px solid var(--line);padding:12px 0}
html[data-interface=new] .refresh-day-group header{display:flex;gap:10px;align-items:center;font-size:.9375rem;margin-bottom:6px}
html[data-interface=new] .refresh-day-group header>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
html[data-interface=new] .refresh-day-group header strong,html[data-interface=new] .refresh-day-group header small{display:block}
html[data-interface=new] .refresh-day-group .refresh-shift{grid-template-columns:8px minmax(0,1fr) auto;background:transparent;border-bottom:1px solid #F1F4F8;border-radius:0;font-size:.875rem;padding:8px}
html[data-interface=new] .refresh-day-group .refresh-time{grid-column:3;font-size:.8125rem;max-width:135px}
html[data-interface=new] .refresh-day-total{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;padding:14px 0}
html[data-interface=new] .refresh-empty{padding:8px;color:var(--muted);font-size:.875rem}
html[data-interface=new] .refresh-date-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:10px 0}
html[data-interface=new] .refresh-date-strip button{border:1px solid transparent;border-radius:8px;background:white;display:grid;padding:7px 1px;gap:4px;min-height:50px;min-width:0}
html[data-interface=new] .refresh-date-strip button[aria-pressed=true]{border-color:#79A7F8;background:#EFF5FF;color:#1457D9}
html[data-interface=new] .employee-shell{background:#F7F9FC}
html[data-interface=new] .employee-shell article{background:white;border:1px solid var(--line);border-radius:12px;padding:16px}
@media(max-width:1200px){html[data-interface=new] .refresh-timeline-desktop{grid-template-columns:minmax(0,1fr)}html[data-interface=new] .refresh-day-stats{display:flex;gap:10px;flex-wrap:wrap}html[data-interface=new] .refresh-day-stats>div{flex:1}html[data-interface=new] .refresh-summary-bottom{grid-template-columns:1fr 1fr}html[data-interface=new] .refresh-summary-bottom>section:first-child{grid-column:1/-1}}
@media(max-width:1100px){html[data-interface=new] .sidebar{display:none}html[data-interface=new] body>main{margin-left:0;padding:16px 16px calc(90px + env(safe-area-inset-bottom))}html[data-interface=new] .mobile-nav{display:flex;flex-wrap:nowrap;height:auto;min-height:64px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);gap:2px}html[data-interface=new] .mobile-nav>button{flex:1;min-width:0;min-height:52px;padding:5px 2px;color:var(--muted);font-size:.75rem}html[data-interface=new] .mobile-nav>button.active{background:#EFF5FF;color:#1262C7;border-radius:8px}html[data-interface=new] .refresh-kpis{gap:10px}html[data-interface=new] .refresh-timeline-desktop{display:none}html[data-interface=new] .refresh-today-mobile{display:block}html[data-interface=new] .calendar-controls{padding:12px}html[data-interface=new] #calendar{padding:0 12px}html[data-interface=new] .filter-row{gap:8px}html[data-interface=new] .refresh-panel{padding:14px}html[data-interface=new] .refresh-summary-bottom{grid-template-columns:1fr}html[data-interface=new] .refresh-summary-bottom>section:first-child{grid-column:auto}html[data-interface=new] .refresh-greeting h2{font-size:1.5rem}html[data-interface=new] .refresh-greeting>span{display:none}html[data-interface=new] .refresh-greeting p{font-size:.875rem}}
@media(max-width:600px){html[data-interface=new] .refresh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-interface=new] .refresh-kpi{padding:12px}html[data-interface=new] .refresh-kpi-title>span{width:30px;height:30px}html[data-interface=new] .refresh-kpi-title{font-size:.8125rem}html[data-interface=new] .refresh-kpi .financial-value strong{font-size:1.25rem}html[data-interface=new] .refresh-kpi .financial-value small{font-size:.75rem}html[data-interface=new] #addShift{max-width:160px;font-size:.875rem}html[data-interface=new] .refresh-panel h2{font-size:1rem}html[data-interface=new] .refresh-today>header .text-button{font-size:.8125rem}html[data-interface=new] .fin-row{min-width:0}html[data-interface=new] .refresh-day-group .refresh-time{max-width:106px}html[data-interface=new] .refresh-detail-row>strong{white-space:normal}html[data-interface=new] body>footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))!important}}
@media(max-width:340px){html[data-interface=new] body>main{padding-left:12px;padding-right:12px}html[data-interface=new] .refresh-kpi .financial-value strong{font-size:1.125rem}html[data-interface=new] .refresh-kpi-title>span{display:none}.interface-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-interface=new] *,html[data-interface=new] *::before,html[data-interface=new] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Final reference calibration: compact readable weekly cells, bounded demo notice. */
html[data-interface=new] .refresh-short-name{display:none}
html[data-interface=new] .refresh-week .refresh-full-name{display:none}
html[data-interface=new] .refresh-week .refresh-short-name{display:inline}
html[data-interface=new] .refresh-week .refresh-shift{padding:6px;min-height:44px;font-weight:400}
html[data-interface=new] .refresh-week .refresh-shift strong{font-weight:500;overflow-wrap:normal}
html[data-interface=new] .refresh-week :is(th,td){padding:6px}
html[data-interface=new] .refresh-week th:first-child{width:122px}
html[data-interface=new] .refresh-track-row{min-height:44px;padding:2px 0}
html[data-interface=new] .refresh-lane-label{font-size:.8125rem;gap:6px}
html[data-interface=new] .refresh-lane-label small{font-size:.75rem;overflow-wrap:normal}
html[data-interface=new] .refresh-axis,html[data-interface=new] .refresh-lane{grid-template-columns:144px minmax(0,1fr)}
html[data-interface=new] .refresh-panel .refresh-ok{color:#087957}
html[data-interface=new] .demo-banner{background:#EAF2FD;border:1px solid #DCE7F2;padding:12px 16px;gap:8px;font-size:.875rem;border-radius:12px}
html[data-interface=new] .demo-banner small{font-size:.75rem}
html[data-interface=new] .refresh-detail-row>strong{white-space:nowrap}
@media(max-width:600px){html[data-interface=new] .refresh-detail-row{flex-wrap:wrap}html[data-interface=new] .refresh-day-group .refresh-time{max-width:106px}html[data-interface=new] .refresh-kpi{gap:6px}html[data-interface=new] .refresh-kpi .financial-value{gap:6px}html[data-interface=new] .demo-banner{padding:10px 12px}}
html[data-interface=new] .refresh-attention{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
html[data-interface=new] .refresh-attention>summary{cursor:pointer;min-height:24px;color:var(--warning);font-size:.875rem;font-weight:600}
@media(max-width:600px){html[data-interface=new] .refresh-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr))}html[data-interface=new] .refresh-kpis:has(.refresh-kpi--long){grid-template-columns:1fr}html[data-interface=new] .refresh-kpi .financial-value strong{overflow-wrap:normal}html[data-interface=new] .refresh-kpi--long .financial-value strong{font-size:clamp(1rem,5vw,1.25rem)}}

/* Long account names must wrap at mobile widths and text zoom. */
html[data-interface=new] .refresh-greeting>div{min-width:0;overflow-wrap:anywhere}