/* Light oak choices, stained blue selected states, dark walnut primary actions. */
body #app button,body .topbar button,body #dialog button,
body #app summary,body #app .task-options label,body #app .plan-days label,
body #app .surface-row,body #app .evidence-file-button,
body :is(#app,#dialog) :is(a.primary,a.secondary,a.text-link),
body .workspace-nav a,body .topbar nav a,
body :is(#app,#dialog) .star-options label>span:first-of-type,
body :is(#app,#dialog) .plan-days label,
body :is(#app,#dialog) select,body :is(#app,#dialog) input[type=number]{
 background-color:var(--wood-bottom,#e9d8bb)!important;
 background-image:url('assets/wood-grain.svg'),linear-gradient(125deg,var(--wood-top,#fffbf4),var(--wood-bottom,#e9d8bb))!important;
 background-size:480px 160px,100% 100%;
 color:var(--wood-ink,#183b56)!important;border:1px solid #cbbca5;
 box-shadow:inset 0 1px 0 #ffffffbf,inset 0 -2px 0 #b2967130,0 5px 16px #4a3a2510;
}
body #app button:nth-child(even){background-position:70px 38px,0 0}
body #app .primary,body #dialog .primary,body #app .evidence-demo-toggle,body #app .evidence-file-button:not(.secondary){
 --wood-top:#6b503d;--wood-bottom:#362e28;--wood-ink:#fff;
 border-color:#5a4635;box-shadow:inset 0 1px 0 #ffffff30,0 5px 16px #362e2828;
}
body #app button[aria-pressed=true],body #app button[aria-current=step],
body #app .task-options label:has(input:checked),body #app .plan-days label:has(input:checked),body #app .surface-row:has(input:checked),
body .workspace-nav a.active,body .topbar nav a[aria-current=page],
body :is(#app,#dialog) .star-options input:checked+span,
body #dialog .plan-days label:has(input:checked){
 --wood-top:#e9f5fa;--wood-bottom:#b6d5e6;--wood-ink:#103f6b;
 border-color:#6193b3;box-shadow:inset 3px 0 #24618c,inset 0 1px 0 #fff,0 5px 16px #103f6b12;
}
.quick-choices>button::before,.task-options label::before,.surface-row::before,.plan-days label::before{display:none}
.quick-choices>button>span:last-child,.photo-label>span{background:linear-gradient(145deg,#fffaf1,#dfcfb7);border-color:#c7b79d;color:#25425b;box-shadow:inset 0 1px 0 #fff,0 3px 8px #664b2920}
body #app .quick-choices>button[aria-pressed=true]>span:last-child{background:#103f6b;color:#fff;border-color:#103f6b}
@media(hover:hover){body #app button:not(:disabled):hover,body .topbar button:hover,body #dialog button:not(:disabled):hover{border-color:#967752;box-shadow:inset 0 1px 0 #fff9,0 8px 22px #4a3a2520}}
.touch-date{padding:0;border:0;margin:18px 0;min-width:0}
.touch-date legend{padding:0;margin:0 0 10px;font-size:16px;font-weight:600;color:var(--ink)}
.touch-date-grid{display:grid;grid-template-columns:.85fr 1.35fr 1fr;gap:10px}
.touch-date-grid label{min-width:0;font-size:12px;color:#526578;font-weight:700;letter-spacing:.03em}
.quick-home .touch-date-grid select,.service-details .touch-date-grid select,.touch-date-grid select{width:100%;min-width:0;min-height:64px;margin-top:6px;padding:12px 8px;border:1px solid #c7b79d;border-radius:15px;font-size:16px;font-weight:600;color:#183b56;background-image:url('assets/wood-grain.svg'),linear-gradient(135deg,#fffcf5,#eadcc5);background-size:480px 160px,100% 100%;box-shadow:inset 0 1px 0 #fff,0 4px 12px #4a3a2510;cursor:pointer}
.touch-date-note{display:block;min-height:1em;font-size:12px;color:#526578;margin-top:8px}
.touch-date [hidden]{display:none!important}
@media(max-width:650px){.touch-date-grid{gap:8px}.touch-date-grid select{min-height:60px}}

/* The same controls across client, company, staff, admin, store and dialogs. */
body :is(#app,#dialog) :is(a.primary,a.secondary,a.text-link),body .workspace-nav a{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
 padding:12px 18px;border-radius:14px;text-align:center;font-size:14px;font-weight:700;line-height:1.4;
}
body :is(#app,#dialog) select,body :is(#app,#dialog) input[type=number]{min-height:52px;border-radius:13px;padding:12px;font-size:16px}
body :is(#app,#dialog) .star-options label>span:first-of-type{min-height:48px;min-width:48px;display:grid;place-items:center;border-radius:13px;padding:12px}
body #dialog button{min-height:48px}
body #app .workspace-nav{gap:10px;padding:8px;background:#f0ede7;border:1px solid #ded6c9;border-radius:18px}
body #app .workspace-nav a.active{box-shadow:inset 0 -3px 0 #24618c,0 3px 10px #12325310}
body .topbar nav a[aria-current=page]{box-shadow:inset 0 -2px 0 #24618c}
body :is(#app,#dialog) :is(select,input[type=number]):disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
body :is(#app,#dialog) button:disabled{opacity:.5;box-shadow:none;transform:none}
body :is(#app,#dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea){max-width:100%}
body #dialog .plan-days label{border-radius:14px;min-height:48px;align-items:center}
.topbar nav a,.workspace-nav a{transition:box-shadow .16s,border-color .16s}
.action-row>a,.modal-actions>a{flex-shrink:0}
@media(hover:hover){body :is(#app,#dialog) :is(a.primary,a.secondary,a.text-link):hover,body .workspace-nav a:hover,body .topbar nav a:hover{border-color:#967752;box-shadow:inset 0 1px 0 #fff9,0 5px 14px #4a3a2518}}
@media(max-width:650px){
 body #app .workspace-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 body #app .workspace-nav a{font-size:13px;padding:12px 8px;min-width:0}
 body #dialog .action-row{display:grid;grid-template-columns:1fr;width:100%}
 body #dialog .action-row>a{width:100%;min-width:0}
 body :is(#app,#dialog) .review-field{padding:16px 0;border:0;border-top:1px solid #ded6c9;border-radius:0}
 body :is(#app,#dialog) .star-options{gap:4px}
 body :is(#app,#dialog) .star-options label{flex:1;min-width:44px}
 body :is(#app,#dialog) .star-options label>span:first-of-type{min-width:44px;padding:12px 8px}
 body #app .title-row>a{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.topbar nav a,.workspace-nav a{transition:none}}