/* Current approved direction. Keep color choices centralized here.
   Office: baby pink only. Field Dark: original v60 orange.
   Field Light: original prototype orange on white. No black borders/text strokes. */
body{--accent:#f8bbd9;--accent-text:#9b3e68;--soft:#fff1f6;--edge:#ebdce4;--page:#f7f8fa;--surface:#fff;--text:#24343d;--muted:#61727c;--button-text:#30132a;background:var(--page);color:var(--text);color-scheme:light}
body.field{--accent:#ff973d;--accent-text:#8d3d00;--soft:#fff6ed;--edge:#f2dfcc;--page:#f7f8fa;--surface:#fff;--button-text:#141820}
body.dark{--accent:#f8bbd9;--accent-text:#f8bbd9;--soft:#362a35;--edge:#566477;--page:#10151d;--surface:#1c2531;--text:#edf1f7;--muted:#bfc6d1;color-scheme:dark}
body.dark.field{--accent:#ff973d;--accent-text:#ff973d;--soft:#3a2d22;--button-text:#141820}
body button,body a.action,body.dark button,body.dark a.action,
body button.primary,body.dark button.primary,body button.danger,body.dark button.danger{background:var(--accent);border:1px solid var(--accent);color:var(--button-text);font-weight:700;-webkit-text-stroke:0;paint-order:normal}
body .nav-item{border:0;-webkit-text-stroke:0;paint-order:normal}
body .nav-item.active,body.dark .nav-item.active{color:var(--button-text);background:var(--accent);box-shadow:none}
body .text-link,body .job-contact a{color:var(--accent-text)}
body .pill.pink{color:var(--accent-text);background:var(--soft)}
body .calendar-day,body.dark .calendar-day{background:var(--soft);border:1px solid var(--edge);color:var(--accent-text)}
body .calendar-day.selected,body.dark .calendar-day.selected{background:var(--accent);border-color:var(--accent);color:var(--button-text)}
body .calendar-count{background:var(--soft);color:var(--accent-text)}
body #customer-options button,body.dark #customer-options button{background:var(--surface);color:var(--text);border-color:transparent}
body #customer-options button:hover,body #customer-options button:focus-visible{background:var(--soft)}
body #customer-options button[data-pick-customer="new"],body.dark #customer-options button[data-pick-customer="new"]{background:var(--accent);color:var(--button-text);border-color:var(--accent)}
body.field:not(.dark) aside,body.field:not(.dark) header,body.field:not(.dark) .card,body.field:not(.dark) .stat,body.field:not(.dark) #bottom-nav{background:var(--surface);border-color:var(--edge)}
body.dark aside,body.dark header,body.dark .card,body.dark .stat,body.dark #bottom-nav{background:var(--surface);border-color:#354152}
body.dark .stat{background:#18212d}body.dark .job{border-color:#414b58}body.dark .job-footer{background:#19202b;border-color:#414b58}
body.dark input,body.dark select,body.dark textarea{background:#111923;color:#eef3fa;border-color:#566477}
body.dark .card.tinted{background:var(--soft);border-color:#566477}
body.dark p,body.dark .subtitle,body.dark .helper,body.dark .stat span,body.dark .job-time,body.dark .weekday,body.dark .nav-item,body.dark .side-note,body.dark .appearance label,body.dark .account label{color:var(--muted)}
body.dark .nav-item.active{color:var(--button-text)}
body.dark .brand{color:var(--text)}
body input::placeholder,body textarea::placeholder{color:#a06e83;opacity:1}
body.dark input::placeholder,body.dark textarea::placeholder{color:#f9ddeb;opacity:.72;font-style:italic}
body.field input::placeholder,body.field textarea::placeholder{color:#8a715b}
body.dark.field input::placeholder,body.dark.field textarea::placeholder{color:#bfc6d1;font-style:normal}
.pink-flag{background:#f3a8cf!important;color:#30132a!important;border:1px solid #f9c8e3!important}
.workmen-chat-button{background:#23465b!important;color:#fff!important}

/* Record choices are neutral rows; accent fills identify actions only. */
body #bid-job-options button[data-bid-pick-job],body.dark #bid-job-options button[data-bid-pick-job]{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);color:var(--text);border:1px solid var(--edge);border-radius:10px;padding:14px;text-align:left;min-height:62px}
body #bid-job-options button[data-bid-pick-job] span{font-weight:400;color:var(--muted);font-size:14px}
body #bid-job-options button[data-bid-pick-job]:hover,body #bid-job-options button[data-bid-pick-job]:focus-visible{background:#f4f5f7;border-color:#a3aab4}
body.dark #bid-job-options button[data-bid-pick-job]:hover,body.dark #bid-job-options button[data-bid-pick-job]:focus-visible{background:#27313f;border-color:#8794a6}

body.more-page .app-legal-footer{align-items:center}
body.more-page .app-legal-footer a{display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1.4;padding:6px 10px;min-height:30px;border:1px solid var(--edge);border-radius:7px;background:transparent;color:var(--muted);text-decoration:none;font-weight:500}
body.more-page .app-legal-footer a:hover{color:var(--text);border-color:var(--muted)}

#expense-job-options button,#report-job-options button{display:block;width:100%;text-align:left;margin:5px 0;background:var(--surface);color:var(--text);border-color:var(--edge)}
#expense-job-options button[data-expense-new-job]{background:var(--accent);color:var(--button-text)}

.record-options button{display:block;width:100%;padding:14px;text-align:left;margin:5px 0;background:var(--surface);color:var(--text);border-color:var(--edge)}
.record-options button span{display:block;font-weight:400}.record-options button[data-time-add-job]{background:var(--accent);color:var(--button-text)}
/* Keep the notification control usable with field gloves / larger fingers. */
#notification-launch{min-height:48px}

/* Day actions retain the approved account colors. */
#day-dialog{width:min(640px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid var(--edge);border-radius:18px;padding:24px;background:var(--surface,#fff);color:var(--text,#17232b)}
#day-dialog::backdrop{background:rgba(0,0,0,.5)}
#day-dialog label:not(.day-check){display:block;margin:14px 0 6px}
#day-dialog input:not([type=checkbox]),#day-dialog select,#day-dialog textarea{width:100%;box-sizing:border-box}
.day-check{display:flex;gap:10px;align-items:center;min-height:44px;margin:14px 0}
#day-dialog .day-check input{width:20px;height:20px;flex:0 0 20px;margin:0}
.contact-quick{padding:14px 0;border-bottom:1px solid var(--edge)}
.week-calendar .calendar-day{min-width:0;padding:8px 2px;min-height:74px;display:flex;flex-direction:column;align-items:center;gap:4px}
.week-calendar small{font-size:12px}.calendar .section-heading h2{font-size:clamp(14px,2.5vw,20px)}

.membership-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--soft);border-radius:12px}
.membership-state span{font-size:14px}.membership-state button{width:auto!important;flex:0 0 auto;min-height:44px;padding:8px 14px}