/* Shared visual language from the scheduling system's admin-main.css:
   warm white, orange actions, stone text, heavy navigation and compact workspace. */
:root {
  --bg:#fff9f2; --panel:#fff; --ink:#44403c; --muted:#78716c;
  --orange:#f97316; --orange-dark:#ea580c; --orange-soft:#fff7ed;
  --border:#fde6d2; --line:#e7e5e4; --green:var(--orange);
  color:var(--ink); background:var(--bg);
  font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;
  font-size:14px; -webkit-font-smoothing:antialiased;
}
body{background:var(--bg);overflow:hidden}
[hidden]{display:none!important}
#app{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;padding:10px;height:100dvh;max-width:1800px;margin:0 auto}
.sidebar{position:static;width:auto;min-height:0;height:calc(100dvh - 20px);padding:18px;background:#fff;border:4px solid var(--border);border-top:0;border-bottom:0;border-radius:0;overflow:auto;box-shadow:0 15px 30px -10px #ed7d311a;display:block}
.brand{padding:10px 0 12px;gap:10px;letter-spacing:0;font-size:24px;font-weight:900;color:#44403c}
.brand-mark{width:42px;height:42px;border-radius:16px;color:#fff;background:var(--orange);box-shadow:0 10px 18px -12px #f97316bb}
.brand-sub{font-size:12px;color:#78716c;font-weight:900;letter-spacing:0;margin-top:6px}
.workspace{margin:5px 0 10px;padding:9px 0;border:0;border-bottom:1px solid #f5f5f4;border-radius:0;gap:8px}
.workspace strong{font-size:12px;color:#57534e}.workspace small{font-size:11px;color:#a8a29e}.workspace-dot{background:var(--orange)}
.sidebar nav{display:block}.nav-group{margin-bottom:14px}.nav-label{margin:14px 4px 6px;padding:0;font-size:11px;font-weight:900;letter-spacing:.12em;color:#9a3412}
.nav-item{min-height:46px;padding:8px 14px;border:2px solid transparent;border-radius:16px;background:#fff;color:#57534e;font-size:16px;line-height:1.25;font-weight:900;gap:10px;margin:0 0 8px;transition:background .2s,color .2s,border-color .2s}
.nav-item svg{width:20px;height:20px;flex:0 0 20px;stroke-width:2.2}
.nav-item:hover{background:var(--orange-soft);color:var(--orange-dark)}
.nav-item.active{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 10px 15px -3px #f973164d}
.sidebar-bottom{margin-top:18px;padding:16px 0 0;border-color:#f5f5f4}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:10px;color:#a8a29e}
.avatar,.avatar-small{background:#fff7ed;color:#ea580c;font-weight:900}
.app-content{margin:0;min-width:0;min-height:0;background:#fff;border:4px solid var(--border);border-top:0;border-bottom:0;box-shadow:0 15px 30px -10px #ed7d311a;display:flex;flex-direction:column}
.topbar{height:auto;min-height:74px;flex-shrink:0;gap:10px;padding:14px 14px 10px;border:0;background:#fff;flex-wrap:wrap;align-items:center}
.main-title-heading{display:flex;align-items:center;gap:12px;min-width:0}
.main-title-heading h1{font-size:30px;line-height:1.3;font-weight:900;color:#44403c;letter-spacing:0}
.main-title-icon{height:44px;width:44px;border-radius:50%;background:var(--orange-soft);color:var(--orange-dark);display:grid;place-items:center;flex-shrink:0}
.main-title-icon svg{height:23px;width:23px;stroke-width:2.3}
.top-actions{margin-left:auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}.local-pill{font-size:11px;color:#78716c;font-weight:700}.local-pill span{background:#f97316}
main{width:100%;max-width:none;min-height:0;flex:1;overflow:auto;padding:4px 14px 0;margin:0}
.notice{font-size:12px;border:1px solid #fed7aa;border-radius:10px;padding:9px 12px;background:#fff7ed;color:#9a3412;margin-bottom:12px;line-height:1.7}
.notice-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.page-heading{margin:0 0 12px;gap:10px;align-items:center;flex-wrap:wrap}.page-heading>div:first-child{flex:1 1 230px}
.subtitle{font-size:12px;color:#78716c;margin:0;line-height:1.7}.heading-actions{max-width:none;justify-content:flex-end;flex-shrink:1;width:auto;flex-wrap:wrap;gap:8px}
.button{min-height:38px;padding:7px 12px;font-size:12px;font-weight:900;border-radius:12px;border:1px solid #d6d3d1;background:#fff;color:#57534e;letter-spacing:0;box-shadow:none}
.button:hover{background:#fff7ed;color:#c2410c;border-color:#fdba74}.button.primary{background:#f97316;border-color:#f97316;color:white;box-shadow:0 8px 12px -6px #f973164d}.button.primary:hover{background:#ea580c;border-color:#ea580c;color:white}
.button.quiet{background:#fff;color:#57534e;border:1px solid #d6d3d1}.button.quiet:hover{background:#fff7ed;color:#c2410c;border-color:#fdba74}
.button.text-button{color:#c2410c;border:0;background:transparent;font-size:12px;font-weight:900}.button.light{background:white;color:#c2410c;border:1px solid #fed7aa;font-size:12px}
.button.row-button{background:#1f2937;border:0;border-radius:12px;color:#fff;font-weight:900;min-height:34px;font-size:12px}.button.row-button:hover{background:#374151;color:#fff}
.danger{color:#dc2626!important}.button.square{background:#fff;border:1px solid #d6d3d1;color:#44403c;min-height:36px;height:36px;width:36px;border-radius:10px;font-size:23px}
button:focus-visible,a:focus-visible{outline:3px solid #fb923c;outline-offset:2px}
input,select,textarea{border:1px solid #d6d3d1;color:#44403c;background:#fff;border-radius:10px;font-size:13px;font-weight:700;min-height:38px}
input:focus,select:focus,textarea:focus{outline:2px solid #fdba74;outline-offset:1px}input[type=checkbox]{accent-color:#f97316;min-height:auto}
.toolbar{background:#fafaf9;border:1px solid #e7e5e4;padding:10px;border-radius:20px;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.date-controls,.filter-controls{gap:8px}.date-controls input,.date-controls input[type=month]{background:#fff;border:1px solid #d6d3d1;font-size:12px;min-height:36px;width:142px;color:#44403c;padding:5px 8px}
.date-controls .date-label{color:#44403c;font-size:16px;font-weight:900;min-width:145px}.date-controls .quiet{min-height:36px;font-size:12px;padding:5px 10px}
.filter-controls select{font-size:12px;min-height:36px;color:#44403c}.segmented{border-color:#d6d3d1;background:#f5f5f4;border-radius:12px}.segmented .button{font-size:12px;min-height:28px;border-radius:9px;color:#78716c}.segmented .selected{background:#fff7ed;color:#c2410c;box-shadow:0 0 0 1px #fdba74}
.panel{background:#fff;border:2px solid #f5f5f4;border-radius:24px;margin-bottom:14px}.panel-heading{padding:16px;min-height:62px;gap:10px}.panel-heading h2{font-size:16px;color:#44403c;font-weight:900;letter-spacing:0}.panel-meta{font-size:12px;color:#78716c;font-weight:700}
.table-scroll table{font-size:13px;color:#44403c}.table-scroll th{background:#f3f1ee;color:#57534e;border-color:#e7e5e4;font-size:12px;font-weight:900;letter-spacing:0;padding:12px 14px}.table-scroll td{border-color:#f5f5f4;padding:14px;font-size:13px;height:auto}.table-scroll tr:hover td{background:#fffaf5}.table-scroll td strong{font-weight:900}
.person-avatar{background:#fff7ed;color:#c2410c;font-weight:900}.person strong{color:#44403c;font-size:13px;font-weight:900}.person small{color:#a8a29e;font-size:11px}.worker-label{color:#57534e;font-size:13px;font-weight:700}
.badge{border:1px solid #e7e5e4;background:#f5f5f4;color:#57534e;border-radius:8px;font-size:11px;font-weight:900;padding:3px 8px}.badge.green{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.badge.amber{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.metrics{gap:12px;margin-bottom:14px}.metric{background:#fff;border:2px solid #f5f5f4;border-radius:20px;padding:16px}.metric-label{font-size:13px;font-weight:900;color:#78716c}.metric-number{font-size:32px;color:#44403c;font-weight:900}.metric-number small{color:#a8a29e}.metric-note{font-size:11px;color:#78716c}.metric-icon,.metric-icon.tone-0{background:#fff7ed;color:#ea580c}.metric-icon.tone-1{background:#f0fdf4;color:#16a34a}.metric-icon.tone-2{background:#fef2f2;color:#ef4444}.metric-icon.tone-3{background:#eff6ff;color:#2563eb}.ops-stat{font-size:25px;line-height:1.9;overflow-wrap:anywhere}
.overview-grid{gap:14px;grid-template-columns:minmax(0,1fr) 260px}.overview-grid>.panel{min-height:0}.overview-side{gap:0}.green-panel{background:#fff7ed;border-color:#fed7aa;padding:20px;color:#9a3412}.green-panel:after{display:none}.green-panel h2{font-size:22px;color:#c2410c;font-weight:900;letter-spacing:0}.green-panel p,.green-panel>.small{color:#9a3412;font-size:12px}.green-panel .button{margin-top:14px}.ride-summary .panel-heading svg{color:#ea580c}.progress-stat strong{color:#44403c;font-weight:900}.progress-stat small{color:#78716c}.ride-summary progress{background:#ffedd5}.ride-summary progress::-webkit-progress-bar{background:#ffedd5}.ride-summary progress::-webkit-progress-value{background:#f97316}.ride-summary p{color:#78716c;font-size:10px}.bottom-panel{margin-top:0}.reminders{gap:25px}.reminders strong{font-size:12px;font-weight:900}.reminders p{font-size:11px;color:#78716c}.reminder-icon{background:#fff7ed;border-color:#fed7aa;color:#ea580c}
.search-field{border-color:#d6d3d1;border-radius:10px}.search-field input{font-size:12px;width:190px;min-height:35px;font-weight:700}.search-field svg{color:#a8a29e}.search-field:focus-within{outline-color:#fdba74}.count{background:#fff7ed;color:#c2410c;font-size:12px;font-weight:900}.weekday-dots span{background:#f5f5f4;color:#a8a29e;font-size:11px}.weekday-dots .on{background:#ffedd5;color:#c2410c;font-weight:900}.check-inline{color:#78716c}.address{color:#78716c}.blocked-row{background:#fff7ed}.panel-foot{border-color:#e7e5e4;color:#78716c;font-size:11px}.legend-dot{background:#f97316}
.week-board{min-width:1010px;color:#44403c}.week-board th,.week-board td{border-color:#e7e5e4}.week-board th:first-child{width:116px;background:#fff}.week-board thead th,.week-board thead th:first-child{background:#efeae4;color:#44403c}.week-board .today-col{background:#fff7ed}.week-board thead .today-col{background:#ffedd5}.day-heading{color:#57534e}.day-heading strong{color:#44403c;font-weight:900}.day-heading span{font-size:12px}.worker-cell strong{font-size:13px;font-weight:900;color:#44403c}.worker-cell small{color:#78716c;font-size:11px}.worker-avatar{font-weight:900}.avatar-color-0{background:#ffedd5;color:#c2410c}.avatar-color-1{background:#eff6ff;color:#1d4ed8}.avatar-color-2{background:#f5f3ff;color:#7c3aed}
.shift-card{background:#fff;border:1px solid #fed7aa;border-left:3px solid #f97316;border-radius:12px;padding:9px;min-height:104px}.shift-card:hover{background:#fff7ed;border-color:#fb923c}.shift-card-head{font-size:10px;color:#78716c;font-weight:700}.shift-type{background:#fff7ed;color:#c2410c;font-size:10px;font-weight:900;border-radius:5px}.shift-count{font-size:12px;color:#44403c;font-weight:900}.client-chips>span{background:#f5f5f4;border-color:#e7e5e4;color:#57534e;font-size:11px;border-radius:5px}.client-chips .unassigned-chip{color:#a8a29e}.shift-note{color:#78716c;font-size:10px}.add-cell{border-color:#d6d3d1;color:#a8a29e;border-radius:8px;font-size:10px}.add-cell:hover{background:#fff7ed;color:#c2410c}.coverage-row td,.coverage-row th{background:#f3f1ee;color:#44403c}.coverage-row td span,.coverage-row small{color:#78716c}.coverage-row .amber-text{color:#c2410c}
.month-board{min-width:980px;grid-template-columns:repeat(7,minmax(140px,1fr))}.month-weekday{background:#efeae4;color:#44403c;font-size:12px;font-weight:900;border-color:#e7e5e4}.month-cell{background:#fff;border-color:#e7e5e4}.month-cell.outside{background:#f8fafc}.month-cell.today-cell{background:#fff7ed}.month-day-head button{font-weight:900;color:#44403c}.month-day-head button small{background:#f97316;color:#fff}.month-day-head>span{color:#78716c;font-size:10px}.compact .shift-card-head strong{color:#44403c;font-size:11px;font-weight:900}.compact .shift-count{color:#c2410c;font-size:10px}.compact .client-chips>span{color:#57534e;font-size:10px}.unassigned-note{color:#c2410c;font-weight:900;font-size:10px}
.empty{color:#a8a29e}.empty strong{color:#57534e}.empty p{color:#78716c}.empty svg{color:#f97316;opacity:1}
dialog{border:2px solid #f5f5f4;border-radius:24px;background:#fff;color:#44403c;box-shadow:0 24px 60px #1f29373d}dialog::backdrop{background:#1f29374d;backdrop-filter:blur(2px)}.dialog-heading{background:#fff7ed;border-color:#fed7aa}.dialog-heading h2{color:#44403c;font-weight:900}.eyebrow{color:#c2410c;font-weight:900}.close-button{background:#fff;border-color:#fed7aa;color:#ea580c}.dialog-footer{background:#fafaf9;border-color:#e7e5e4}.field{font-size:13px;font-weight:900;color:#57534e}.field input,.field select,.field textarea{font-size:13px;font-weight:700}.field input:disabled{background:#f5f5f4;color:#a8a29e}.form-help{background:#fafaf9;color:#78716c;border:1px solid #e7e5e4;font-size:12px}.form-error{background:#fef2f2;color:#b91c1c}.weekday-picker,.client-picker{border-color:#e7e5e4;border-radius:12px}.weekday-picker legend,.client-picker legend{color:#57534e;font-weight:900}.weekday-picker label{background:#fff7ed;color:#9a3412}.client-option{background:#fafaf9;border-color:#e7e5e4;border-radius:10px}.client-option:has(input:checked){background:#fff7ed;border-color:#fdba74}.client-option strong{font-weight:700}.client-option small,.client-picker legend small,.dialog-context{color:#78716c}
.module-tip{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#9a3412;font-size:12px;line-height:1.9;margin:0 0 14px;padding:12px 14px}.inline-field{flex-direction:row;align-items:center;gap:12px}.inline-field input{width:155px}.wrap-cell{display:block;white-space:normal;min-width:160px;max-width:380px;overflow-wrap:anywhere}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0 16px 16px}.profile-grid>div{padding:14px;border-bottom:1px solid #f5f5f4;min-width:0}.profile-grid dt{font-size:12px;color:#78716c;font-weight:900}.profile-grid dd{font-size:14px;color:#44403c;margin:6px 0 0;overflow-wrap:anywhere}.guide ol{margin:0;padding:0 30px 25px 48px}.guide li{padding:8px 0 16px}.guide h3{font-size:15px;margin:0 0 6px;font-weight:900}.guide p{font-size:13px;color:#78716c;line-height:1.9}.amber-text{color:#c2410c}
#toast{background:#1f2937;color:#fff;border-color:#374151;font-weight:700;left:calc(50% + 120px)}footer{color:#a8a29e;border-color:#f5f5f4;margin-top:5px;padding:18px 0;font-size:10px}
body.sidebar-collapsed #app{grid-template-columns:minmax(0,1fr)}body.sidebar-collapsed .sidebar{display:none}body.sidebar-collapsed #toast{left:50%}
@media(min-width:1600px){main{padding-inline:14px}.overview-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1100px){.top-actions{gap:6px}.main-title-heading h1{font-size:26px}.top-actions .button{font-size:11px;padding:5px 9px}.topbar{gap:10px}.overview-grid{grid-template-columns:1fr}.overview-side{grid-template-columns:1fr 1fr;gap:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-pill{display:none}}
@media(max-width:760px){#app{grid-template-columns:188px minmax(0,1fr);gap:8px;padding:8px}.sidebar{padding:12px;height:calc(100dvh - 16px)}.nav-item{font-size:14px;min-height:42px;padding:8px 10px;border-radius:14px;gap:8px}.nav-item svg{width:18px;height:18px;flex-basis:18px}.brand{font-size:21px}.brand-mark{width:36px;height:36px}.workspace strong{font-size:11px}.workspace small{font-size:10px}.main-title-heading h1{font-size:24px}.main-title-icon{width:36px;height:36px}.topbar{padding:12px 10px 8px}.top-actions{margin:0;justify-content:flex-start}.top-actions .button{font-size:11px;min-height:34px}main{padding:4px 10px 0}.overview-side{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:12px}.metric-label{font-size:12px}.metric-note{font-size:10px}.ops-stat{font-size:21px}.panel-heading{padding:12px}.panel-heading h2{font-size:14px}.heading-actions{justify-content:flex-start}.profile-grid{grid-template-columns:1fr}.reminders{flex-direction:column;gap:16px}.notice{font-size:11px}.search-field input{width:155px}#toast{left:50%}}
@media(max-width:640px){body{overflow:auto}#app{display:flex;flex-direction:column;height:auto;min-height:100dvh;padding:8px;gap:8px}.sidebar{width:100%;height:auto;max-height:240px;padding:12px;border-bottom:2px solid #fde6d2;overflow:auto}.sidebar .brand{padding:0 0 8px;position:sticky;top:-12px;background:#fff;z-index:1}.workspace,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:8px;overflow-x:auto;padding:0;align-items:flex-start}.nav-group{display:flex;flex-direction:column;min-width:155px;margin:0 0 4px;gap:3px}.nav-label{display:block;font-size:10px;margin:5px 4px 4px}.nav-item{font-size:12px;min-height:34px;padding:6px 9px;margin:0;border-radius:12px;gap:7px;width:100%}.nav-item svg{height:15px;width:15px;flex-basis:15px}.nav-item.active{box-shadow:none}.app-content{min-height:calc(100dvh - 130px)}main{overflow:visible;flex:initial}.topbar{min-height:0}.top-actions{gap:7px}.main-title-heading{gap:8px}.main-title-heading h1{font-size:24px}.notice{font-size:11px;padding:9px 10px}.page-heading{gap:10px;margin-bottom:12px}.page-heading>div:first-child{flex-basis:100%}.heading-actions{width:100%;justify-content:flex-start}.button{font-size:12px;min-height:36px}.date-controls{gap:6px}.date-controls .date-label{min-width:140px;font-size:14px}.date-controls input{width:134px;font-size:11px}.date-controls .quiet{font-size:11px}.toolbar{padding:9px;border-radius:16px}.panel{border-radius:18px}.panel-heading .filter-controls{width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-number{font-size:28px}.ops-stat{font-size:20px}.overview-grid{gap:0}.green-panel{padding:18px}.green-panel h2{font-size:22px}.panel-foot{font-size:10px}.table-scroll td{font-size:12px;padding:12px}.profile-grid{grid-template-columns:1fr}.row-actions{flex-wrap:wrap;gap:7px}.dialog-heading{padding:18px}.dialog-heading h2{font-size:18px}.client-option{padding:8px}.panel-meta{font-size:11px}.inline-field{width:100%}.ops-toolbar{gap:8px}.guide ol{padding-inline:36px 16px}.guide p{font-size:12px}.guide h3{font-size:14px}body.sidebar-collapsed .app-content{min-height:calc(100dvh - 16px)}}
@media print{body{overflow:visible;background:#fff}#app{display:block;height:auto;max-width:none;padding:0}.sidebar,.topbar .top-actions,.module-tip{display:none!important}.topbar{display:block!important;padding:0 0 10px}.main-title-heading h1{font-size:20px}.main-title-icon{display:none}.app-content{display:block;border:0;box-shadow:none;margin:0}main{padding:0;overflow:visible}.panel{border-radius:0;break-inside:auto}.week-board{min-width:0}.week-board th:first-child{width:80px}.month-board{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}.shift-card{min-height:0;border-color:#e7e5e4;border-left-color:#f97316;break-inside:avoid}.month-cell{min-height:80px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Same company asset and lockup as the scheduling login and authenticated shell. */
#app{grid-template-columns:280px minmax(0,1fr)}
.brand-lockup{display:flex;align-items:center;gap:12px;padding:10px 0;margin-bottom:10px}
.app-company-brand-logo{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto;mix-blend-mode:multiply}
.app-company-brand-name{min-width:0;color:#44403c;font-size:12px;font-weight:900;line-height:1.45;letter-spacing:0}
.app-company-brand-name>span{display:block;white-space:nowrap}
body.login-open{overflow:hidden}
body.login-open #app{display:block;width:100%;height:100dvh;max-width:none;padding:0;overflow:auto;background:#fff9f2}
.auth-view{min-height:100%;padding:44px 16px 32px;display:grid;place-items:start center;background:#fff9f2}
.auth-login-stack{width:min(100%,560px);display:grid;justify-items:center;gap:16px}
.auth-company-brand{width:100%;margin:0;padding:10px 0;border-top:1px solid #e7ddd5;border-bottom:1px solid #e7ddd5;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;color:#57534e;font-size:15px;font-weight:900;line-height:1.45;text-align:center}
.auth-company-brand:after{content:"";width:36px;height:1px}
.auth-company-brand .app-company-brand-logo{width:36px;height:36px}
.auth-company-brand>span{min-width:0;white-space:nowrap}
.auth-card{width:min(100%,420px);position:relative;overflow:hidden;border:4px solid #fde6d2;border-radius:40px;background:#fff;padding:36px 28px;text-align:center;box-shadow:0 15px 30px -10px #ed7d311a}
.auth-card:after{content:"";position:absolute;top:-56px;right:-56px;width:160px;height:160px;border-radius:50%;background:#f97316;opacity:.08;pointer-events:none}
.auth-icon{width:80px;height:80px;margin:0 auto 18px;border-radius:30px;display:grid;place-items:center;background:#fff7ed;color:#f97316;box-shadow:inset 0 2px 12px #f9731614}
.auth-title{margin:0 0 8px;color:#1f2937;font-size:26px;line-height:1.15;font-weight:900;letter-spacing:0}
.auth-sub{margin:0 0 26px;color:#a8a29e;font-size:14px;line-height:1.55;font-weight:900}
.auth-kicker{display:block;margin-bottom:14px;color:#a8a29e;font-size:10px;font-weight:900;letter-spacing:.12em}
.google-button-wrap{display:grid;place-items:center;min-height:44px}
.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 12px;border:1px solid #dadce0;border-radius:20px;background:#fff;color:#3c4043;font-size:14px;line-height:1.2;font-weight:700}
.google-login-button:disabled{opacity:1;cursor:not-allowed}
.google-letter{font-family:Arial,sans-serif;font-size:22px;font-weight:900;color:#4285f4}
.support-login-divider{display:flex;align-items:center;gap:10px;margin:22px 0 16px;color:#a8a29e;font-size:11px;font-weight:900}
.support-login-divider:before,.support-login-divider:after{content:"";height:1px;flex:1;background:#fde6d2}
.support-login-form{display:grid;gap:10px;text-align:left}
.support-login-form label{display:grid;gap:6px;color:#1f2937;font-size:12px;font-weight:900}
.support-login-form input{width:100%;border:2px solid #fde6d2;border-radius:14px;padding:11px 12px;font:inherit;font-weight:900;color:#1f2937;background:#fff;min-height:44px}
.support-login-form input:disabled{background:#fff;opacity:1;cursor:not-allowed}
.support-login-remember{display:flex!important;align-items:center;gap:8px!important;color:#a8a29e!important;font-size:12px!important;font-weight:900}
.support-login-remember input{width:16px;height:16px;min-height:16px;padding:0;accent-color:#6b5b45}
.support-login-form button{border:0;border-radius:16px;min-height:44px;margin-top:2px;background:#6b5b45;color:#fff;font-weight:900}
.support-login-form button:disabled{opacity:1;cursor:not-allowed}
.auth-message{margin-top:18px;color:#a8a29e;font-size:12px;font-weight:700;line-height:1.7}
.auth-demo{border-top:1px solid #f5f5f4;margin-top:18px;padding-top:16px}.auth-demo .button{width:100%;min-height:42px}.auth-demo p{font-size:10px;color:#a8a29e;margin-top:8px;line-height:1.7}
@media(max-width:1100px){#app{grid-template-columns:230px minmax(0,1fr)}.brand-lockup{gap:9px}.brand-lockup .app-company-brand-logo{width:36px;height:36px}.app-company-brand-name{font-size:10px}}
@media(max-width:760px){#app{grid-template-columns:188px minmax(0,1fr)}.brand-lockup{gap:8px}.brand-lockup .app-company-brand-logo{width:30px;height:30px}.app-company-brand-name{font-size:9px}}
@media(max-width:640px){#app{display:flex}.brand-lockup .app-company-brand-logo{width:42px;height:42px}.app-company-brand-name{font-size:12px}.auth-view{padding:24px 12px 28px}}
@media(max-width:480px){.auth-company-brand{grid-template-columns:24px minmax(0,1fr) 24px;gap:3px;font-size:11px}.auth-company-brand:after{width:24px}.auth-company-brand .app-company-brand-logo{width:24px;height:24px}.auth-card{padding:28px 22px;border-radius:34px}.auth-title{font-size:25px}}

/* Bundle the exact Noto Sans TC family used by the scheduling system. */
@font-face{font-family:"Noto Sans TC";src:url('/src/assets/fonts/NotoSansTC-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.company-logo-crop{--logo-size:42px;display:inline-block;flex:0 0 auto;width:var(--logo-size);height:calc(var(--logo-size) * .67);overflow:hidden}
.company-logo-crop .app-company-brand-logo{display:block;width:var(--logo-size);height:var(--logo-size);max-width:none;object-fit:contain}
.app-company-brand-name{font-size:16px;line-height:1.5}
.app-brand-description{font-size:11px;color:#a8a29e}
.auth-company-brand .company-logo-crop{--logo-size:36px}
@media(max-width:1100px){.brand-lockup .company-logo-crop{--logo-size:36px}.app-company-brand-name{font-size:15px}.app-brand-description{font-size:10px}}
@media(max-width:760px){.brand-lockup .company-logo-crop{--logo-size:30px}.app-company-brand-name{font-size:12px}.app-brand-description{font-size:9px}}
@media(max-width:640px){.brand-lockup .company-logo-crop{--logo-size:42px}.app-company-brand-name{font-size:16px}.app-brand-description{font-size:11px}}
@media(max-width:480px){.auth-company-brand .company-logo-crop{--logo-size:24px}.auth-company-brand{font-size:15px}}

/* Keep the full institution name readable on narrow login screens. */
.auth-company-brand>span:last-of-type{white-space:normal;overflow-wrap:anywhere;text-wrap:balance}

/* Scheduling record forms: full field groups, repeatable certificates and identity periods. */
#editor:has(.record-form){width:min(1100px,calc(100vw - 32px));max-width:1100px}
.record-form{display:grid;gap:20px}.record-section{min-width:0;margin:0;padding:20px;border:1px solid #eadfd4;border-radius:14px;background:#fff}
.record-section>legend{padding:0 10px;font-size:17px;font-weight:900;color:#6a5c47}.record-section .field{min-width:0}
.record-section .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record-section input[readonly]{background:#f7f4ef;color:#786d60}
.record-repeat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid #ece5dc;border-radius:10px}
.certificate-row{grid-template-columns:repeat(3,minmax(0,1fr))}.record-service-list{display:grid;gap:12px}.record-service-pair{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.record-language{border:0;padding:0;margin:0;display:flex;gap:16px;flex-wrap:wrap}.record-language>legend{margin-bottom:10px;font-size:13px;font-weight:700}.record-language label{display:flex;align-items:center;gap:5px}
.record-profile dd{white-space:pre-wrap;overflow-wrap:anywhere}.record-profile .profile-grid>div{min-width:0}.record-profile .profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.record-section{padding:16px}.record-section .form-grid,.record-repeat-row,.certificate-row,.record-profile .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-repeat-row button{grid-column:1/-1}}
@media(max-width:500px){#editor:has(.record-form){width:calc(100vw - 16px)}.record-section .form-grid,.record-repeat-row,.certificate-row,.record-profile .profile-grid,.record-service-pair{grid-template-columns:1fr}.record-section{padding:14px}.record-language{gap:12px}}

/* Scheduling system shared calendar and typography. */
    .client-date-picker {
      width: min(460px, calc(100vw - 28px));
      max-height: calc(100vh - 28px);
      overflow-y: auto;
      padding: 22px;
      border: 1px solid #fed7aa;
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 24px 70px rgba(28, 25, 23, 0.24);
    }

    .client-dialog-titlebar {
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }

    .client-dialog-titlebar strong,
    .client-dialog-titlebar h3 {
      min-width: 0;
      margin: 0;
      color: #292524;
      font-size: 18px;
      font-weight:900;
      line-height: 1.25;
    }

    .client-date-picker-header {
      display: grid;
      grid-template-columns: 46px 1fr 46px;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
    }

    .client-date-picker-header strong {
      text-align: center;
      font-size: 20px;
      color: #292524;
    }

    .client-date-picker-controls {
      display: grid;
      grid-template-columns: minmax(0, 1.75fr) minmax(0, .75fr);
      gap: 8px;
      min-width: 0;
    }

    .client-date-picker-controls select {
      width: 100%;
      height: 44px;
      border: 2px solid #fed7aa;
      border-radius: 12px;
      background: #fff7ed;
      color: #292524;
      font: inherit;
      font-size: 16px;
      font-weight:900;
      text-align: center;
      text-align-last: center;
      outline: none;
      cursor: pointer;
    }

    .client-date-picker-controls select:focus {
      border-color: #f97316;
      box-shadow: 0 0 0 3px #ffedd5;
    }

    .client-date-picker-header button,
    .client-date-picker-actions button {
      display: inline-grid;
      place-items: center;
      min-width: 44px;
      height: 44px;
      border: 1px solid #e7e5e4;
      border-radius: 10px;
      background: #fff;
      color: #44403c;
      font: inherit;
      font-weight:900;
      cursor: pointer;
    }

    .client-date-picker-header button {
      padding: 0;
      font-size: 23px;
    }

    .client-date-picker-weekdays,
    .client-date-picker-days {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 5px;
    }

    .client-date-picker-weekdays span {
      display: grid;
      place-items: center;
      height: 28px;
      color: #78716c;
      font-size: 13px;
      font-weight:900;
    }

    .client-date-picker-day {
      display: grid;
      place-items: center;
      aspect-ratio: 1;
      min-width: 0;
      border: 0;
      border-radius: 10px;
      background: #fafaf9;
      color: #292524;
      font: inherit;
      font-size: 16px;
      font-weight:900;
      cursor: pointer;
    }

    .client-date-picker-day:hover {
      background: #ffedd5;
      color: #c2410c;
    }

    .client-date-picker-day.today {
      box-shadow: inset 0 0 0 2px #fb923c;
    }

    .client-date-picker-day.selected {
      background: #f97316;
      color: #fff;
      box-shadow: none;
    }

    .client-date-picker-day.empty {
      visibility: hidden;
      pointer-events: none;
    }

    .client-date-picker-actions {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      margin-top: 14px;
    }

    .client-date-picker-actions button {
      flex: 1;
      padding: 0 12px;
    }

    .client-date-picker-actions .primary {
      border-color: #f97316;
      background: #fff7ed;
      color: #c2410c;
    }
body,button,input,select,textarea,table{font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;font-synthesis:none}
body{font-weight:700}p,.module-tip,.form-help,.subtitle{font-weight:700}h1,h2,h3,h4,legend,.field,.profile-grid dt,th{font-weight:900}input,select,textarea,.profile-grid dd,td{font-weight:900}
#editor{border:1px solid #fed7aa;border-radius:18px;box-shadow:0 24px 70px #1c19173d;max-height:calc(100dvh - 28px)}
#editor::backdrop,.client-date-picker::backdrop{background:rgba(28,25,23,.38);backdrop-filter:blur(3px)}
.dialog-heading{background:#fff;border-bottom:1px solid #e7e5e4;padding:18px 22px}.dialog-heading h2{font-size:18px;font-weight:900;color:#292524}.dialog-body{padding:22px}.dialog-footer{background:#fff;border-top:1px solid #e7e5e4;padding:16px 22px}.close-button{font:inherit;font-size:24px;color:#78716c;background:#fff;border:0;border-radius:8px;min-width:36px;min-height:36px}
.keyword-shell{position:relative;display:block;width:100%;min-width:100px}.keyword-input{width:100%;padding-right:32px!important;font-weight:900}.keyword-caret{position:absolute;right:2px;top:2px;height:calc(100% - 4px);width:28px;border:0;background:transparent;color:#78716c;cursor:pointer}.native-value,.native-date{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0;pointer-events:none}
.keyword-menu{position:absolute;z-index:500;left:0;right:0;top:calc(100% + 4px);min-width:100%;max-height:260px;overflow:auto;background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:5px;box-shadow:0 12px 28px #1c191729}.keyword-menu.above{top:auto;bottom:calc(100% + 4px)}.keyword-menu button{display:block;width:100%;padding:10px;border:0;border-radius:8px;text-align:left;font:inherit;font-weight:900;color:#44403c;background:#fff;white-space:normal;cursor:pointer}.keyword-menu button:hover,.keyword-menu button[aria-selected=true]{background:#fff7ed;color:#c2410c}.keyword-empty{margin:8px;color:#78716c;font-size:12px}
.system-date-shell{position:relative;display:block;width:100%;min-width:0;height:42px}.system-date-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:100%;padding:0 10px;border:1px solid #d6d3d1;border-radius:12px;background:#fff;color:#292524;font:inherit;font-size:13px;font-weight:900;text-align:left;cursor:pointer}.system-date-button:hover,.system-date-button:focus-visible{border-color:#fb923c;outline:3px solid #ffedd5}.client-date-picker{margin:auto;max-height:calc(100dvh - 28px)}.client-date-picker-day:disabled{opacity:.3;cursor:not-allowed}.month-confirm{width:100%}.html-import{background:#fff7ed}.html-import [data-import-status]{font-size:13px;white-space:pre-wrap}.shift-client-row{padding:14px;border:1px solid #e7e5e4;border-radius:12px;margin-bottom:10px;background:#fafaf9}.shift-client-row .row-actions{justify-content:space-between}.shift-client-row .form-grid{margin-top:10px}.shift-client-row .field{font-size:12px}.shift-client-row .client-choice{display:flex;align-items:center;gap:8px;font-weight:900}.shift-exception{color:#c2410c;font-size:11px;font-weight:900}.shift-search{margin-bottom:12px}.client-picker>div{display:block}.toolbar .keyword-shell{width:180px}.record-section{overflow:visible}.record-section .form-grid{align-items:start}
@media(max-width:640px){.dialog-body{padding:16px}.toolbar .keyword-shell{width:100%}.shift-client-row .form-grid{grid-template-columns:1fr}.client-date-picker{padding:16px}.client-date-picker-controls select{font-size:14px}}

.native-value,.native-date{display:none!important}

strong,.client-option strong,.worker-cell strong{font-weight:900}.client-chips>span,.shift-card,.worker-label,.record-profile dd{font-weight:900}

.case-multiselect{margin-bottom:10px}.case-multiselect .keyword-menu button{display:flex;align-items:center;gap:10px}.keyword-menu button.keyboard-active{background:#ffedd5;color:#9a3412}.case-multiselect small{display:block;color:#78716c;font-size:11px}.multi-check{height:20px;width:20px;flex:0 0 20px;display:grid;place-items:center;border:1px solid #d6d3d1;border-radius:5px;color:#fff;background:#fff}.case-multiselect [aria-selected=true] .multi-check{background:#f97316;border-color:#f97316}.selected-cases{display:flex!important;flex-wrap:wrap;gap:8px;margin:8px 0}.selected-case-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;border:1px solid #fdba74;border-radius:10px;background:#fff7ed;color:#9a3412;font-weight:900}.selected-case-chip small{font-weight:900;color:#78716c}.selected-case-chip button{border:0;border-radius:6px;background:transparent;color:#c2410c;min-width:28px;min-height:28px;font:inherit;font-size:18px;cursor:pointer}.multi-count{font-size:12px;color:#78716c;font-weight:900;margin:8px 0}

#app,#editor{font-weight:700}#app p,#app td,#editor p,#editor input,#editor textarea{font-weight:900}.subtitle,.form-help,.module-tip,.metric-note,.small,.muted,.shift-note,.profile-grid dd,.worker-label{font-weight:900}.service-record-note{white-space:pre-wrap;min-width:180px;max-width:320px;overflow-wrap:anywhere}.record-attachment-preview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:12px auto}

.report-filters{align-items:end;display:flex;flex-wrap:wrap}.report-filters>.field{min-width:160px;flex:1 1 180px}.report-filters>.row-actions{flex-basis:100%;margin-top:8px}.report-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.operation-report-table{min-width:850px}.operation-report-table td,.operation-report-table th{font-weight:900;white-space:normal;min-width:95px}.support-choice-state{display:none!important}#report-print{display:none}.receipt-page h2{font-size:20px;text-align:center}.receipt-copy{padding:20px;border:1px solid #a8a29e;margin-bottom:16px}.receipt-copy p{margin:10px 0;font-size:13px}.receipt-copy table{width:100%;border-collapse:collapse}.receipt-copy th,.receipt-copy td{border:1px solid #a8a29e;padding:6px;font-size:12px}.service-record-toolbar>.field{flex:1 1 160px;min-width:140px}.service-record-toolbar .keyword-shell{width:100%}
@media print{body:has(#report-print){overflow:visible;background:white}body:has(#report-print)>*:not(#report-print){display:none!important}#report-print{display:block!important;font-family:"Noto Sans TC",sans-serif;color:#111;font-weight:700}.receipt-page{break-after:page}.receipt-page:last-child{break-after:auto}.receipt-copy{break-inside:avoid}.receipt-page .receipt-copy+ .receipt-copy{border-top:2px dashed #a8a29e}}

.brand-lockup .app-organization-name{font-size:12px;font-weight:900;color:#44403c;line-height:1.7;min-width:0;letter-spacing:0}.app-organization-name>span{display:block;white-space:normal}.brand-lockup{align-items:center}.sidebar .company-logo-crop{--logo-size:38px}

.scheduling-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}.scheduling-tools .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid #d6d3d1;border-radius:999px;background:#fff;color:#57534e;font-size:12px;font-weight:900;line-height:1;box-shadow:none}.scheduling-tools .button svg{width:18px;height:18px;flex:0 0 18px;stroke-width:2}.scheduling-tools .admin-back-action{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.scheduling-tools .button:disabled{border-color:#f5f5f4;background:#fafaf9;color:#a8a29e;opacity:1;cursor:default}.scheduling-tools .toolbar-voice-schedule{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.scheduling-tools .toolbar-split-toggle{border-color:#cbd5e1;color:#1f2937;border-radius:8px}.scheduling-tools .toolbar-split-toggle[aria-pressed=true]{background:#1f2937;color:white}.board-realtime-status{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid #d6d3d1;border-radius:999px;background:#fafaf9;color:#78716c;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.board-realtime-status i{width:8px;height:8px;border-radius:50%;background:#a8a29e;box-shadow:0 0 0 3px #a8a29e24}.board-realtime-status small{font-size:10px}.board-realtime-status.error{color:#b91c1c;border-color:#fecaca}.admin-account{display:inline-flex;align-items:center;gap:6px;color:#57534e;font-size:12px;font-weight:900;min-height:40px}.admin-account svg{width:18px;height:18px}.workspace-panes{display:flex;flex:1;min-height:0;overflow:hidden}.workspace-panes>main{width:100%;min-width:0;margin:0;flex:1}.workspace-panes.is-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.comparison-pane{overflow:auto;min-width:0;border-left:2px solid #fde6d2;padding:14px}.comparison-heading{position:sticky;top:-14px;background:white;padding:8px 0;z-index:4}.comparison-heading .field{max-width:320px}.comparison-content .table-scroll,.comparison-content .board-scroll{overflow:auto}.comparison-content .week-board{min-width:900px}.comparison-content .overview-grid{grid-template-columns:1fr}.comparison-content .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.system-data-tools{padding:14px;margin-bottom:14px}.system-data-tools .row-actions{justify-content:flex-start}
@media(max-width:1000px){.scheduling-tools{justify-content:flex-start;margin-left:0;width:100%}.scheduling-tools .button{padding:0 10px;font-size:12px}.workspace-panes.is-split{grid-template-columns:1fr;overflow:auto}.workspace-panes.is-split>main{overflow:visible}.comparison-pane{border-left:0;border-top:2px solid #fde6d2;min-height:400px;overflow:visible}.workspace-panes.is-split .comparison-heading{position:static}}
@media(max-width:640px){.workspace-panes{display:block;overflow:visible}.scheduling-tools{gap:7px}.scheduling-tools .button{border:1px solid #d6d3d1;padding:0 10px;min-height:36px;font-size:12px}.scheduling-tools .admin-back-action,.scheduling-tools .toolbar-voice-schedule{border-color:#fed7aa}.board-realtime-status{min-height:36px}.admin-account{min-height:36px}}
@media print{.comparison-pane{display:none!important}.workspace-panes,.workspace-panes.is-split{display:block!important;overflow:visible}}