\n.readonly-banner{margin:0 0 12px;padding:10px 12px;border:1px solid #cfe1e8;border-radius:12px;background:#f4fafc;color:#365663;font-size:12px;line-height:1.45}.readonly-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef3f5;color:#617782;font-size:10px;font-weight:850}.field-disabled{opacity:.55;pointer-events:none}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#edf2f5;font-family:Inter,system-ui,sans-serif}.login-card{width:min(100%,430px);background:#fff;border:1px solid #dfe7ec;border-radius:20px;padding:28px;box-shadow:0 28px 70px rgba(17,42,55,.12)}.login-card h1{margin:0 0 6px;font-size:26px}.login-card p{margin:0 0 20px;color:#71828d;font-size:12px}.login-logo{font-size:31px;font-weight:900;letter-spacing:-.06em;margin-bottom:22px}.login-logo span{color:#ff5a00}.form-row{display:grid;gap:6px;margin:0 0 14px}.form-row label{font-size:11px;font-weight:800;color:#526975}.form-row input{height:46px;border:1px solid #d7e1e6;border-radius:11px;padding:0 12px;font-size:13px}.login-submit{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(90deg,#ff5a00,#ff6b00);color:#fff;font-weight:850}.flash{margin-bottom:14px;padding:10px 12px;border-radius:10px;font-size:11px}.flash.error{background:#fff0f0;color:#9d3333;border:1px solid #efcaca}.empty-state{padding:24px;text-align:center;color:#71828d;font-size:12px}.next-role{min-height:32px;padding:0 10px;border-radius:999px;background:#eef3f5;color:#5d7380;display:inline-flex;align-items:center;font-size:10px;font-weight:850}html[data-theme=dark] .readonly-banner{background:#17262e;border-color:#2f4652;color:#b9ccd5}html[data-theme=dark] .next-role{background:#22313a;color:#c1d0d7}\n

/* =========================================================
   FOUNDATION V1.1 — FIELD HTML STRUCTURE FIX
   ========================================================= */

.field-foundation-banner{
  width:100%;
  padding:0 14px 2px;
}
.field-foundation-banner .readonly-banner{
  margin-bottom:8px;
}

.field-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.field-theme-toggle{
  min-height:38px;
  padding:0 11px;
  border:1px solid #dfe7ec;
  border-radius:10px;
  background:#fff;
  color:#536b78;
  font-size:9px;
  font-weight:800;
}
.field-desktop-heading{display:none}

.foundation-small-copy{
  margin:3px 0 0;
  color:#71848f;
  font-size:8px;
}
.foundation-action-note{
  display:block;
  margin-top:7px;
  color:#748792;
  font-size:8px;
  text-align:center;
  line-height:1.35;
}
.foundation-media-card button:disabled{
  opacity:.62;
  cursor:not-allowed;
}
.foundation-status-card{
  min-height:66px;
}
.readonly-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  background:#eef3f5;
  color:#657985;
  font-size:8px;
  font-weight:800;
}

/* Prevent native disabled button styling from breaking the approved UI. */
.site-card:disabled,
#checkoutBtn:disabled,
.worker-status-button:disabled,
.site-media-action:disabled{
  cursor:not-allowed;
}
.site-card:disabled{
  opacity:1;
  color:inherit;
}

/* The V6 desktop shell expects the shared nav wrapper. */
@media (min-width:900px){
  .field-foundation-banner{
    max-width:1480px;
    margin:0 auto;
    padding:0 30px 10px;
  }

  .app-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .field-desktop-heading{
    display:block;
    margin-right:auto;
    padding-left:2px;
  }
  .field-desktop-heading small,
  .field-desktop-heading strong{
    display:block;
  }
  .field-desktop-heading small{
    color:#81929b;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
  }
  .field-desktop-heading strong{
    margin-top:3px;
    color:#172834;
    font-size:16px;
    font-weight:800;
    letter-spacing:-.025em;
  }

  .field-header-actions{
    margin-left:auto;
  }

  .field-theme-toggle{
    min-height:40px;
    background:#fff;
    box-shadow:0 0 0 1px #e1e8ec;
  }

  /* Right column placement for the Foundation cards. */
  .foundation-media-card{
    grid-column:2 !important;
    grid-row:4 !important;
    align-self:start !important;
    margin-top:0 !important;
  }
  .foundation-status-card{
    grid-column:2 !important;
    grid-row:5 !important;
    align-self:start !important;
    margin-top:0 !important;
  }

  /* Ensure the fixed mobile nav never leaks into desktop. */
  #sharedBottomNav{
    display:none !important;
  }
}

/* Mobile remains the approved compact field shell. */
@media (max-width:899px){
  .field-desktop-heading{display:none}
  .field-theme-toggle{
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
    font-size:0;
  }
  .field-theme-toggle:before{
    content:"☾";
    font-size:17px;
  }
  html[data-theme="dark"] .field-theme-toggle:before{
    content:"☀";
  }
  .field-foundation-banner{
    padding-top:0;
  }
}

html[data-theme="dark"] .field-theme-toggle{
  background:#18242c;
  color:#e8f0f4;
  border-color:#30424d;
}
html[data-theme="dark"] .field-desktop-heading strong{
  color:#edf4f7;
}
html[data-theme="dark"] .readonly-pill{
  background:#263740;
  color:#c4d1d7;
}


/* =========================================================
   FOUNDATION V1.2 — LEAD ACTION + CALENDAR STRUCTURE
   ========================================================= */

/* Preserve approved appearance even though V1.2 actions are disabled. */
#checkoutBtn:disabled{
  opacity:1 !important;
  color:#fff !important;
  cursor:not-allowed !important;
}
#checkoutBtn:disabled .checkout-icon,
#checkoutBtn:disabled .checkout-copy,
#checkoutBtn:disabled .checkout-arrow{
  opacity:1 !important;
}

/* Mobile: exact V6 sticky action behavior. */
@media (max-width:899px){
  .sticky-checkout-wrap.foundation-checkout-wrap{
    display:block !important;
    position:fixed !important;
    left:50% !important;
    bottom:68px !important;
    transform:translateX(-50%) !important;
    width:min(100%,430px) !important;
    padding:9px 14px 8px !important;
    z-index:36 !important;
    pointer-events:none !important;
    background:
      linear-gradient(to top,
        rgba(255,255,255,.99) 72%,
        rgba(255,255,255,.90),
        rgba(255,255,255,0)) !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout{
    width:100% !important;
    min-height:74px !important;
    margin:0 !important;
    pointer-events:auto !important;
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) 28px !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 14px !important;
    border:0 !important;
    border-radius:12px !important;
    text-align:left !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout-copy b{
    font-size:20px !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout-copy small{
    font-size:10px !important;
  }

  .app-shell{
    padding-bottom:158px !important;
  }
}

/* Desktop: action becomes a purposeful right-column card, not a tiny button. */
@media (min-width:900px){
  .sticky-checkout-wrap.foundation-checkout-wrap{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:auto !important;
    grid-column:2 !important;
    grid-row:3 !important;
    align-self:start !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    pointer-events:auto !important;
    z-index:auto !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout{
    width:100% !important;
    min-height:94px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:14px !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 34px !important;
    gap:12px !important;
    align-items:center !important;
    padding:14px 16px !important;
    text-align:left !important;
    color:#fff !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout-copy b{
    font-size:22px !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout-copy small{
    margin-top:4px !important;
    font-size:10px !important;
    opacity:.94 !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout-icon{
    width:50px !important;
    height:50px !important;
  }

  .sticky-checkout-wrap.foundation-checkout-wrap .checkout-icon svg{
    width:30px !important;
    height:30px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
}

/* Month arrows are links in Foundation, but should look exactly like V6 buttons. */
.calendar-month-arrow{
  width:36px;
  height:36px;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  display:grid;
  place-items:center;
  text-decoration:none;
  font-size:24px;
  line-height:1;
}

/* Calendar worker identity now has all three expected grid children. */
.worker-card .worker-avatar{
  flex-shrink:0;
}

.calendar-alert-clear{
  border-color:#cfe9dc !important;
  background:#effaf4 !important;
}
.calendar-alert-clear .alert-icon.clear{
  background:#12a36a !important;
}
.calendar-alert-clear b{
  color:#11744e !important;
}
.calendar-alert-clear small{
  color:#5e8172 !important;
}

.foundation-calendar-sync .readonly-pill{
  justify-self:end;
}

.foundation-recent-list{
  margin-top:7px;
}

.foundation-recent-list .recent-row{
  cursor:default !important;
}

@media (min-width:900px){
  /* Explicit V6 calendar placement. */
  .worker-card{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    min-height:80px !important;
    padding:14px 16px !important;
  }

  .calendar-head-card{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .time-account-card{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .calendar-alert{
    grid-column:1 !important;
    grid-row:3 !important;
    margin-top:0 !important;
  }

  .foundation-calendar-sync{
    grid-column:2 !important;
    grid-row:3 !important;
    margin-top:0 !important;
  }

  .calendar-card{
    grid-column:1 !important;
    grid-row:4 !important;
    margin-top:0 !important;
  }

  .recent-card{
    grid-column:2 !important;
    grid-row:4 !important;
    margin-top:0 !important;
  }

  .legend-card{
    grid-column:1 !important;
    grid-row:5 !important;
  }
}

html[data-theme="dark"] .calendar-alert-clear{
  border-color:#275344 !important;
  background:#16382d !important;
}
html[data-theme="dark"] .calendar-alert-clear b{
  color:#83dfb8 !important;
}
html[data-theme="dark"] .calendar-alert-clear small{
  color:#a0c6b5 !important;
}
html[data-theme="dark"] .calendar-month-arrow{
  color:#fff !important;
}
@media (max-width:899px){
  html[data-theme="dark"] .sticky-checkout-wrap.foundation-checkout-wrap{
    background:
      linear-gradient(to top,
        rgba(17,27,34,.99) 72%,
        rgba(17,27,34,.91),
        rgba(17,27,34,0)) !important;
  }
}


/* =========================================================
   FOUNDATION V1.3 — FINAL FIELD LAYOUT CLEANUP
   ========================================================= */

/* ---------------------------------------------------------
   Lead desktop: one explicit right-side column
   --------------------------------------------------------- */

.lead-side-column{
  min-width:0;
}

@media (min-width:900px){
  .crew-visible-card{
    grid-column:1 !important;
    grid-row:3 !important;
    align-self:start !important;
  }

  .lead-side-column{
    grid-column:2 !important;
    grid-row:3 !important;
    display:grid !important;
    gap:18px !important;
    align-self:start !important;
    min-width:0 !important;
  }

  /* Once inside the side column, these are normal document-flow cards. */
  .lead-side-column .sticky-checkout-wrap.foundation-checkout-wrap,
  .lead-side-column .foundation-media-card,
  .lead-side-column .foundation-status-card{
    position:static !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    grid-column:auto !important;
    grid-row:auto !important;
    margin:0 !important;
    align-self:auto !important;
  }

  .lead-side-column .sticky-checkout-wrap.foundation-checkout-wrap{
    padding:0 !important;
    background:transparent !important;
    pointer-events:auto !important;
  }

  .lead-side-column .checkout{
    min-height:94px !important;
    width:100% !important;
  }

  .lead-side-column .site-media-card{
    padding:15px !important;
  }

  .lead-side-column .sync-card{
    min-height:66px !important;
  }
}

/* On mobile the wrapper must not alter the V6 stacking/fixed action behavior. */
@media (max-width:899px){
  .lead-side-column{
    display:contents !important;
  }
}

/* ---------------------------------------------------------
   Dark mode: work-plan START / FINISH cards
   --------------------------------------------------------- */

html[data-theme="dark"] .field-plan-time{
  background:#17242c !important;
  border-color:#304550 !important;
  color:#edf5f8 !important;
  box-shadow:none !important;
}

html[data-theme="dark"] .field-plan-time small{
  color:#9eb1bb !important;
}

html[data-theme="dark"] .field-plan-time .plan-state-mark{
  color:#8fa4af !important;
}

html[data-theme="dark"] .field-plan-time.started,
html[data-theme="dark"] .field-plan-time.finished{
  background:#173b2e !important;
  border-color:#27b97b !important;
  color:#dff8eb !important;
  box-shadow:0 0 0 3px rgba(39,185,123,.08) !important;
}

html[data-theme="dark"] .field-plan-time.finish-pending{
  background:#2c241f !important;
  border-color:#b66b35 !important;
}

/* ---------------------------------------------------------
   Field header controls
   --------------------------------------------------------- */

.field-header-actions{
  flex:0 0 auto;
}

.field-header-actions .avatar{
  display:grid !important;
  place-items:center !important;
  flex:0 0 44px !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
}

@media (min-width:900px){
  .app-header{
    gap:18px !important;
  }

  .field-desktop-heading{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .field-header-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:9px !important;
    min-width:150px !important;
  }

  .field-theme-toggle{
    min-width:72px !important;
    height:42px !important;
  }
}

/* ---------------------------------------------------------
   Calendar right column cleanup
   --------------------------------------------------------- */

@media (min-width:900px){
  .recent-card{
    max-height:420px !important;
    overflow:hidden !important;
  }

  .foundation-recent-list{
    max-height:330px !important;
    overflow-y:auto !important;
    padding-right:3px !important;
  }

  .foundation-recent-list::-webkit-scrollbar{
    width:6px;
  }

  .foundation-recent-list::-webkit-scrollbar-thumb{
    background:#cbd6dc;
    border-radius:999px;
  }

  html[data-theme="dark"] .foundation-recent-list::-webkit-scrollbar-thumb{
    background:#3b505b;
  }

  .foundation-calendar-sync{
    min-height:70px !important;
  }

  .time-account-card{
    min-height:90px !important;
  }
}

/* Calendar cards: stronger dark-mode consistency. */
html[data-theme="dark"] .calendar-head-card{
  background:#153747 !important;
  border-color:#274a59 !important;
}

html[data-theme="dark"] .calendar-card,
html[data-theme="dark"] .time-account-card,
html[data-theme="dark"] .recent-card,
html[data-theme="dark"] .foundation-calendar-sync,
html[data-theme="dark"] .worker-card{
  background:#18242c !important;
  border-color:#30424d !important;
  color:#eef5f8 !important;
}

html[data-theme="dark"] .day-cell{
  background:#152129 !important;
  border-color:#2e404a !important;
  color:#dce7ec !important;
}

html[data-theme="dark"] .day-cell.worked{
  background:#15372c !important;
  border-color:#285b47 !important;
  color:#9ce0be !important;
}

html[data-theme="dark"] .day-cell.sick{
  background:#182f45 !important;
  border-color:#2d5374 !important;
  color:#9bc8ef !important;
}

html[data-theme="dark"] .day-cell.vacation{
  background:#3a321d !important;
  border-color:#65562a !important;
  color:#e7cf7e !important;
}

html[data-theme="dark"] .day-cell.holiday{
  background:#2b2843 !important;
  border-color:#4e4874 !important;
  color:#bcb1ef !important;
}

html[data-theme="dark"] .day-cell.open{
  background:#2d211b !important;
  border-color:#ff7625 !important;
  color:#ffb47b !important;
}


/* =========================================================
   FOUNDATION V1.4 — DARK MODE + LATEST ACTIVITY POLISH
   ========================================================= */

/* ---------------------------------------------------------
   TODAY'S WORK PLAN — stronger dark mode
   --------------------------------------------------------- */

html[data-theme="dark"] .field-plan-card{
  background:#0f1a21 !important;
  border-color:#263943 !important;
  box-shadow:0 12px 30px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .field-plan-card.started{
  background:#10291f !important;
  border-color:#285d47 !important;
}

html[data-theme="dark"] .field-plan-card.finished{
  background:#121d24 !important;
  border-color:#30424d !important;
}

html[data-theme="dark"] .field-plan-head small{
  color:#819aa6 !important;
}

html[data-theme="dark"] .field-plan-head b{
  color:#f3f7f9 !important;
}

html[data-theme="dark"] .chief-set{
  background:#1c2c35 !important;
  color:#b7c9d1 !important;
  border:1px solid #304550 !important;
}

html[data-theme="dark"] .field-plan-hours{
  color:#fff !important;
}

html[data-theme="dark"] .field-plan-time{
  background:#18242c !important;
  border:1px solid #304550 !important;
  color:#edf5f8 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01) !important;
}

html[data-theme="dark"] .field-plan-time small{
  color:#91a6b0 !important;
}

html[data-theme="dark"] .field-plan-time strong{
  color:#f7fafb !important;
}

html[data-theme="dark"] .field-plan-time .plan-state-mark{
  color:#8197a2 !important;
}

html[data-theme="dark"] .plan-arrow{
  color:#8ea4ae !important;
}

html[data-theme="dark"] .field-plan-time.started,
html[data-theme="dark"] .field-plan-time.finished{
  background:#163a2c !important;
  border-color:#27a86f !important;
  color:#e1f8eb !important;
}

html[data-theme="dark"] .field-plan-time.started small,
html[data-theme="dark"] .field-plan-time.finished small,
html[data-theme="dark"] .field-plan-time.started .plan-state-mark,
html[data-theme="dark"] .field-plan-time.finished .plan-state-mark{
  color:#9bd6b9 !important;
}

/* ---------------------------------------------------------
   LATEST ACTIVITY — smoother card and rows
   --------------------------------------------------------- */

.recent-card{
  border-radius:16px !important;
  padding:15px !important;
  overflow:hidden !important;
}

.foundation-recent-list{
  margin-top:10px !important;
  border-radius:12px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:thin;
  scrollbar-color:#cad5db transparent;
}

.foundation-recent-list .recent-row{
  min-height:64px !important;
  padding:8px 6px !important;
  background:transparent !important;
  border-top:1px solid #e7edf0 !important;
  border-radius:0 !important;
}

.foundation-recent-list .recent-row:first-child{
  margin-top:0 !important;
  border-top:0 !important;
}

.foundation-recent-list .recent-date{
  width:42px !important;
  height:42px !important;
  border-radius:11px !important;
  background:#f2f5f7 !important;
  color:#324b59 !important;
}

.foundation-recent-list .recent-copy b{
  font-size:10px !important;
  font-weight:750 !important;
}

.foundation-recent-list .recent-copy small{
  font-size:7.5px !important;
  line-height:1.35 !important;
  color:#788b95 !important;
}

.foundation-recent-list .recent-value b{
  font-size:10px !important;
}

.foundation-recent-list .recent-value small{
  font-size:7.5px !important;
  color:#84959e !important;
}

.foundation-recent-list::-webkit-scrollbar{
  width:5px !important;
}

.foundation-recent-list::-webkit-scrollbar-track{
  background:transparent !important;
}

.foundation-recent-list::-webkit-scrollbar-thumb{
  background:#cbd6dc !important;
  border-radius:999px !important;
}

/* Latest activity dark mode */
html[data-theme="dark"] .recent-card{
  background:#131f27 !important;
  border-color:#2b3e49 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"] .recent-card .section-head small{
  color:#8297a1 !important;
}

html[data-theme="dark"] .recent-card .section-head h2{
  color:#f0f5f7 !important;
}

html[data-theme="dark"] .foundation-recent-list{
  scrollbar-color:#40545f transparent;
}

html[data-theme="dark"] .foundation-recent-list .recent-row{
  background:transparent !important;
  border-top-color:#273943 !important;
  color:#e8f0f4 !important;
}

html[data-theme="dark"] .foundation-recent-list .recent-date{
  background:#1d2c35 !important;
  color:#edf5f8 !important;
}

html[data-theme="dark"] .foundation-recent-list .recent-copy b{
  color:#edf5f8 !important;
}

html[data-theme="dark"] .foundation-recent-list .recent-copy small{
  color:#93a7b1 !important;
}

html[data-theme="dark"] .foundation-recent-list .recent-value b{
  color:#eef5f8 !important;
}

html[data-theme="dark"] .foundation-recent-list .recent-value small{
  color:#849aa5 !important;
}

html[data-theme="dark"] .foundation-recent-list::-webkit-scrollbar-thumb{
  background:#40545f !important;
}

/* Better right-column card consistency */
html[data-theme="dark"] .time-account-card,
html[data-theme="dark"] .foundation-calendar-sync{
  background:#131f27 !important;
  border-color:#2b3e49 !important;
}

html[data-theme="dark"] .time-account-card small,
html[data-theme="dark"] .foundation-calendar-sync small,
html[data-theme="dark"] .foundation-calendar-sync span{
  color:#8fa4ae !important;
}


/* =========================================================
   FOUNDATION V1.5 — CACHE-BUSTED FINAL FIELD OVERRIDES
   ========================================================= */

/* Lead work-plan: force dark surfaces when html is dark. */
html[data-theme="dark"] body .field-plan-card{
  background:#0d171d !important;
  border-color:#263943 !important;
}
html[data-theme="dark"] body .field-plan-card .field-plan-time{
  background:#17242c !important;
  border-color:#304550 !important;
  color:#f2f7f9 !important;
}
html[data-theme="dark"] body .field-plan-card .field-plan-time strong{
  color:#ffffff !important;
}
html[data-theme="dark"] body .field-plan-card .field-plan-time small,
html[data-theme="dark"] body .field-plan-card .field-plan-time .plan-state-mark{
  color:#91a6b0 !important;
}

/* Calendar recent activity: no white child rows in dark mode. */
html[data-theme="dark"] body .recent-card,
html[data-theme="dark"] body .recent-card .foundation-recent-list,
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-row{
  background:#131f27 !important;
  color:#edf5f8 !important;
}
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-row{
  border-top-color:#293b45 !important;
}
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-date{
  background:#1f3039 !important;
  color:#ffffff !important;
}
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-copy b,
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-value b{
  color:#f3f7f9 !important;
}
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-copy small,
html[data-theme="dark"] body .recent-card .foundation-recent-list .recent-value small{
  color:#91a6b0 !important;
}

/* Desktop Lead right column must never fall back to the fixed mobile checkout. */
@media (min-width:900px){
  body .lead-side-column{
    grid-column:2 !important;
    grid-row:3 !important;
    display:grid !important;
    gap:18px !important;
    align-self:start !important;
  }
  body .lead-side-column .sticky-checkout-wrap.foundation-checkout-wrap{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    z-index:auto !important;
    background:transparent !important;
  }
}


/* =========================================================
   FOUNDATION V1.6 — OFFICE MOBILE SHELL
   ========================================================= */

.office-mobile-page-head{
  display:none;
}

/* Better foundation placeholder on every screen size */
.office-foundation-card{
  position:relative;
  min-height:220px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
}

.office-foundation-icon{
  width:48px;
  height:48px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#fff1e8;
  color:#ed5900;
  font-size:22px;
  font-weight:900;
}

.office-foundation-copy small{
  display:block;
  color:#84969f;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
}

.office-foundation-copy h3{
  margin:4px 0 7px;
  font-size:22px;
  letter-spacing:-.04em;
}

.office-foundation-copy p{
  margin:0;
  max-width:620px;
  color:#71848f;
  font-size:11px;
  line-height:1.5;
}

.office-coming-next{
  grid-column:1/-1;
  min-height:92px;
  border-radius:12px;
  padding:15px;
  background:#f6f9fa;
  border:1px solid #e4ebee;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.office-coming-next strong{
  font-size:12px;
}

.office-coming-next span{
  margin-top:5px;
  max-width:560px;
  color:#748792;
  font-size:10px;
  line-height:1.45;
}

/* Dark foundation card */
html[data-theme="dark"] .office-foundation-icon{
  background:#39271c;
  color:#ff9c61;
}

html[data-theme="dark"] .office-foundation-copy p{
  color:#9aadb7;
}

html[data-theme="dark"] .office-coming-next{
  background:#111c23;
  border-color:#293c46;
}

html[data-theme="dark"] .office-coming-next span{
  color:#91a5af;
}

/* MOBILE OFFICE */
@media(max-width:899px){

  body{
    background:#e8edf0 !important;
  }

  .app{
    width:min(100%,430px) !important;
    min-height:100dvh !important;
    background:#fff !important;
    padding-bottom:82px !important;
  }

  .office-mobile-header{
    height:74px !important;
    min-height:74px !important;
    padding:10px 14px !important;
  }

  .office-mobile-brand{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
  }

  .office-mobile-brand > div{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .office-mobile-brand b{
    font-size:25px !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
  }

  .office-mobile-brand small{
    margin-top:4px;
    color:#82949d;
    font-size:8px;
    font-weight:750;
    letter-spacing:.05em;
    text-transform:uppercase;
  }

  .office-mobile-mark{
    width:38px;
    height:35px;
    position:relative;
    display:block;
    flex:0 0 38px;
  }

  .office-mobile-mark:before,
  .office-mobile-mark:after{
    content:"";
    position:absolute;
    bottom:0;
    width:13px;
    height:34px;
    border-radius:4px 4px 2px 2px;
    background:linear-gradient(180deg,#ff7100,#ff4f00);
  }

  .office-mobile-mark:before{
    left:7px;
    transform:skew(-23deg);
  }

  .office-mobile-mark:after{
    right:6px;
    transform:skew(23deg);
  }

  .office-mobile-user{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
  }

  .office-mobile-user .mobile-role{
    min-height:30px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    font-size:9px !important;
  }

  .office-mobile-theme{
    width:40px;
    height:40px;
    min-width:40px;
    border:1px solid #dce5e9;
    border-radius:11px;
    background:#fff;
    color:#344d5a;
    display:grid;
    place-items:center;
    font-size:0;
    font-weight:850;
  }

  .office-mobile-theme:before{
    content:"☾";
    font-size:17px;
    line-height:1;
  }

  html[data-theme="dark"] .office-mobile-theme:before{
    content:"☀";
  }

  .page{
    padding:12px 12px 24px !important;
  }

  .office-mobile-page-head{
    display:block;
    padding:3px 2px 11px;
  }

  .office-mobile-page-head small{
    display:block;
    color:#84969f;
    font-size:8px;
    font-weight:850;
    letter-spacing:.08em;
  }

  .office-mobile-page-head h1{
    margin:3px 0 0;
    font-size:24px;
    line-height:1.05;
    letter-spacing:-.045em;
  }

  .office-mobile-page-head p{
    margin:5px 0 0;
    color:#71848f;
    font-size:10px;
  }

  .office-readonly-banner{
    min-height:58px;
    padding:10px 11px !important;
    border-radius:12px !important;
    display:grid;
    grid-template-columns:34px 1fr;
    gap:9px;
    align-items:center;
    margin-bottom:10px !important;
  }

  .office-readonly-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:#e9f4f7;
    color:#397085;
    font-size:14px;
    font-weight:900;
  }

  .office-readonly-banner > span:last-child{
    display:flex;
    flex-direction:column;
  }

  .office-readonly-banner b{
    font-size:10px;
  }

  .office-readonly-banner small{
    margin-top:2px;
    color:#71848f;
    font-size:8.5px;
    line-height:1.35;
  }

  .office-foundation-card{
    min-height:0 !important;
    padding:14px !important;
    border-radius:14px !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:11px !important;
  }

  .office-foundation-icon{
    width:42px;
    height:42px;
    border-radius:11px;
    font-size:19px;
  }

  .office-foundation-copy small{
    font-size:8px !important;
  }

  .office-foundation-copy h3{
    font-size:21px !important;
    margin:3px 0 6px !important;
  }

  .office-foundation-copy p{
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .office-foundation-pill{
    grid-column:1/-1;
    width:max-content;
    min-height:27px !important;
    margin-top:1px;
    font-size:9px !important;
  }

  .office-coming-next{
    grid-column:1/-1;
    min-height:104px;
    padding:13px !important;
    border-radius:11px;
  }

  .office-coming-next strong{
    font-size:11px;
  }

  .office-coming-next span{
    font-size:9px;
  }

  .office-mobile-bottom-nav{
    height:72px !important;
    padding-bottom:env(safe-area-inset-bottom);
  }

  .office-mobile-bottom-nav a{
    grid-template-rows:23px 11px !important;
    gap:5px !important;
    padding:7px 2px 6px;
  }

  .office-mobile-bottom-nav a span{
    font-size:20px !important;
    line-height:22px !important;
  }

  .office-mobile-bottom-nav a b{
    font-size:9px !important;
    line-height:11px !important;
    font-weight:750 !important;
  }

  html[data-theme="dark"] .app{
    background:#0e171d !important;
  }

  html[data-theme="dark"] .office-mobile-header{
    background:#101a21 !important;
    border-bottom-color:#293b45 !important;
  }

  html[data-theme="dark"] .office-mobile-brand b,
  html[data-theme="dark"] .office-mobile-page-head h1{
    color:#f2f7f9 !important;
  }

  html[data-theme="dark"] .office-mobile-brand small,
  html[data-theme="dark"] .office-mobile-page-head small,
  html[data-theme="dark"] .office-mobile-page-head p{
    color:#8fa3ad !important;
  }

  html[data-theme="dark"] .office-mobile-theme{
    background:#1a2831 !important;
    color:#fff !important;
    border-color:#344a56 !important;
  }

  html[data-theme="dark"] .office-readonly-icon{
    background:#1d3039;
    color:#91bac9;
  }

  html[data-theme="dark"] .office-readonly-banner small{
    color:#9db0b9;
  }

  html[data-theme="dark"] .office-mobile-bottom-nav{
    background:#101820 !important;
    border-top-color:#293943 !important;
  }

  html[data-theme="dark"] .office-mobile-bottom-nav a{
    color:#9eafb8 !important;
  }

  html[data-theme="dark"] .office-mobile-bottom-nav a.active{
    color:#ff7625 !important;
  }
}


/* =========================================================
   FOUNDATION V1.7 — OFFICE MOBILE SVG NAV ICONS
   ========================================================= */

@media(max-width:899px){
  .office-mobile-bottom-nav a{
    grid-template-rows:24px 11px !important;
    gap:5px !important;
  }

  .office-mobile-bottom-nav .office-nav-icon{
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
  }

  .office-mobile-bottom-nav .office-nav-icon svg{
    width:21px !important;
    height:21px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .office-mobile-bottom-nav a b{
    font-size:9px !important;
    line-height:11px !important;
    font-weight:750 !important;
  }

  .office-mobile-bottom-nav a.active .office-nav-icon{
    color:#ff5a00 !important;
  }

  .office-mobile-bottom-nav a.active b{
    color:#ff5a00 !important;
  }

  html[data-theme="dark"] .office-mobile-bottom-nav .office-nav-icon{
    color:#9eafb8 !important;
  }

  html[data-theme="dark"] .office-mobile-bottom-nav a.active .office-nav-icon,
  html[data-theme="dark"] .office-mobile-bottom-nav a.active b{
    color:#ff7625 !important;
  }
}


/* =========================================================
   FOUNDATION V1.8 — DESKTOP OFFICE SVG SIDEBAR ICONS
   ========================================================= */

.office-desktop-nav-icon{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  background:#eef3f5 !important;
  color:#637b87 !important;
}

.office-desktop-nav-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.nav a.active .office-desktop-nav-icon{
  background:#ffe4d3 !important;
  color:#ef5900 !important;
}

html[data-theme="dark"] .office-desktop-nav-icon{
  background:#22313a !important;
  color:#9fb2bc !important;
}

html[data-theme="dark"] .nav a.active .office-desktop-nav-icon{
  background:#4b2c1c !important;
  color:#ff8c49 !important;
}

@media(min-width:900px){
  .nav a{
    grid-template-columns:30px minmax(0,1fr) auto !important;
    gap:10px !important;
  }
}


/* =========================================================
   FOUNDATION V1.9 — FIELD DESKTOP SVG SIDEBAR ICONS
   ========================================================= */

.field-desktop-svg-icon{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  background:#eef3f5 !important;
  color:#657b87 !important;
}

.field-desktop-svg-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body[data-page="home"] .desktop-nav a[data-desktop-nav="home"] .field-desktop-svg-icon,
body[data-page="calendar"] .desktop-nav a[data-desktop-nav="calendar"] .field-desktop-svg-icon{
  background:#ffe4d3 !important;
  color:#ef5900 !important;
}

html[data-theme="dark"] .field-desktop-svg-icon{
  background:#22313a !important;
  color:#9fb2bc !important;
}

html[data-theme="dark"] body[data-page="home"] .desktop-nav a[data-desktop-nav="home"] .field-desktop-svg-icon,
html[data-theme="dark"] body[data-page="calendar"] .desktop-nav a[data-desktop-nav="calendar"] .field-desktop-svg-icon{
  background:#4b2c1c !important;
  color:#ff8c49 !important;
}

@media(min-width:900px){
  .desktop-nav a{
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:10px !important;
  }
}


/* =========================================================
   FOUNDATION V1.10 — STEP 1 / FORM CREW DESIGN
   ========================================================= */
.form-crew-btn:not(:disabled){cursor:pointer!important}
.foundation-form-crew .crew-builder-card{width:min(560px,calc(100vw - 32px))!important;max-height:min(820px,92dvh)!important;padding:22px 20px 0!important;overflow:auto!important}
.foundation-form-crew .crew-builder-head h2{font-size:25px!important}.foundation-form-crew .crew-builder-head p{font-size:11px!important}
.foundation-form-crew .crew-builder-summary{min-height:54px!important;padding-inline:13px!important}.foundation-form-crew .crew-builder-summary span{font-size:11px!important}.foundation-form-crew .crew-builder-summary strong{font-size:14px!important}
.foundation-form-crew .crew-builder-section-title{font-size:9px!important}
.foundation-form-crew .crew-builder-row{min-height:64px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;padding:9px 10px!important;border-radius:12px!important}
.foundation-form-crew .crew-builder-avatar{width:42px!important;height:42px!important}.foundation-form-crew .crew-builder-copy b{font-size:13px!important}.foundation-form-crew .crew-builder-copy small{font-size:9px!important}.foundation-form-crew .crew-builder-row button,.foundation-form-crew .crew-required{min-width:82px!important;height:40px!important;border-radius:10px!important;font-size:9px!important}
.crew-builder-search{min-height:48px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;padding:0 11px;border:1px solid #d8e2e7;border-radius:11px;background:#f8fafb}.crew-builder-search svg{width:19px;height:19px;fill:none;stroke:#78909b;stroke-width:1.8;stroke-linecap:round}.crew-builder-search input{width:100%;height:46px;border:0;outline:0;background:transparent;color:#17313e;font-size:12px}.crew-builder-search input::placeholder{color:#8798a1}
.crew-builder-list{display:grid;gap:7px}.crew-builder-list .crew-builder-row{margin-top:0!important}.crew-builder-empty.is-hidden{display:none!important}
.foundation-form-crew .crew-builder-actions{bottom:0!important;margin:18px -20px 0!important;padding:13px 20px calc(16px + env(safe-area-inset-bottom))!important}.foundation-form-crew .crew-builder-save{min-height:54px!important;font-size:11px!important;box-shadow:0 8px 18px rgba(255,90,0,.18)}
.crew-preview-toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,14px);width:min(360px,calc(100vw - 28px));min-height:46px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#173846;color:#fff;font-size:10px;font-weight:750;text-align:center;opacity:0;pointer-events:none;z-index:2147483647;transition:.18s ease;box-shadow:0 14px 38px rgba(0,0,0,.22)}.crew-preview-toast.show{opacity:1;transform:translate(-50%,0)}html.crew-modal-open,html.crew-modal-open body{overflow:hidden!important}
@media(max-width:899px){.foundation-form-crew{padding:0!important;align-items:stretch!important;background:#fff!important}.foundation-form-crew .crew-builder-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;padding:calc(18px + env(safe-area-inset-top)) 14px 0!important;box-shadow:none!important}.foundation-form-crew .crew-builder-close{top:calc(12px + env(safe-area-inset-top))!important;right:12px!important;width:42px!important;height:42px!important;border-radius:12px!important;font-size:24px!important}.foundation-form-crew .crew-builder-head{padding-right:54px!important}.foundation-form-crew .crew-builder-head small{font-size:9px!important}.foundation-form-crew .crew-builder-head h2{margin-top:4px!important;font-size:27px!important}.foundation-form-crew .crew-builder-head p{font-size:11px!important}.foundation-form-crew .crew-builder-summary{margin-top:16px!important}.foundation-form-crew .crew-builder-section{margin-top:17px!important}.foundation-form-crew .crew-builder-row{min-height:68px!important;grid-template-columns:44px minmax(0,1fr) auto!important}.foundation-form-crew .crew-builder-avatar{width:44px!important;height:44px!important}.foundation-form-crew .crew-builder-copy b{font-size:14px!important}.foundation-form-crew .crew-builder-copy small{font-size:9.5px!important}.foundation-form-crew .crew-builder-row button,.foundation-form-crew .crew-required{min-width:84px!important;height:44px!important;font-size:10px!important}.foundation-form-crew .crew-builder-actions{margin:20px -14px 0!important;padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;grid-template-columns:.8fr 1.65fr!important}.foundation-form-crew .crew-builder-actions button{min-height:56px!important;font-size:11px!important}}
@media(min-width:900px){.foundation-form-crew{padding:28px!important}.foundation-form-crew .crew-builder-card{width:min(620px,calc(100vw - 340px))!important;max-height:86dvh!important}.crew-preview-toast{bottom:28px}}
html[data-theme="dark"] .foundation-form-crew{background:rgba(5,13,18,.76)!important}html[data-theme="dark"] .foundation-form-crew .crew-builder-card{background:#131f27!important;color:#f1f6f8!important}html[data-theme="dark"] .crew-builder-search{background:#17252d!important;border-color:#344852!important}html[data-theme="dark"] .crew-builder-search svg{stroke:#91a6b0!important}html[data-theme="dark"] .crew-builder-search input{color:#eef5f8!important}html[data-theme="dark"] .crew-builder-search input::placeholder{color:#7f949e!important}html[data-theme="dark"] .foundation-form-crew .crew-builder-actions{background:linear-gradient(to top,#131f27 78%,rgba(19,31,39,.94))!important}html[data-theme="dark"] .crew-preview-toast{background:#e85a0b!important}


/* =========================================================
   FOUNDATION V1.11 — STEP 2 / CHECK START
   ========================================================= */
.plan-actual-time{display:block;min-height:13px;margin-top:4px;font-size:8px;font-weight:750;color:#6e838e}
.field-plan-time.started .plan-actual-time{color:#3d8c66}
.start-validation-toast,.start-preview-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,14px);width:min(390px,calc(100vw - 28px));min-height:48px;padding:9px 12px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:9px;background:#173846;color:#fff;font-size:10px;font-weight:750;z-index:2147483647;opacity:0;pointer-events:none;box-shadow:0 14px 38px rgba(0,0,0,.22);transition:.18s ease}
.start-validation-toast button{min-height:32px;border:0;border-radius:9px;padding:0 10px;background:#ff5a00;color:#fff;font-size:8px;font-weight:850}
.start-validation-toast.show,.start-preview-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.check-start-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,20,28,.58);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.check-start-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.check-start-card{position:relative;width:min(520px,calc(100vw - 36px));max-height:90dvh;overflow:auto;border-radius:20px;padding:24px 22px 0;background:#fff;color:#17313e;box-shadow:0 30px 90px rgba(8,20,28,.28);transform:translateY(14px) scale(.985);transition:.18s ease}
.check-start-modal.open .check-start-card{transform:translateY(0) scale(1)}
.check-start-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:#eef3f5;color:#5e7480;font-size:22px}
.check-start-head{padding-right:48px}.check-start-head small{display:block;color:#ff5a00;font-size:9px;font-weight:900;letter-spacing:.09em}.check-start-head h2{margin:4px 0 5px;font-size:27px;line-height:1.05;letter-spacing:-.045em}.check-start-head p{margin:0;color:#71848f;font-size:11px}
.check-start-time-grid{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center;margin-top:20px}
.check-start-time{min-height:122px;border:1px solid #dce6ea;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:center;background:#f8fafb}
.check-start-time small,.check-start-time strong,.check-start-time span{display:block}.check-start-time small{color:#81939d;font-size:8px;font-weight:850;letter-spacing:.07em}.check-start-time strong{margin-top:3px;font-size:30px;letter-spacing:-.05em}.check-start-time span{margin-top:4px;color:#71848f;font-size:9px}.check-start-time.actual{border-color:#b8dfce;background:#eef9f3}.check-start-time.actual strong{color:#0b8b59}.check-start-arrow{color:#8ca0aa;font-size:20px;font-weight:850;text-align:center}
.check-start-validation{display:grid;gap:7px;margin-top:18px}.check-start-validation-row{min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dce8e2;border-radius:12px;padding:8px 10px;background:#f5fbf7}.check-start-validation-row.invalid{border-color:#f1cccc;background:#fff3f3}.validation-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dff5e9;color:#0c8c58;font-size:13px;font-weight:900}.check-start-validation-row.invalid .validation-icon{background:#fde0e0;color:#c94242}.check-start-validation-row b,.check-start-validation-row small{display:block}.check-start-validation-row b{font-size:11px}.check-start-validation-row small{margin-top:2px;color:#71848f;font-size:9px}
.check-start-question{margin-top:18px;padding:14px;border-radius:12px;background:#173846;color:#fff}.check-start-question strong,.check-start-question span{display:block}.check-start-question strong{font-size:14px}.check-start-question span{margin-top:4px;color:#bdd0d8;font-size:9px;line-height:1.4}
.check-start-actions{position:sticky;bottom:0;display:grid;grid-template-columns:.8fr 1.4fr;gap:8px;margin:18px -22px 0;padding:13px 22px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.94));border-top:1px solid #edf1f3}.check-start-actions button{min-height:54px;border-radius:12px;font-size:10px;font-weight:900}.check-start-cancel{border:1px solid #dce5e9;background:#fff;color:#526975}.check-start-confirm{border:0;background:#0e9f63;color:#fff;box-shadow:0 9px 22px rgba(14,159,99,.2)}.check-start-confirm:disabled{opacity:.45;box-shadow:none}
html.check-start-open,html.check-start-open body{overflow:hidden!important}
.field-plan-card.started .field-plan-time.started{background:#e8f8ef!important;border-color:#71c89a!important}.field-plan-card.started .field-plan-time.started strong{color:#0c8050!important}.field-plan-card.started .field-plan-time.finish-pending{border-color:#f0c18e!important;background:#fff7ef!important}
@media(max-width:899px){.check-start-modal{padding:0;align-items:flex-end;background:#fff}.check-start-card{width:100%;height:100dvh;max-height:none;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px 0;box-shadow:none}.check-start-close{top:calc(12px + env(safe-area-inset-top));right:12px;width:42px;height:42px}.check-start-head h2{font-size:29px}.check-start-time-grid{margin-top:18px;grid-template-columns:1fr 24px 1fr}.check-start-time{min-height:128px;padding:12px}.check-start-time strong{font-size:29px}.check-start-validation-row{min-height:62px}.check-start-actions{margin:20px -14px 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.check-start-actions button{min-height:58px;font-size:11px}}
@media(min-width:900px){.start-validation-toast,.start-preview-toast{bottom:28px}}
html[data-theme="dark"] .check-start-modal{background:rgba(4,10,14,.76)}html[data-theme="dark"] .check-start-card{background:#131f27;color:#f1f6f8}html[data-theme="dark"] .check-start-close{background:#21313a;color:#c9d6dc}html[data-theme="dark"] .check-start-head p{color:#91a6b0}html[data-theme="dark"] .check-start-time{background:#17242c;border-color:#304550}html[data-theme="dark"] .check-start-time small,html[data-theme="dark"] .check-start-time span{color:#91a6b0}html[data-theme="dark"] .check-start-time strong{color:#f5f9fa}html[data-theme="dark"] .check-start-time.actual{background:#163a2c;border-color:#2d7658}html[data-theme="dark"] .check-start-time.actual strong{color:#84deb2}html[data-theme="dark"] .check-start-validation-row{background:#142820;border-color:#28533f}html[data-theme="dark"] .check-start-validation-row.invalid{background:#332024;border-color:#63343b}html[data-theme="dark"] .check-start-validation-row small{color:#9db0b9}html[data-theme="dark"] .check-start-question{background:#0d171d}html[data-theme="dark"] .check-start-actions{background:linear-gradient(to top,#131f27 78%,rgba(19,31,39,.94));border-top-color:#293b45}html[data-theme="dark"] .check-start-cancel{background:#1c2a33;border-color:#344953;color:#dce7ec}html[data-theme="dark"] .field-plan-card.started .field-plan-time.started{background:#163a2c!important;border-color:#2d7658!important}html[data-theme="dark"] .field-plan-card.started .field-plan-time.started strong{color:#84deb2!important}html[data-theme="dark"] .field-plan-card.started .field-plan-time.finish-pending{background:#2a211b!important;border-color:#8a5735!important}


/* =========================================================
   FOUNDATION V1.12 — STEP 3 / ATTENDANCE
   ========================================================= */
.visible-worker-row{transition:border-color .16s ease,background .16s ease,transform .16s ease}
.visible-worker-row.attendance-present{border-color:#dce9e2!important}
.visible-worker-row.attendance-absent{border-color:#efcaca!important;background:#fff7f7!important}
.worker-status-button:not(:disabled){cursor:pointer!important}
.worker-status-button.present{background:#e8f8ef!important;color:#0b8553!important;border-color:#b9dfcc!important}
.worker-status-button.absent{background:#ffe9e9!important;color:#c33c3c!important;border-color:#efc1c1!important}
.worker-status-button.lead-attendance-locked{opacity:.72!important}
.crew-status.all-present{background:#e8f8ef!important;color:#0b8553!important;border-color:#b9dfcc!important}
.crew-status.has-absence{background:#fff0f0!important;color:#c33c3c!important;border-color:#efc1c1!important}

.attendance-modal{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,20,28,.58);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.attendance-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.attendance-card{position:relative;width:min(500px,calc(100vw - 36px));max-height:90dvh;overflow:auto;border-radius:20px;padding:24px 22px 0;background:#fff;color:#17313e;box-shadow:0 30px 90px rgba(8,20,28,.28);transform:translateY(14px) scale(.985);transition:.18s ease}
.attendance-modal.open .attendance-card{transform:translateY(0) scale(1)}
.attendance-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:#eef3f5;color:#5e7480;font-size:22px}
.attendance-head{padding-right:48px}.attendance-head small{display:block;color:#ff5a00;font-size:9px;font-weight:900;letter-spacing:.09em}.attendance-head h2{margin:4px 0 5px;font-size:27px;line-height:1.05;letter-spacing:-.045em}.attendance-head p{margin:0;color:#71848f;font-size:11px}
.attendance-worker{min-height:72px;margin-top:20px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:11px;border:1px solid #dde7eb;border-radius:14px;background:#f8fafb}
.attendance-worker-avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#e9f0f3;color:#395766;font-size:13px;font-weight:900}.attendance-worker b,.attendance-worker small{display:block}.attendance-worker b{font-size:14px}.attendance-worker small{margin-top:3px;color:#71848f;font-size:9px}
.attendance-question{margin-top:20px;font-size:13px;font-weight:850}
.attendance-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.attendance-option{min-height:112px;border-radius:15px;padding:14px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;text-align:left;transition:.15s ease}.attendance-option-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:900}.attendance-option b,.attendance-option small{display:block}.attendance-option b{font-size:12px}.attendance-option small{margin-top:4px;font-size:9px;line-height:1.35}
.attendance-option.present{border:1px solid #b8dec9;background:#eff9f3;color:#0b8553}.attendance-option.present .attendance-option-icon{background:#d8f2e4}.attendance-option.absent{border:1px solid #ecc6c6;background:#fff3f3;color:#bd3b3b}.attendance-option.absent .attendance-option-icon{background:#f9dddd}.attendance-option.selected{box-shadow:0 0 0 3px rgba(255,90,0,.11);border-color:#ff8b4b}
.attendance-current{min-height:52px;margin-top:12px;padding:0 12px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;background:#f5f8f9;border:1px solid #e2e9ec}.attendance-current span{color:#72858f;font-size:9px;font-weight:750}.attendance-current strong{font-size:11px}.attendance-current strong.present{color:#0b8553}.attendance-current strong.absent{color:#c33c3c}
.attendance-preview-note{margin-top:10px;padding:10px 11px;border-radius:10px;background:#fff7ec;color:#8b663e;font-size:9px;line-height:1.45}
.attendance-actions{position:sticky;bottom:0;margin:18px -22px 0;padding:13px 22px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.94));border-top:1px solid #edf1f3}.attendance-cancel{width:100%;min-height:52px;border:1px solid #dce5e9;border-radius:12px;background:#fff;color:#526975;font-size:10px;font-weight:900}
.attendance-preview-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,14px);width:min(380px,calc(100vw - 28px));min-height:48px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#173846;color:#fff;font-size:10px;font-weight:750;text-align:center;z-index:2147483647;opacity:0;pointer-events:none;box-shadow:0 14px 38px rgba(0,0,0,.22);transition:.18s ease}.attendance-preview-toast.show{opacity:1;transform:translate(-50%,0)}
html.attendance-modal-open,html.attendance-modal-open body{overflow:hidden!important}
@media(max-width:899px){.attendance-modal{padding:0;align-items:flex-end;background:#fff}.attendance-card{width:100%;height:100dvh;max-height:none;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px 0;box-shadow:none}.attendance-close{top:calc(12px + env(safe-area-inset-top));right:12px;width:42px;height:42px}.attendance-head h2{font-size:29px}.attendance-worker{min-height:76px}.attendance-options{grid-template-columns:1fr;gap:9px}.attendance-option{min-height:96px;grid-template-columns:46px minmax(0,1fr)}.attendance-option-icon{width:46px;height:46px}.attendance-option b{font-size:14px}.attendance-option small{font-size:10px}.attendance-actions{margin:20px -14px 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.attendance-cancel{min-height:56px}}
@media(min-width:900px){.attendance-preview-toast{bottom:28px}}
html[data-theme="dark"] .visible-worker-row.attendance-absent{background:#302024!important;border-color:#633840!important}html[data-theme="dark"] .worker-status-button.present,html[data-theme="dark"] .crew-status.all-present{background:#17392c!important;border-color:#2c7054!important;color:#81dcb0!important}html[data-theme="dark"] .worker-status-button.absent,html[data-theme="dark"] .crew-status.has-absence{background:#3a2428!important;border-color:#704047!important;color:#f0a0a0!important}
html[data-theme="dark"] .attendance-modal{background:rgba(4,10,14,.76)}html[data-theme="dark"] .attendance-card{background:#131f27;color:#f1f6f8}html[data-theme="dark"] .attendance-close{background:#21313a;color:#c9d6dc}html[data-theme="dark"] .attendance-head p{color:#91a6b0}html[data-theme="dark"] .attendance-worker{background:#17242c;border-color:#304550}html[data-theme="dark"] .attendance-worker-avatar{background:#22343e;color:#d7e3e8}html[data-theme="dark"] .attendance-worker small{color:#91a6b0}html[data-theme="dark"] .attendance-option.present{background:#163a2c;border-color:#2d7658;color:#84deb2}html[data-theme="dark"] .attendance-option.present .attendance-option-icon{background:#204f3d}html[data-theme="dark"] .attendance-option.absent{background:#332024;border-color:#63343b;color:#efa1a1}html[data-theme="dark"] .attendance-option.absent .attendance-option-icon{background:#4a2b31}html[data-theme="dark"] .attendance-current{background:#17242c;border-color:#304550}html[data-theme="dark"] .attendance-preview-note{background:#32291d;color:#d8b987}html[data-theme="dark"] .attendance-actions{background:linear-gradient(to top,#131f27 78%,rgba(19,31,39,.94));border-top-color:#293b45}html[data-theme="dark"] .attendance-cancel{background:#1c2a33;border-color:#344953;color:#dce7ec}


/* =========================================================
   FOUNDATION V1.13 — STEP 4 / LATE ARRIVAL
   ========================================================= */
.visible-worker-row.attendance-late{border-color:#efc28f!important;background:#fff9f1!important}
.worker-status-button.late{background:#fff1df!important;color:#b76516!important;border-color:#efc28f!important}
.worker-arrival-meta{display:block!important;margin-top:3px!important;color:#a56a2d!important;font-size:9px!important;font-weight:750!important}
.crew-status.has-late{background:#fff1df!important;color:#b76516!important;border-color:#efc28f!important}
.attendance-current strong.late{color:#b76516!important}
.attendance-arrived-action{width:100%;min-height:62px;margin-top:10px;border:1px solid #efc28f;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;text-align:left;background:#fff6ea;color:#9d5614}
.attendance-arrived-action[hidden]{display:none!important}.attendance-arrived-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffe1bc;font-size:16px;font-weight:900}.attendance-arrived-action b,.attendance-arrived-action small{display:block}.attendance-arrived-action b{font-size:11px}.attendance-arrived-action small{margin-top:3px;font-size:9px;color:#a76b30}

.late-arrival-modal{position:fixed;inset:0;z-index:2147483300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,20,28,.58);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.late-arrival-modal.open{opacity:1;visibility:visible;pointer-events:auto}.late-arrival-card{position:relative;width:min(520px,calc(100vw - 36px));max-height:90dvh;overflow:auto;border-radius:20px;padding:24px 22px 0;background:#fff;color:#17313e;box-shadow:0 30px 90px rgba(8,20,28,.28);transform:translateY(14px) scale(.985);transition:.18s ease}.late-arrival-modal.open .late-arrival-card{transform:translateY(0) scale(1)}
.late-arrival-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:#eef3f5;color:#5e7480;font-size:22px}.late-arrival-head{padding-right:48px}.late-arrival-head small{display:block;color:#ef6a00;font-size:9px;font-weight:900;letter-spacing:.09em}.late-arrival-head h2{margin:4px 0 5px;font-size:27px;line-height:1.05;letter-spacing:-.045em}.late-arrival-head p{margin:0;color:#71848f;font-size:11px}
.late-arrival-worker{min-height:72px;margin-top:20px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:11px;border:1px solid #dde7eb;border-radius:14px;background:#f8fafb}.late-arrival-avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff0dd;color:#a65d18;font-size:13px;font-weight:900}.late-arrival-worker b,.late-arrival-worker small{display:block}.late-arrival-worker b{font-size:14px}.late-arrival-worker small{margin-top:3px;color:#71848f;font-size:9px}
.late-time-grid{display:grid;grid-template-columns:1fr 26px 1fr;gap:8px;align-items:center;margin-top:18px}.late-time-card{min-height:122px;border:1px solid #dce6ea;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:center;background:#f8fafb}.late-time-card small,.late-time-card strong,.late-time-card span{display:block}.late-time-card small{color:#81939d;font-size:8px;font-weight:850;letter-spacing:.07em}.late-time-card strong{margin-top:3px;font-size:30px;letter-spacing:-.05em}.late-time-card span{margin-top:4px;color:#71848f;font-size:9px}.late-time-card.arrival{border-color:#efc28f;background:#fff8ef}.late-time-card input{width:100%;margin-top:3px;border:0;outline:0;background:transparent;color:#b76516;font:inherit;font-size:28px;font-weight:850;letter-spacing:-.04em}.late-time-arrow{color:#8ca0aa;font-size:20px;font-weight:850;text-align:center}
.late-result-card{min-height:82px;margin-top:14px;border:1px solid #efc28f;border-radius:14px;padding:12px 14px;background:#fff3e4}.late-result-card span,.late-result-card strong,.late-result-card small{display:block}.late-result-card span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#a66a2c}.late-result-card strong{margin-top:3px;font-size:28px;color:#b76516}.late-result-card small{margin-top:3px;color:#9a7047;font-size:9px}.late-result-card.invalid{background:#fff2f2;border-color:#ecc5c5}.late-result-card.invalid strong{color:#c33c3c}
.late-validation{margin-top:10px;padding:10px 11px;border-radius:10px;background:#fff2f2;border:1px solid #efcdcd;color:#b13a3a;font-size:9px;font-weight:750}.late-confirm-summary{margin-top:12px;padding:12px;border-radius:11px;background:#f4f8f9;border:1px solid #e0e8eb}.late-confirm-summary span,.late-confirm-summary b{display:block}.late-confirm-summary span{color:#72858f;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.late-confirm-summary b{margin-top:4px;font-size:10px}
.late-arrival-actions{position:sticky;bottom:0;display:grid;grid-template-columns:.8fr 1.45fr;gap:8px;margin:18px -22px 0;padding:13px 22px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.94));border-top:1px solid #edf1f3}.late-arrival-actions button{min-height:54px;border-radius:12px;font-size:10px;font-weight:900}.late-arrival-cancel{border:1px solid #dce5e9;background:#fff;color:#526975}.late-arrival-confirm{border:0;background:#e87517;color:#fff;box-shadow:0 9px 22px rgba(232,117,23,.22)}.late-arrival-confirm:disabled{opacity:.42;box-shadow:none}
.late-arrival-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,14px);width:min(400px,calc(100vw - 28px));min-height:48px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#b76516;color:#fff;font-size:10px;font-weight:750;text-align:center;z-index:2147483647;opacity:0;pointer-events:none;box-shadow:0 14px 38px rgba(0,0,0,.22);transition:.18s ease}.late-arrival-toast.show{opacity:1;transform:translate(-50%,0)}html.late-arrival-open,html.late-arrival-open body{overflow:hidden!important}
@media(max-width:899px){.late-arrival-modal{padding:0;align-items:flex-end;background:#fff}.late-arrival-card{width:100%;height:100dvh;max-height:none;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px 0;box-shadow:none}.late-arrival-close{top:calc(12px + env(safe-area-inset-top));right:12px;width:42px;height:42px}.late-arrival-head h2{font-size:29px}.late-time-grid{grid-template-columns:1fr 22px 1fr}.late-time-card{min-height:126px;padding:12px}.late-time-card input{font-size:27px}.late-arrival-actions{margin:20px -14px 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.late-arrival-actions button{min-height:58px;font-size:10px}}
@media(min-width:900px){.late-arrival-toast{bottom:28px}}
html[data-theme="dark"] .visible-worker-row.attendance-late{background:#31261c!important;border-color:#76512f!important}html[data-theme="dark"] .worker-status-button.late,html[data-theme="dark"] .crew-status.has-late{background:#3b2c1d!important;border-color:#79532f!important;color:#efb374!important}html[data-theme="dark"] .worker-arrival-meta{color:#dfaa72!important}html[data-theme="dark"] .attendance-arrived-action{background:#35281d;border-color:#705033;color:#efb374}html[data-theme="dark"] .attendance-arrived-action small{color:#c79768}html[data-theme="dark"] .attendance-arrived-icon{background:#4b341f}
html[data-theme="dark"] .late-arrival-modal{background:rgba(4,10,14,.76)}html[data-theme="dark"] .late-arrival-card{background:#131f27;color:#f1f6f8}html[data-theme="dark"] .late-arrival-close{background:#21313a;color:#c9d6dc}html[data-theme="dark"] .late-arrival-head p{color:#91a6b0}html[data-theme="dark"] .late-arrival-worker{background:#17242c;border-color:#304550}html[data-theme="dark"] .late-arrival-avatar{background:#3b2c1d;color:#efb374}html[data-theme="dark"] .late-arrival-worker small{color:#91a6b0}html[data-theme="dark"] .late-time-card{background:#17242c;border-color:#304550}html[data-theme="dark"] .late-time-card small,html[data-theme="dark"] .late-time-card span{color:#91a6b0}html[data-theme="dark"] .late-time-card strong{color:#f3f7f9}html[data-theme="dark"] .late-time-card.arrival{background:#31261c;border-color:#76512f}html[data-theme="dark"] .late-time-card input{color:#efb374}html[data-theme="dark"] .late-result-card{background:#35281d;border-color:#76512f}html[data-theme="dark"] .late-result-card strong{color:#efb374}html[data-theme="dark"] .late-result-card small{color:#c79768}html[data-theme="dark"] .late-confirm-summary{background:#17242c;border-color:#304550}html[data-theme="dark"] .late-confirm-summary span{color:#91a6b0}html[data-theme="dark"] .late-arrival-actions{background:linear-gradient(to top,#131f27 78%,rgba(19,31,39,.94));border-top-color:#293b45}html[data-theme="dark"] .late-arrival-cancel{background:#1c2a33;border-color:#344953;color:#dce7ec}
\n\n/* =========================================================\n   FOUNDATION V1.14 — ATTENDANCE CLICK ACTIVATION FIX\n   ========================================================= */\n.worker-status-button.attendance-waiting-lock{\n  opacity:.72 !important;\n  cursor:default !important;\n}\n#workPlanCard[data-started="1"] ~ * .worker-status-button.attendance-waiting-lock{\n  opacity:1 !important;\n}\nhtml[data-theme="dark"] .worker-status-button.attendance-waiting-lock{\n  opacity:.68 !important;\n}\n

/* =========================================================
   FOUNDATION V1.16 — ATTENDANCE CARD + LATE BASELINE FIX
   ========================================================= */

.attendance-card .attendance-options{
  gap:12px !important;
}

.attendance-card .attendance-option{
  min-height:126px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:9px !important;
  padding:16px 14px !important;
  text-align:center !important;
  border-width:1px !important;
  cursor:pointer !important;
}

.attendance-card .attendance-option > .attendance-option-icon{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  margin:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.attendance-card .attendance-option > .attendance-option-copy{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  display:block !important;
  background:transparent !important;
  color:inherit !important;
  font-size:inherit !important;
  line-height:normal !important;
  font-weight:inherit !important;
}

.attendance-card .attendance-option-copy b{
  display:block !important;
  font-size:13px !important;
  line-height:1.15 !important;
  letter-spacing:.01em !important;
}

.attendance-card .attendance-option-copy small{
  display:block !important;
  margin-top:5px !important;
  font-size:9px !important;
  line-height:1.35 !important;
  color:inherit !important;
  opacity:.82 !important;
}

.attendance-card .attendance-option.present > .attendance-option-icon{
  background:#d9f3e5 !important;
  color:#0b8a55 !important;
}

.attendance-card .attendance-option.absent > .attendance-option-icon{
  background:#f9dddd !important;
  color:#c74242 !important;
}

.attendance-card .attendance-option.selected{
  border-width:2px !important;
  box-shadow:0 0 0 3px rgba(255,90,0,.08) !important;
}

.late-time-card.arrival #lateArrivalHelp{
  line-height:1.35 !important;
}

.late-result-card strong{
  font-variant-numeric:tabular-nums;
}

@media(max-width:899px){
  .attendance-card .attendance-option{
    min-height:92px !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:left !important;
    gap:14px !important;
  }

  .attendance-card .attendance-option > .attendance-option-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }

  .attendance-card .attendance-option-copy b{
    font-size:14px !important;
  }

  .attendance-card .attendance-option-copy small{
    font-size:10px !important;
  }
}

html[data-theme="dark"] .attendance-card .attendance-option.present > .attendance-option-icon{
  background:#204f3d !important;
  color:#8be0b5 !important;
}

html[data-theme="dark"] .attendance-card .attendance-option.absent > .attendance-option-icon{
  background:#4a2b31 !important;
  color:#f0a5aa !important;
}


/* =========================================================
   FOUNDATION V1.18 — AUTOMATIC COMPANY BREAK
   ========================================================= */

.auto-break-card{
  padding:14px !important;
  border:1px solid #dce6ea !important;
  border-radius:16px !important;
  background:#fff !important;
}

.auto-break-main{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
}

.auto-break-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#eef3f5;
  color:#59727e;
}

.auto-break-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}

.auto-break-copy{
  min-width:0;
}

.auto-break-copy small,
.auto-break-copy b,
.auto-break-copy span{
  display:block;
}

.auto-break-copy small{
  color:#80939d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.auto-break-copy b{
  margin-top:2px;
  color:#173846;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.035em;
}

.auto-break-copy span{
  margin-top:3px;
  color:#738790;
  font-size:9px;
  line-height:1.35;
}

.auto-break-badge{
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e9f7ef;
  border:1px solid #c6e7d4;
  color:#168154;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}

.auto-break-info{
  min-height:46px;
  margin-top:11px;
  padding:9px 11px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#f7f9fa;
  border:1px solid #e7edef;
}

.auto-break-info span{
  color:#7c8e97;
  font-size:8.5px;
}

.auto-break-info strong{
  color:#4e6570;
  font-size:8.5px;
  text-align:right;
}

@media(max-width:899px){
  .auto-break-card{
    padding:13px !important;
    border-radius:14px !important;
  }

  .auto-break-main{
    grid-template-columns:48px minmax(0,1fr);
  }

  .auto-break-icon{
    width:48px;
    height:48px;
  }

  .auto-break-copy b{
    font-size:22px;
  }

  .auto-break-copy span{
    font-size:9.5px;
  }

  .auto-break-badge{
    grid-column:1/-1;
    justify-self:start;
    min-height:27px;
    margin-left:59px;
    margin-top:-5px;
  }

  .auto-break-info{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .auto-break-info strong{
    text-align:left;
  }
}

html[data-theme="dark"] .auto-break-card{
  background:#131f27 !important;
  border-color:#30434d !important;
}

html[data-theme="dark"] .auto-break-icon{
  background:#21323b;
  color:#c0cfd6;
}

html[data-theme="dark"] .auto-break-copy b{
  color:#f3f8fa;
}

html[data-theme="dark"] .auto-break-copy small,
html[data-theme="dark"] .auto-break-copy span{
  color:#91a6b0;
}

html[data-theme="dark"] .auto-break-badge{
  background:#173a2c;
  border-color:#2d7155;
  color:#83dbb0;
}

html[data-theme="dark"] .auto-break-info{
  background:#17242c;
  border-color:#2e414b;
}

html[data-theme="dark"] .auto-break-info span{
  color:#91a6b0;
}

html[data-theme="dark"] .auto-break-info strong{
  color:#d1dde2;
}


/* =========================================================
   FOUNDATION V1.19 — SIMPLE SITE NOTES & PHOTOS
   ========================================================= */

.site-updates-card{border:1px solid #dce6ea;border-radius:16px;padding:14px;background:#fff}
.site-updates-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.site-updates-head small{display:block;color:#80939d;font-size:8px;font-weight:900;letter-spacing:.08em}
.site-updates-head h2{margin:3px 0 2px;font-size:17px;letter-spacing:-.035em}
.site-updates-head p{margin:0;color:#7a8c96;font-size:9px}
.site-updates-count{min-height:28px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:#edf3f5;color:#617985;font-size:8px;font-weight:850;white-space:nowrap}

.site-updates-empty{min-height:68px;margin-top:12px;padding:10px;border:1px dashed #d6e1e5;border-radius:12px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;background:#fafcfc}
.site-updates-empty-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eef3f5;color:#69808b}
.site-updates-empty-icon svg,.site-update-photo-add-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-updates-empty b,.site-updates-empty small{display:block}
.site-updates-empty b{font-size:10px}
.site-updates-empty small{margin-top:2px;color:#8798a1;font-size:8px}

.site-updates-add{width:100%;min-height:58px;margin-top:10px;padding:8px 11px;border:0;border-radius:13px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;align-items:center;text-align:left;background:#173846;color:#fff;cursor:pointer}
.site-updates-add:disabled{opacity:.45;cursor:not-allowed}
.site-updates-add-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-size:20px}
.site-updates-add b,.site-updates-add small{display:block}
.site-updates-add b{font-size:11px}
.site-updates-add small{margin-top:2px;color:rgba(255,255,255,.73);font-size:8px}
.site-updates-add-arrow{justify-self:end;font-size:18px}
.site-updates-preview-note{margin-top:8px;color:#97a5ac;font-size:7.5px;text-align:center}

.site-updates-list{margin-top:12px;display:grid;gap:8px}
.site-update-item{padding:10px;border:1px solid #e1e8eb;border-radius:12px;background:#f9fbfb}
.site-update-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.site-update-item-top strong{font-size:9px;color:#173846}
.site-update-item-top span{font-size:8px;color:#7f929c}
.site-update-item p{margin:7px 0 0;color:#415963;font-size:9.5px;line-height:1.45}
.site-update-item-photo-only{color:#7c8e97!important}
.site-update-item-thumbs{margin-top:8px;display:flex;gap:6px;align-items:center}
.site-update-item-thumb{width:46px;height:46px;padding:0;border:0;border-radius:9px;overflow:hidden;background:#e7edef}
.site-update-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.site-update-item-more{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:#edf2f4;color:#627985;font-size:9px;font-weight:850}

.site-update-modal{position:fixed;inset:0;z-index:2147483500;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,20,28,.6);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.site-update-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.site-update-sheet{position:relative;width:min(540px,calc(100vw - 36px));max-height:90dvh;overflow:auto;border-radius:20px;padding:23px 21px 0;background:#fff;color:#17313e;box-shadow:0 30px 90px rgba(8,20,28,.28)}
.site-update-close{position:absolute;top:13px;right:13px;width:38px;height:38px;border:0;border-radius:10px;background:#eef3f5;color:#607783;font-size:21px}
.site-update-head{padding-right:48px}
.site-update-head small{color:#ff5a00;font-size:9px;font-weight:900;letter-spacing:.08em}
.site-update-head h2{margin:4px 0 5px;font-size:27px;line-height:1.05;letter-spacing:-.045em}
.site-update-head p{margin:0;color:#7a8d96;font-size:10px}

.site-update-note-field{display:block;margin-top:20px}
.site-update-note-field>span,.site-update-photos-head>span{color:#4c6570;font-size:9px;font-weight:900;letter-spacing:.06em}
.site-update-note-field>span small,.site-update-photos-head>span small{color:#96a5ac;font-size:8px;font-weight:700;letter-spacing:0}
.site-update-note-field textarea{width:100%;min-height:132px;margin-top:7px;padding:12px;border:1px solid #d8e2e7;border-radius:12px;resize:vertical;background:#f9fbfc;color:#17313e;font:inherit;font-size:12px;line-height:1.45;outline:none}
.site-update-note-field textarea:focus{border-color:#96bbc9;box-shadow:0 0 0 3px rgba(65,126,150,.08)}
.site-update-note-count{display:block;margin-top:4px;color:#99a7ae;font-size:7.5px;text-align:right}

.site-update-photos{margin-top:17px}
.site-update-photos-head{display:flex;justify-content:space-between;align-items:center}
.site-update-photos-head strong{min-width:26px;height:24px;border-radius:999px;display:grid;place-items:center;background:#edf3f5;color:#5d7480;font-size:8px}
.site-update-photo-add{width:100%;min-height:60px;margin-top:7px;padding:8px 10px;border:1px solid #d7e2e6;border-radius:12px;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:10px;align-items:center;text-align:left;background:#f8fafb;color:#173846}
.site-update-photo-add-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e9f0f3;color:#5f7783}
.site-update-photo-add b,.site-update-photo-add small{display:block}
.site-update-photo-add b{font-size:10px}
.site-update-photo-add small{margin-top:2px;color:#84969f;font-size:8px}

.site-update-photo-grid{margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.site-update-photo-item{position:relative;aspect-ratio:1}
.site-update-photo-thumb{width:100%;height:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#e9eff2}
.site-update-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.site-update-photo-remove{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#c73c3c;color:#fff;font-size:14px;line-height:1}

.site-update-error{margin-top:11px;padding:10px 11px;border-radius:10px;background:#fff0f0;color:#b93d3d;font-size:9px;font-weight:750}
.site-update-actions{position:sticky;bottom:0;display:grid;grid-template-columns:.8fr 1.4fr;gap:8px;margin:19px -21px 0;padding:12px 21px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.94));border-top:1px solid #edf1f3}
.site-update-actions button{min-height:54px;border-radius:12px;font-size:9px;font-weight:900}
.site-update-cancel{border:1px solid #dce5e9;background:#fff;color:#586f7a}
.site-update-save{border:0;background:#173846;color:#fff}

.site-photo-preview{position:fixed;inset:0;z-index:2147483600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:58px 20px 24px;background:rgba(4,10,14,.94);opacity:0;visibility:hidden;pointer-events:none}
.site-photo-preview.open{opacity:1;visibility:visible;pointer-events:auto}
.site-photo-preview img{max-width:min(100%,1000px);max-height:calc(100dvh - 130px);object-fit:contain;border-radius:12px}
.site-photo-preview span{color:#dbe6ea;font-size:9px}
.site-photo-preview-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:24px}

.site-update-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,14px);width:min(370px,calc(100vw - 28px));min-height:48px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#173846;color:#fff;font-size:10px;font-weight:750;text-align:center;z-index:2147483647;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 14px 38px rgba(0,0,0,.22)}
.site-update-toast.show{opacity:1;transform:translate(-50%,0)}
html.site-update-open,html.site-update-open body,html.site-photo-open,html.site-photo-open body{overflow:hidden!important}

@media(max-width:899px){
  .site-updates-card{border-radius:14px;padding:13px}
  .site-updates-add{min-height:66px;grid-template-columns:44px minmax(0,1fr) 22px}
  .site-updates-add-icon{width:44px;height:44px}
  .site-updates-add b{font-size:13px}
  .site-updates-add small{font-size:9px}

  .site-update-modal{padding:0;align-items:flex-end;background:#fff}
  .site-update-sheet{width:100%;height:100dvh;max-height:none;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px 0;box-shadow:none}
  .site-update-close{top:calc(12px + env(safe-area-inset-top));right:12px;width:42px;height:42px}
  .site-update-head h2{font-size:29px}
  .site-update-note-field textarea{min-height:150px;font-size:14px}
  .site-update-photo-add{min-height:68px}
  .site-update-photo-grid{grid-template-columns:repeat(3,1fr)}
  .site-update-actions{margin:20px -14px 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:#fff}
  .site-update-actions button{min-height:58px;font-size:10px}
}

@media(min-width:900px){.site-update-toast{bottom:28px}}

html[data-theme="dark"] .site-updates-card{background:#131f27;border-color:#30434d}
html[data-theme="dark"] .site-updates-head h2{color:#f3f8fa}
html[data-theme="dark"] .site-updates-head p{color:#91a6b0}
html[data-theme="dark"] .site-updates-count{background:#21313a;color:#c6d2d8}
html[data-theme="dark"] .site-updates-empty{background:#17242c;border-color:#344953}
html[data-theme="dark"] .site-updates-empty-icon{background:#22343e;color:#c4d1d7}
html[data-theme="dark"] .site-updates-empty b{color:#eef5f8}
html[data-theme="dark"] .site-update-item{background:#17242c;border-color:#304550}
html[data-theme="dark"] .site-update-item-top strong,html[data-theme="dark"] .site-update-item p{color:#e3edf1}
html[data-theme="dark"] .site-update-modal{background:rgba(4,10,14,.78)}
html[data-theme="dark"] .site-update-sheet{background:#131f27;color:#f1f6f8}
html[data-theme="dark"] .site-update-close{background:#21313a;color:#c9d6dc}
html[data-theme="dark"] .site-update-head p{color:#91a6b0}
html[data-theme="dark"] .site-update-note-field>span,html[data-theme="dark"] .site-update-photos-head>span{color:#cbd8dd}
html[data-theme="dark"] .site-update-note-field textarea{background:#17242c;border-color:#304550;color:#eef5f8}
html[data-theme="dark"] .site-update-photo-add{background:#17242c;border-color:#304550;color:#eef5f8}
html[data-theme="dark"] .site-update-photo-add-icon{background:#22343e;color:#d0dde2}
html[data-theme="dark"] .site-update-actions{background:linear-gradient(to top,#131f27 78%,rgba(19,31,39,.94));border-top-color:#293b45}
html[data-theme="dark"] .site-update-cancel{background:#1c2a33;border-color:#344953;color:#dce7ec}
html[data-theme="dark"] .site-update-save{background:#ff5a00}


/* =========================================================
   FOUNDATION V1.20 — STEP 7 / CHECK FINISH
   ========================================================= */
.field-plan-time.finished .plan-actual-time{color:#337c5a}
.checkout.state-completed{background:#e9f7ef!important;color:#167548!important;border:1px solid #bde0cc!important;box-shadow:none!important;cursor:default!important}
.checkout.state-completed .checkout-icon{border-color:#97c9ae!important}
.checkout.state-completed .checkout-copy small{color:#56806a!important}
.completed-day-card{border:1px solid #bfe2ce;border-radius:16px;padding:14px;background:#f1faf5}
.completed-day-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}
.completed-day-check{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#d9f2e4;color:#118051;font-size:18px;font-weight:900}
.completed-day-head small,.completed-day-head b{display:block}.completed-day-head small{color:#58816b;font-size:8px;font-weight:900;letter-spacing:.08em}.completed-day-head b{margin-top:2px;color:#173846;font-size:12px}
.completed-day-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.completed-day-grid>div{min-height:62px;padding:9px;border-radius:11px;background:#fff;border:1px solid #dbece2}.completed-day-grid small,.completed-day-grid strong{display:block}.completed-day-grid small{color:#7c9386;font-size:7px;font-weight:900;letter-spacing:.06em}.completed-day-grid strong{margin-top:4px;color:#173846;font-size:10px;line-height:1.35}
.completed-day-status{min-height:44px;margin-top:8px;padding:8px 10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#173846;color:#fff}.completed-day-status span{font-size:9px;font-weight:850}.completed-day-status small{color:#bdd0d8;font-size:8px}
.check-finish-modal{position:fixed;inset:0;z-index:2147483300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,20,28,.62);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.check-finish-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.check-finish-sheet{position:relative;width:min(570px,calc(100vw - 36px));max-height:92dvh;overflow:auto;border-radius:20px;padding:23px 21px 0;background:#fff;color:#17313e;box-shadow:0 30px 90px rgba(8,20,28,.3)}
.check-finish-close{position:absolute;top:13px;right:13px;width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:#eef3f5;color:#607783;font-size:21px}.check-finish-head{padding-right:48px}.check-finish-head small{color:#0b8b59;font-size:9px;font-weight:900;letter-spacing:.08em}.check-finish-head h2{margin:4px 0 5px;font-size:27px;line-height:1.05;letter-spacing:-.045em}.check-finish-head p{margin:0;color:#7a8d96;font-size:10px}
.check-finish-planned{min-height:62px;margin-top:18px;padding:10px 12px;border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:#f6f9fa;border:1px solid #e1e8eb}.check-finish-planned span{color:#7b8f99;font-size:8px;font-weight:900}.check-finish-planned strong{font-size:15px;text-align:center}.check-finish-planned small{color:#8b9ba3;font-size:8px}
.check-finish-time-grid{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center;margin-top:10px}.check-finish-time{min-height:96px;padding:12px;border:1px solid #dce5e9;border-radius:13px;display:flex;flex-direction:column;justify-content:center;background:#f9fbfb}.check-finish-time.actual{background:#edf9f2;border-color:#b8dfc9}.check-finish-time small,.check-finish-time strong{display:block}.check-finish-time small{color:#83959f;font-size:8px;font-weight:850}.check-finish-time strong{margin-top:4px;font-size:26px;letter-spacing:-.04em}.check-finish-time.actual strong{color:#0b8757}.check-finish-time-arrow{text-align:center;color:#8ba0aa;font-size:18px;font-weight:900}
.check-finish-worked-card{margin-top:11px;padding:12px;border-radius:13px;background:#173846;color:#fff}.check-finish-calc-row{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.check-finish-calc-row span{color:#bdd0d8;font-size:9px}.check-finish-calc-row strong{font-size:10px}.check-finish-worked-total{min-height:54px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:8px}.check-finish-worked-total span{color:#8fd5b4;font-size:8px;font-weight:900;letter-spacing:.08em}.check-finish-worked-total strong{color:#fff;font-size:24px;letter-spacing:-.04em}
.check-finish-review-card{margin-top:11px;border:1px solid #e0e8eb;border-radius:13px;overflow:hidden}.check-finish-review-row{min-height:65px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafcfc;border-top:1px solid #e7edef}.check-finish-review-row:first-child{border-top:0}.check-finish-review-row small,.check-finish-review-row b{display:block}.check-finish-review-row small{color:#81949d;font-size:7.5px;font-weight:900;letter-spacing:.06em}.check-finish-review-row b{margin-top:3px;font-size:10px}.check-finish-review-row>strong{color:#4d6671;font-size:9px;text-align:right}.finish-last-update-btn{min-height:36px;padding:0 10px;border:1px solid #d5e1e5;border-radius:9px;background:#fff;color:#375764;font-size:8px;font-weight:850}
.check-finish-validation{min-height:58px;margin-top:11px;padding:9px 10px;border:1px solid #c7e5d5;border-radius:12px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;background:#f1faf5}.check-finish-validation.invalid{background:#fff1f1;border-color:#ecc8c8}.check-finish-validation-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d8f2e4;color:#0c8353;font-size:13px;font-weight:900}.check-finish-validation.invalid .check-finish-validation-icon{background:#f8dddd;color:#be3e3e}.check-finish-validation b,.check-finish-validation small{display:block}.check-finish-validation b{font-size:10px}.check-finish-validation small{margin-top:2px;color:#71878f;font-size:8px;line-height:1.4}
.check-finish-lock-note{margin-top:11px;padding:11px;border-radius:11px;background:#fff8ed;color:#7f5c2e}.check-finish-lock-note b,.check-finish-lock-note small{display:block}.check-finish-lock-note b{font-size:10px}.check-finish-lock-note small{margin-top:3px;font-size:8px;line-height:1.4}
.check-finish-actions{position:sticky;bottom:0;display:grid;grid-template-columns:.8fr 1.4fr;gap:8px;margin:18px -21px 0;padding:12px 21px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 78%,rgba(255,255,255,.94));border-top:1px solid #edf1f3}.check-finish-actions button{min-height:54px;border-radius:12px;font-size:9px;font-weight:900}.check-finish-cancel{border:1px solid #dce5e9;background:#fff;color:#586f7a}.check-finish-confirm{border:0;background:#0d9560;color:#fff;box-shadow:0 9px 22px rgba(13,149,96,.18)}.check-finish-confirm:disabled{opacity:.45;box-shadow:none}
.finish-preview-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,14px);width:min(390px,calc(100vw - 28px));min-height:48px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0d8b59;color:#fff;font-size:10px;font-weight:750;text-align:center;z-index:2147483647;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 14px 38px rgba(0,0,0,.22)}.finish-preview-toast.show{opacity:1;transform:translate(-50%,0)}html.check-finish-open,html.check-finish-open body{overflow:hidden!important}
@media(max-width:899px){.completed-day-grid{grid-template-columns:repeat(2,1fr)}.completed-day-status{align-items:flex-start;flex-direction:column;gap:2px}.check-finish-modal{padding:0;align-items:flex-end;background:#fff}.check-finish-sheet{width:100%;height:100dvh;max-height:none;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px 0;box-shadow:none}.check-finish-close{top:calc(12px + env(safe-area-inset-top));right:12px;width:42px;height:42px}.check-finish-head h2{font-size:29px}.check-finish-time{min-height:104px}.check-finish-time strong{font-size:28px}.check-finish-review-row{align-items:flex-start;flex-direction:column}.check-finish-review-row>strong{text-align:left}.finish-last-update-btn{min-height:42px}.check-finish-actions{margin:20px -14px 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:#fff}.check-finish-actions button{min-height:58px;font-size:10px}}
@media(min-width:900px){.finish-preview-toast{bottom:28px}}
html[data-theme="dark"] .checkout.state-completed{background:#153a2b!important;border-color:#2e7256!important;color:#86dfb3!important}html[data-theme="dark"] .checkout.state-completed .checkout-copy small{color:#9bcdb5!important}html[data-theme="dark"] .completed-day-card{background:#142a21;border-color:#2e624b}html[data-theme="dark"] .completed-day-head b,html[data-theme="dark"] .completed-day-grid strong{color:#eef6f2}html[data-theme="dark"] .completed-day-grid>div{background:#17242c;border-color:#2d444e}html[data-theme="dark"] .completed-day-status{background:#0d171d}html[data-theme="dark"] .check-finish-modal{background:rgba(4,10,14,.78)}html[data-theme="dark"] .check-finish-sheet{background:#131f27;color:#f1f6f8}html[data-theme="dark"] .check-finish-close{background:#21313a;color:#c9d6dc}html[data-theme="dark"] .check-finish-head p,html[data-theme="dark"] .check-finish-planned small{color:#91a6b0}html[data-theme="dark"] .check-finish-planned,html[data-theme="dark"] .check-finish-time,html[data-theme="dark"] .check-finish-review-row{background:#17242c;border-color:#304550}html[data-theme="dark"] .check-finish-time.actual{background:#163a2c;border-color:#2d7658}html[data-theme="dark"] .check-finish-time.actual strong{color:#84deb2}html[data-theme="dark"] .check-finish-review-card{border-color:#304550}html[data-theme="dark"] .finish-last-update-btn{background:#1c2b34;border-color:#38505b;color:#d7e4e9}html[data-theme="dark"] .check-finish-validation{background:#142820;border-color:#28533f}html[data-theme="dark"] .check-finish-validation.invalid{background:#332024;border-color:#63343b}html[data-theme="dark"] .check-finish-validation small{color:#9db0b9}html[data-theme="dark"] .check-finish-lock-note{background:#32291d;color:#dbbb88}html[data-theme="dark"] .check-finish-actions{background:linear-gradient(to top,#131f27 78%,rgba(19,31,39,.94));border-top-color:#293b45}html[data-theme="dark"] .check-finish-cancel{background:#1c2a33;border-color:#344953;color:#dce7ec}


/* =========================================================
   FOUNDATION V1.24 — FORM CREW REAL WRITE
   ========================================================= */
.crew-save-error{
  margin:10px 18px 0;
  padding:10px 11px;
  border:1px solid #efc5c8;
  border-radius:10px;
  background:#fff0f1;
  color:#b13640;
  font-size:9px;
  font-weight:800;
  line-height:1.4;
}
.crew-builder-save:disabled,
.crew-builder-cancel:disabled,
.crew-builder-close:disabled{
  opacity:.55;
  cursor:wait;
}
html[data-theme="dark"] .crew-save-error{
  background:#351f23;
  border-color:#66343b;
  color:#ffabb1;
}