/*
 * FacilityOps HQ mission-control workspace theme.
 * Visual-only layer: existing tenant-authorized data and actions remain unchanged.
 */
:root{
  --mc-bg:#040f18;
  --mc-surface:#071923;
  --mc-surface-2:#0a202c;
  --mc-surface-3:#0d2734;
  --mc-line:#1d3a47;
  --mc-line-soft:#15303c;
  --mc-text:#f4f8f8;
  --mc-muted:#91a8b2;
  --mc-green:#16c784;
  --mc-green-soft:#0f513f;
  --mc-blue:#45a7ff;
  --mc-amber:#f3a82f;
  --mc-red:#ff5b66;
  --mc-purple:#ad79ff;
}
body:has(.app){
  background:
    radial-gradient(900px 520px at 65% 4%,rgba(17,112,101,.22),transparent 60%),
    radial-gradient(760px 540px at 20% 80%,rgba(27,81,112,.18),transparent 68%),
    linear-gradient(145deg,#020b12,#061621 50%,#05131c);
}
.app .sidebar{
  width:232px;
  padding:18px 13px;
  background:linear-gradient(180deg,rgba(3,15,24,.99),rgba(5,22,32,.98));
  border-right:1px solid var(--mc-line);
  box-shadow:14px 0 40px rgba(0,0,0,.18);
}
.app .logo{letter-spacing:-.035em}
.app .company{
  background:linear-gradient(145deg,#0a2431,#0d3040);
  border-color:#255268;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.22);
}
.app .main{margin-left:232px}
.app .top{
  height:72px;
  background:rgba(3,15,24,.92);
  border-bottom:1px solid var(--mc-line);
}
.app .search{
  background:#091e2a;
  border-color:#294958;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.app .content{max-width:1700px;padding:24px 26px 46px}
.app #view{display:grid;gap:18px}
.app .section-title{
  align-items:center;
  margin:0;
  padding:4px 2px 0;
}
.app .section-title h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em}
.app .section-title p{color:var(--mc-muted);font-size:13px}
.app .hero{
  border:1px solid #1f554e;
  background:
    radial-gradient(circle at 82% 8%,rgba(19,198,139,.32),transparent 32%),
    linear-gradient(125deg,#061823,#0a2c37 60%,#0c4a43);
}
.app .card,
.app .record-card,
.app .command-center .cc-card,
.app .command-center .cc-stat{
  background:linear-gradient(145deg,rgba(10,31,42,.98),rgba(6,22,31,.99)) !important;
  color:var(--mc-text) !important;
  border:1px solid var(--mc-line) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025) !important;
}
.app .card h1,.app .card h2,.app .card h3,.app .card h4,
.app .card b,.app .card strong,.app .record-card h3,
.app .command-center .cc-card h2,.app .command-center .cc-card h3,
.app .command-center .cc-card b,.app .command-center .cc-card strong,
.app .command-center .cc-stat strong{color:var(--mc-text)!important}
.app .card p,.app .card small,.app .card span,
.app .record-card p,.app .record-card small,
.app .command-center .cc-card p,.app .command-center .cc-card small,
.app .command-center .cc-stat small,.app .command-center .cc-stat span{color:var(--mc-muted)}
.app .stats{gap:12px}
.app .stat{position:relative;overflow:hidden;min-height:116px}
.app .stat:after{
  content:"";
  position:absolute;
  right:-14px;bottom:-34px;
  width:115px;height:74px;
  border-top:2px solid rgba(22,199,132,.42);
  border-radius:50%;
  transform:rotate(-9deg);
  box-shadow:0 -10px 28px rgba(22,199,132,.08);
}
.app .stat strong{font-size:28px;color:#fff}
.app .workspace-card{border-radius:15px}
.app .workspace-toolbar{
  background:linear-gradient(135deg,#0c2834,#081e29);
  border-bottom:1px solid var(--mc-line);
}
.app .workspace-toolbar input,.app .workspace-toolbar select,
.app .field input,.app .field select,.app .field textarea{
  background:#061822;
  border-color:#284653;
  color:var(--mc-text);
  color-scheme:dark;
}
.app .workspace-toolbar input::placeholder,
.app .field input::placeholder,.app .field textarea::placeholder{color:#6f8995}
.app .workspace-filter-note{color:var(--mc-muted)}
.app .table th,.app .table td{border-color:var(--mc-line-soft)}
.app .table th{color:#78929d;background:rgba(2,12,18,.28)}
.app .table tbody tr{transition:background .15s ease,transform .15s ease}
.app .table tbody tr:hover{background:rgba(22,199,132,.055)}
.app .listrow{border-color:var(--mc-line-soft)}
.app .btn{
  border-color:#2a4855;
  background:#0b2632;
  color:#e9f2f3;
  box-shadow:none;
}
.app .btn:hover{border-color:#3b6c78;background:#0d303d;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.app .btn.primary{background:linear-gradient(135deg,#17c988,#0e9d70);border-color:#27d99a;color:#fff}
.app .btn.ghost{background:rgba(4,18,27,.35);border-color:rgba(255,255,255,.3);color:#fff}
.app .pill{border-color:rgba(255,255,255,.14)}
.app .pill.info{background:#102e45;color:#8dccff}.app .pill.good{background:#0d392f;color:#79e6bd}
.app .pill.warn{background:#432f12;color:#ffd17d}.app .pill.bad{background:#401923;color:#ff9da5}
.app .empty{color:var(--mc-muted)}
.app .compact-stats{margin-bottom:0}
.app .record-actions{justify-content:flex-end}
.app .modalbox,.app~.modal .modalbox{
  background:linear-gradient(145deg,#0b2531,#071923);
  color:var(--mc-text);
  border:1px solid var(--mc-line);
}
.app .close{background:#17323d;color:#fff}
.app .profile-menu{
  background:#0a202c;
  color:var(--mc-text);
  border-color:var(--mc-line);
}
.app .profile-head{border-color:var(--mc-line)}
.app .profile-menu .menu-btn{color:var(--mc-text)}
.app .profile-menu .menu-btn:hover{background:#10313e}
.app .settings-card{max-width:none}
.app .setting-row{border-color:var(--mc-line)}
.app .donut-chart>div{background:#071923;color:#fff}
.app .donut-legend-row{
  background:#091f2a;
  border-color:var(--mc-line);
  color:var(--mc-text);
}
.app .command-center{gap:14px!important}
.app .command-center .cc-hero{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-color:#246d62!important;
  background:
    radial-gradient(circle at 78% 12%,rgba(23,206,151,.38),transparent 30%),
    linear-gradient(120deg,#03121c,#092b36 61%,#0b5148)!important;
}
.app .command-center .cc-kpis{gap:10px}
.app .command-center .cc-stat{min-height:126px;padding:16px}
.app .command-center .cc-stat .cc-icon{background:#103b35;color:#69e5bd}
.app .command-center .cc-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr)}
.app .command-center .cc-bars{
  border-color:var(--mc-line);
  background:repeating-linear-gradient(to top,transparent 0,transparent 48px,var(--mc-line-soft) 49px)
}
.app .command-center .cc-label,.app .command-center .cc-key{color:var(--mc-muted)}
.app .command-center .cc-operation,.app .command-center .cc-day{
  background:#091f2a;
  border-color:var(--mc-line);
}
.app .command-center .cc-shift{background:#0d382f;border-color:#1b6452;color:#dffaf0}
.app .command-center .cc-attention-row{border-color:var(--mc-line-soft);background:transparent}
.app .command-center .cc-severity{background:#413015;color:#ffd17d}
.app .command-center .cc-severity.high,.app .command-center .cc-severity.critical{background:#431923;color:#ff9da5}
.app .command-center .forecast-disclosure{color:#93abb4!important}
@media(min-width:1180px){
  .app .content{padding-left:30px;padding-right:30px}
  .app .workspace-card .table td{padding-top:14px;padding-bottom:14px}
}
@media(max-width:1050px){
  .app .sidebar{width:76px;padding:16px 8px}
  .app .sidebar .company,.app .sidebar .section,.app .sidebar .nav .nav-label{display:none}
  .app .main{margin-left:76px}
  .app .command-center .cc-main-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .app .main{margin-left:0;padding-bottom:72px}
  .app .sidebar{
    inset:auto 0 0 0;width:auto;height:66px;padding:7px 8px;
    display:flex;gap:5px;overflow-x:auto;border-right:0;border-top:1px solid var(--mc-line);
  }
  .app .sidebar .logo,.app .sidebar .company,.app .sidebar .section{display:none}
  .app .sidebar .nav{flex:0 0 54px;display:grid;place-items:center;padding:8px 4px;margin:0;font-size:16px}
  .app .sidebar .nav .nav-label{display:none}
  .app .top{height:62px;padding:0 12px}
  .app .content{padding:14px 12px 28px}
  .app .section-title{align-items:flex-start;flex-direction:column}
  .app .record-actions{width:100%;justify-content:stretch}
  .app .record-actions .btn{flex:1}
  .app .command-center .cc-hero{min-height:auto}
}
@media(prefers-reduced-motion:reduce){
  .app *{scroll-behavior:auto!important;transition:none!important}
}

/* Owner FacilityOps display system: bright operational canvas with navy/emerald shell. */
body[data-display-theme="facilityops"]{--owner-canvas:#f3f8fb;--owner-card:#fff;--owner-ink:#102433;--owner-muted:#657985;--owner-line:#d8e5ea;background:linear-gradient(145deg,#eef6fa,#f8fbfd 52%,#edf7f4);color:var(--owner-ink)}
body[data-display-theme="facilityops"]:before{opacity:.18}
body[data-display-theme="facilityops"] .app .main{background:linear-gradient(145deg,rgba(239,247,251,.98),rgba(249,252,253,.99) 58%,rgba(238,248,245,.98))}
body[data-display-theme="facilityops"] .app .top{background:rgba(5,27,43,.97);border-bottom-color:#173d50}
body[data-display-theme="facilityops"] .app .section-title h2{color:#102433}
body[data-display-theme="facilityops"] .app .section-title p{color:var(--owner-muted)}
body[data-display-theme="facilityops"] .app .card,
body[data-display-theme="facilityops"] .app .record-card,
body[data-display-theme="facilityops"] .app .command-center .cc-card,
body[data-display-theme="facilityops"] .app .command-center .cc-stat{background:linear-gradient(145deg,#fff,#f8fbfc)!important;color:var(--owner-ink)!important;border:1px solid var(--owner-line)!important;box-shadow:0 10px 28px rgba(20,55,72,.10)!important}
body[data-display-theme="facilityops"] .app .card h1,body[data-display-theme="facilityops"] .app .card h2,body[data-display-theme="facilityops"] .app .card h3,body[data-display-theme="facilityops"] .app .card h4,body[data-display-theme="facilityops"] .app .card b,body[data-display-theme="facilityops"] .app .card strong,body[data-display-theme="facilityops"] .app .record-card h3,body[data-display-theme="facilityops"] .app .command-center .cc-card h2,body[data-display-theme="facilityops"] .app .command-center .cc-card h3,body[data-display-theme="facilityops"] .app .command-center .cc-card b,body[data-display-theme="facilityops"] .app .command-center .cc-card strong,body[data-display-theme="facilityops"] .app .command-center .cc-stat strong{color:var(--owner-ink)!important}
body[data-display-theme="facilityops"] .app .card p,body[data-display-theme="facilityops"] .app .card small,body[data-display-theme="facilityops"] .app .card span,body[data-display-theme="facilityops"] .app .record-card p,body[data-display-theme="facilityops"] .app .record-card small,body[data-display-theme="facilityops"] .app .command-center .cc-card p,body[data-display-theme="facilityops"] .app .command-center .cc-card small,body[data-display-theme="facilityops"] .app .command-center .cc-stat small,body[data-display-theme="facilityops"] .app .command-center .cc-stat span{color:var(--owner-muted)}
body[data-display-theme="facilityops"] .app .workspace-toolbar{background:linear-gradient(135deg,#f6fbfd,#edf6f8);border-color:var(--owner-line)}
body[data-display-theme="facilityops"] .app .workspace-toolbar input,body[data-display-theme="facilityops"] .app .workspace-toolbar select,body[data-display-theme="facilityops"] .app .field input,body[data-display-theme="facilityops"] .app .field select,body[data-display-theme="facilityops"] .app .field textarea,body[data-display-theme="facilityops"] .app .settings-grid select{background:#fff;border-color:#cbdde4;color:var(--owner-ink);color-scheme:light}
body[data-display-theme="facilityops"] .app .table th,body[data-display-theme="facilityops"] .app .table td,body[data-display-theme="facilityops"] .app .listrow,body[data-display-theme="facilityops"] .app .setting-row{border-color:var(--owner-line)}
body[data-display-theme="facilityops"] .app .table th{color:#607784;background:#f4f9fb}
body[data-display-theme="facilityops"] .app .table tbody tr:hover{background:#edf9f5}
body[data-display-theme="facilityops"] .app .btn{background:#fff;border-color:#c8d9df;color:#173344}
body[data-display-theme="facilityops"] .app .btn:hover{background:#f4fafb;border-color:#9fbac5;box-shadow:0 7px 18px rgba(18,53,70,.10)}
body[data-display-theme="facilityops"] .app .btn.primary{background:linear-gradient(135deg,#12b981,#0c9569);border-color:#0da875;color:#fff}
body[data-display-theme="facilityops"] .app .donut-chart>div,body[data-display-theme="facilityops"] .app .donut-legend-row{background:#fff;color:var(--owner-ink);border-color:var(--owner-line)}
body[data-display-theme="facilityops"] .app .command-center .cc-bars{border-color:var(--owner-line);background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#e3edf1 49px)}
body[data-display-theme="facilityops"] .app .command-center .cc-operation,body[data-display-theme="facilityops"] .app .command-center .cc-day{background:#f7fbfc;border-color:var(--owner-line)}
body[data-display-theme="facilityops"] .app .command-center .cc-attention-row{border-color:var(--owner-line)}
body[data-display-theme="facilityops"].op-density-compact .app .content{padding-top:18px}
body[data-display-theme="facilityops"].op-density-compact .app .card{padding:14px}
body[data-display-theme="facilityops"].op-density-compact .app .table th,body[data-display-theme="facilityops"].op-density-compact .app .table td{padding-top:9px;padding-bottom:9px}
body.op-reduced-motion .app *,body.op-reduced-motion .app *:before,body.op-reduced-motion .app *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}


/* Approved FacilityOps bright operations composition */
body[data-display-theme="facilityops"] .app .top{
  background:rgba(248,252,255,.96);
  color:#0b1f3a;
  border-bottom:1px solid #dce8ef;
  box-shadow:0 5px 18px rgba(16,47,70,.06);
  backdrop-filter:blur(16px);
}
body[data-display-theme="facilityops"] .app .top .search,
body[data-display-theme="facilityops"] .app .top input{
  background:#f3f8fb;
  color:#102a43;
  border-color:#d7e4eb;
}
body[data-display-theme="facilityops"] .app .top .search svg,
body[data-display-theme="facilityops"] .app .top .top-actions{color:#153652}
body[data-display-theme="facilityops"] .app .sidebar{
  background:linear-gradient(180deg,#06253b 0%,#063047 54%,#05243a 100%);
  border-right:1px solid rgba(80,215,163,.16);
}
body[data-display-theme="facilityops"] .app .nav-item.active{
  background:linear-gradient(90deg,rgba(0,151,103,.86),rgba(4,127,91,.55));
  border-color:rgba(85,235,179,.62);
  box-shadow:inset 3px 0 #39e2a2,0 8px 22px rgba(0,117,83,.22);
}
body[data-display-theme="facilityops"] .app .nav-item svg,
body[data-display-theme="facilityops"] .app .nav-item .icon{color:#29d79b;filter:drop-shadow(0 0 6px rgba(41,215,155,.2))}
body[data-display-theme="facilityops"] .app .nav-item.active svg,
body[data-display-theme="facilityops"] .app .nav-item.active .icon{color:#70f2c1;filter:drop-shadow(0 0 7px rgba(112,242,193,.52))}

.approved-command-center{display:grid;gap:14px;max-width:1680px;margin:0 auto}
.approved-command-center .cc-card{border-radius:12px;padding:16px;border:1px solid var(--owner-border,#d9e6ed);box-shadow:0 8px 24px rgba(16,47,70,.055)}
.approved-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:2px 4px 0}
.approved-overview h1{margin:0;color:var(--owner-ink,#0b1f3a);font-size:clamp(27px,2.1vw,38px);line-height:1.08;letter-spacing:-.035em}
.approved-overview p{margin:5px 0 0;color:var(--owner-muted,#62788a);font-size:15px}
.approved-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.approved-quick-actions>span{width:100%;font-size:12px;font-weight:800;color:var(--owner-ink,#0b1f3a)}
.approved-quick-actions .btn{min-height:38px;border-radius:8px;padding:0 13px}
.approved-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.approved-metric{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 10px;align-items:start;gap:9px;min-width:0;padding:14px 10px;border:1px solid var(--owner-border,#d9e6ed);border-radius:10px;background:var(--owner-card,#fff);color:var(--owner-ink,#0b1f3a);text-align:left;box-shadow:0 7px 20px rgba(16,47,70,.05);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.approved-metric:hover{transform:translateY(-2px);border-color:#9ccfbd;box-shadow:0 11px 25px rgba(10,93,72,.12)}
.approved-metric:focus-visible{outline:3px solid rgba(20,122,218,.3);outline-offset:2px}
.approved-metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(145deg,#0da779,#047553);color:#fff;font-size:19px;font-weight:900;box-shadow:0 7px 14px rgba(0,139,95,.18)}
.approved-metric.tone-blue .approved-metric-icon{background:linear-gradient(145deg,#2389e7,#075eb5);box-shadow:0 7px 14px rgba(24,113,202,.18)}
.approved-metric-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.approved-metric-copy small{font-size:11px;color:var(--owner-muted,#607789);white-space:normal;line-height:1.2}
.approved-metric-copy strong{font-size:18px;line-height:1.2;color:var(--owner-ink,#0b1f3a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approved-metric-copy span{font-size:10px;color:var(--owner-muted,#6b8190);white-space:normal;line-height:1.25}
.approved-arrow{align-self:center;color:#365a72;font-size:23px}
.approved-dashboard-grid{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(290px,1fr);gap:12px;align-items:start}
.approved-dashboard-main{display:grid;gap:12px;min-width:0}
.approved-flow-card{padding:14px!important}
.approved-command-center .cc-title-row{gap:14px}
.approved-command-center .cc-title-row h3{font-size:17px;color:var(--owner-ink,#0b1f3a)}
.approved-command-center .cc-title-row p{font-size:11px;color:var(--owner-muted,#647b8c);margin-top:2px}
.approved-text-link{border:0;background:transparent;color:#087a59;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.approved-text-link:hover{text-decoration:underline}
.approved-text-link:focus-visible{outline:3px solid rgba(20,122,218,.3);outline-offset:3px;border-radius:4px}
.approved-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:12px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#e6faf3,#eef9ff 72%,#f4f7fa)}
.approved-flow-step{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 12px;align-items:center;gap:10px;min-height:94px;padding:13px 12px;border:0;border-right:2px solid white;background:transparent;color:var(--owner-ink,#0b1f3a);text-align:left;cursor:pointer}
.approved-flow-step:last-child{border-right:0}
.approved-flow-step:hover{background:rgba(0,151,103,.08)}
.approved-flow-step:focus-visible{outline:3px solid rgba(20,122,218,.35);outline-offset:-3px}
.approved-flow-step>span:nth-child(2){display:flex;min-width:0;flex-direction:column}
.approved-flow-step small{font-size:11px;font-weight:800;white-space:normal}
.approved-flow-step strong{font-size:24px;line-height:1.1}
.approved-flow-step em{margin-top:5px;color:#087a59;font-size:10px;font-style:normal}
.approved-flow-step>b{font-size:24px;color:#138260}
.approved-flow-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#13ae7d,#047553);box-shadow:0 7px 13px rgba(0,132,90,.18)}
.approved-flow-icon:after{color:white;font-size:20px;font-weight:900}
.approved-flow-icon.calendar:after{content:"▣"}.approved-flow-icon.person:after{content:"●"}.approved-flow-icon.check:after{content:"✓"}.approved-flow-icon.alert:after{content:"!"}
.approved-flow-step.red .approved-flow-icon{background:linear-gradient(145deg,#f13b45,#bd1420)}
.approved-flow-step.red em,.approved-flow-step.red>b{color:#c5222d}
.approved-detail-grid{display:grid;grid-template-columns:1.05fr 1.08fr .78fr;gap:12px;min-width:0}
.approved-financial,.approved-work-orders,.approved-field-coverage{min-height:328px;min-width:0}
.approved-financial .cc-bars{height:205px;margin-top:10px}
.approved-financial .cc-column{height:148px}
.approved-financial .cc-amount{font-size:9px}
.approved-table{display:grid;margin-top:12px;overflow:hidden;border:1px solid #e4edf2;border-radius:8px}
.approved-table-head,.approved-table-row{display:grid;grid-template-columns:1.25fr 1fr .62fr .7fr;gap:8px;align-items:center;padding:9px 10px}
.approved-table-head{background:#f3f8fb;color:#607789;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.approved-table-row{border:0;border-top:1px solid #e8eff3;background:#fff;color:#18344c;text-align:left;font-size:10px;cursor:pointer}
.approved-table-row:hover{background:#f1fbf7}
.approved-table-row:focus-visible{outline:3px solid rgba(20,122,218,.3);outline-offset:-3px}
.approved-table-row>span:first-child{display:flex;min-width:0;flex-direction:column}
.approved-table-row b{font-size:10px}.approved-table-row small{color:#728695;font-size:9px}
.approved-table-row>span:last-child{display:flex;justify-content:space-between;align-items:center}
.approved-priority{display:inline-flex;padding:3px 6px;border-radius:999px;background:#eaf7f1;color:#087a59;font-size:9px;font-style:normal;font-weight:800;text-transform:capitalize}
.approved-priority.high,.approved-priority.urgent{background:#ffe6e8;color:#bd1420}.approved-priority.medium{background:#fff0cc;color:#9a6400}
.approved-coverage{display:grid;gap:11px;margin-top:11px}
.approved-day-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce7ed;border-radius:7px;overflow:hidden}
.approved-day-tabs span{padding:7px 5px;text-align:center;font-size:9px;font-weight:800;color:#567083}
.approved-day-tabs .active{background:#07845f;color:#fff}
.approved-coverage-list{display:grid;gap:8px;padding:9px;border-radius:9px;background:linear-gradient(145deg,#eef8f5,#eaf4fb)}
.approved-coverage-list button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;border:1px solid rgba(116,164,180,.26);border-radius:8px;background:rgba(255,255,255,.78);color:#17344a;text-align:left;cursor:pointer}
.approved-coverage-list button:hover{border-color:#65b99c;background:#fff}
.approved-coverage-list span:nth-child(2){display:flex;min-width:0;flex-direction:column}.approved-coverage-list b{font-size:10px}.approved-coverage-list small{overflow:hidden;color:#6d8290;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.approved-coverage-list strong{color:#087a59;font-size:11px}
.approved-pin{width:12px;height:12px;border:4px solid #07966b;border-radius:50%;box-shadow:0 0 0 3px rgba(7,150,107,.12)}
.approved-needs-attention{position:sticky;top:82px;min-width:0;padding:14px!important}
.approved-needs-attention .cc-title-row h3 span{color:#e22431}
.approved-alert-count{display:grid;place-items:center;min-width:32px;height:26px;border-radius:8px;background:#ffe8ea;color:#c51624;font-size:12px;font-weight:900}
.approved-needs-attention .cc-attention{gap:10px;margin-top:12px}
.approved-needs-attention .cc-attention-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:13px 11px;border:1px solid #f1dfe1;border-radius:9px;background:#fff5f5;text-align:left}
.approved-needs-attention .cc-attention-row:nth-child(2){border-color:#f4e6c5;background:#fffbef}
.approved-needs-attention .cc-attention-row:hover{transform:translateY(-1px);border-color:#e5a8ad;box-shadow:0 7px 16px rgba(156,44,53,.08)}
.approved-needs-attention .cc-attention-copy{display:flex;min-width:0;max-width:100%;flex-direction:column;overflow:visible}
.approved-needs-attention .cc-attention-copy b,
.approved-needs-attention .cc-attention-copy small{display:block;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.approved-needs-attention .cc-attention-copy b{color:#16324a;font-size:12px;line-height:1.3}
.approved-needs-attention .cc-attention-copy small{margin-top:4px;color:#677c8b;font-size:10px;line-height:1.42}
.approved-needs-attention .cc-severity{flex:0 0 auto;white-space:nowrap}
.approved-alert-link{display:block;margin:12px 0 0 auto}
.approved-command-center .cc-footnote{margin:0 2px;color:#718390;font-size:10px}

@media(max-width:1420px){
  .approved-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .approved-detail-grid{grid-template-columns:1fr 1fr}
  .approved-field-coverage{grid-column:1/-1;min-height:0}
  .approved-coverage-list{grid-template-columns:1fr 1fr}
}
@media(max-width:1120px){
  .approved-dashboard-grid{grid-template-columns:1fr}
  .approved-needs-attention{position:static}
  .approved-flow{grid-template-columns:1fr 1fr}
  .approved-flow-step:nth-child(2){border-right:0}
}
@media(max-width:820px){
  .approved-overview{flex-direction:column}
  .approved-quick-actions{justify-content:flex-start}
  .approved-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approved-detail-grid{grid-template-columns:1fr}
  .approved-field-coverage{grid-column:auto}
}
@media(max-width:560px){
  .approved-command-center{gap:10px}
  .approved-overview h1{font-size:25px}
  .approved-quick-actions{display:grid;width:100%;grid-template-columns:1fr}
  .approved-quick-actions .btn{width:100%}
  .approved-metrics,.approved-flow{grid-template-columns:1fr}
  .approved-flow-step{border-right:0;border-bottom:2px solid #fff}
  .approved-flow-step:last-child{border-bottom:0}
  .approved-coverage-list{grid-template-columns:1fr}
  .approved-table{overflow-x:auto}
  .approved-table-head,.approved-table-row{min-width:520px}
}


/* System-wide refinement: readable, consistent owner workspaces. */
body[data-display-theme="facilityops"]{
  --owner-ink:#102a3b;
  --owner-muted:#536b79;
  --owner-subtle:#6a7f8b;
  --owner-line:#cfdee5;
  --owner-row:#f8fbfc;
  --owner-row-hover:#edf8f4;
  --owner-danger:#b4232f;
}
body[data-display-theme="facilityops"] .app .content{padding-top:28px}
body[data-display-theme="facilityops"] .app .section-title{padding:2px 4px 3px}
body[data-display-theme="facilityops"] .app .section-title h2{font-size:clamp(27px,2.25vw,36px);line-height:1.08;letter-spacing:-.035em}
body[data-display-theme="facilityops"] .app .section-title p{max-width:880px;margin-top:7px;color:var(--owner-muted);font-size:14px;line-height:1.5}
body[data-display-theme="facilityops"] .app .card p,
body[data-display-theme="facilityops"] .app .card small,
body[data-display-theme="facilityops"] .app .card span,
body[data-display-theme="facilityops"] .app .record-card p,
body[data-display-theme="facilityops"] .app .record-card small{color:var(--owner-muted)}
body[data-display-theme="facilityops"] .app .stat{min-height:108px;padding:17px 18px}
body[data-display-theme="facilityops"] .app .stat:after{opacity:.5}
body[data-display-theme="facilityops"] .app .stat small{color:#58707d!important;font-size:11px;letter-spacing:.015em}
body[data-display-theme="facilityops"] .app .stat strong{margin:5px 0 3px;font-size:27px;font-variant-numeric:tabular-nums}
body[data-display-theme="facilityops"] .app .stat span{color:#627987!important;font-size:11px}
body[data-display-theme="facilityops"] .app .workspace-card,
body[data-display-theme="facilityops"] .app .card:has(>.table-wrap){overflow:hidden;padding:0}
body[data-display-theme="facilityops"] .app .workspace-toolbar{
  gap:9px;padding:12px 14px;background:#f6fafc!important;border-color:var(--owner-line)!important
}
body[data-display-theme="facilityops"] .app .workspace-toolbar input,
body[data-display-theme="facilityops"] .app .workspace-toolbar select{
  min-height:42px;background:#fff!important;border:1px solid #bfd2dc!important;color:var(--owner-ink)!important;box-shadow:0 1px 2px rgba(16,42,59,.04)
}
body[data-display-theme="facilityops"] .app .workspace-toolbar input::placeholder{color:#718792}
body[data-display-theme="facilityops"] .app .workspace-filter-note{color:#6a7f8b}
body[data-display-theme="facilityops"] .app .table{font-size:13px}
body[data-display-theme="facilityops"] .app .table th{
  padding:12px 14px;color:#4f6876;background:#f2f7f9;font-size:10px;font-weight:850;letter-spacing:.075em
}
body[data-display-theme="facilityops"] .app .table td{
  padding:13px 14px;color:#294556;line-height:1.35;vertical-align:middle
}
body[data-display-theme="facilityops"] .app .table td b{color:#102a3b!important;font-size:13px}
body[data-display-theme="facilityops"] .app .table tbody tr{background:#fff}
body[data-display-theme="facilityops"] .app .table tbody tr:nth-child(even){background:#fbfdfe}
body[data-display-theme="facilityops"] .app .table tbody tr:hover{background:var(--owner-row-hover);box-shadow:inset 3px 0 #11a979}
body[data-display-theme="facilityops"] .app .table th:last-child,
body[data-display-theme="facilityops"] .app .table td:last-child{text-align:right;white-space:nowrap}
body[data-display-theme="facilityops"] .app .table td:last-child .btn{min-height:34px;padding:7px 10px}
body[data-display-theme="facilityops"] .app .table td:last-child .btn.danger{background:transparent;border-color:transparent;color:#8b4b52}
body[data-display-theme="facilityops"] .app .table td:last-child .btn.danger:hover{background:#fff1f2;border-color:#efc4c8;color:var(--owner-danger)}
body[data-display-theme="facilityops"] .app .record-link{color:#0d604c;font-weight:800;text-decoration:none}
body[data-display-theme="facilityops"] .app .record-link:hover{text-decoration:underline}
body[data-display-theme="facilityops"] .app .listrow{align-items:center;min-height:58px;padding:12px 4px}
body[data-display-theme="facilityops"] .app .listrow b{color:#163346!important}
body[data-display-theme="facilityops"] .app .listrow small{color:#607887!important;line-height:1.4}
body[data-display-theme="facilityops"] .app .pill{font-size:11px;font-weight:850}
body[data-display-theme="facilityops"] .app .pill.good{background:#ddf6eb;color:#087052}
body[data-display-theme="facilityops"] .app .pill.info{background:#e3f1fc;color:#165f91}
body[data-display-theme="facilityops"] .app .pill.warn{background:#fff0cb;color:#895900}
body[data-display-theme="facilityops"] .app .pill.bad{background:#ffe3e5;color:#a91f2a}
body[data-display-theme="facilityops"] .app .btn{font-weight:800}
body[data-display-theme="facilityops"] .app .btn.primary{box-shadow:0 6px 14px rgba(12,149,105,.15)}
body[data-display-theme="facilityops"] .app .btn.danger{color:var(--owner-danger)}
body[data-display-theme="facilityops"] .app .grid2>.card>h3{margin:0 0 8px;font-size:17px}

/* Time Tracking belongs to the same bright owner workspace, not a dark embedded app. */
body[data-display-theme="facilityops"] .app .tt-tabs,
body[data-display-theme="facilityops"] .app .tt-week-nav{background:#eef5f8;border-color:#c7d9e1}
body[data-display-theme="facilityops"] .app .tt-tab{color:#58717f}
body[data-display-theme="facilityops"] .app .tt-tab.active{background:#0c795c;color:#fff;box-shadow:0 5px 14px rgba(12,121,92,.16)}
body[data-display-theme="facilityops"] .app .tt-week-nav button{color:#294b5d}
body[data-display-theme="facilityops"] .app .tt-week-nav button:hover{background:#dfecef;color:#102a3b}
body[data-display-theme="facilityops"] .app .tt-week-label{color:#173648}
body[data-display-theme="facilityops"] .app .tt-people-wrap{padding:14px}
body[data-display-theme="facilityops"] .app .tt-person-card{
  min-height:82px;background:linear-gradient(145deg,#fff,#f4f9fa);border-color:#cbdde4;color:#173648;box-shadow:0 5px 14px rgba(20,55,72,.06)
}
body[data-display-theme="facilityops"] .app .tt-person-card:hover{background:#edf9f5;border-color:#74bfa5;box-shadow:0 8px 18px rgba(10,93,72,.10)}
body[data-display-theme="facilityops"] .app .tt-person-card strong{color:#173648!important}
body[data-display-theme="facilityops"] .app .tt-person-card small{color:#5d7583!important}
body[data-display-theme="facilityops"] .app .tt-reviewbar{border-color:#c9dbe3;background:rgba(248,252,253,.96);box-shadow:0 9px 24px rgba(20,55,72,.09)}
body[data-display-theme="facilityops"] .app .tt-toolbar input,
body[data-display-theme="facilityops"] .app .tt-toolbar select{background:#fff;border-color:#bfd2dc;color:#173648;color-scheme:light}
body[data-display-theme="facilityops"] .app .tt-chip{background:#fff;border-color:#c8d9df;color:#526c79}
body[data-display-theme="facilityops"] .app .tt-chip.active{background:#ddf6eb;border-color:#68bda0;color:#087052}
body[data-display-theme="facilityops"] .app .tt-review-actions{border-color:#d5e2e7}
body[data-display-theme="facilityops"] .app .tt-result-count{color:#536b79}
body[data-display-theme="facilityops"] .app .tt-day-head,
body[data-display-theme="facilityops"] .app .tt-entry{border-color:#d8e5ea}
body[data-display-theme="facilityops"] .app .tt-entry{color:#173648}
body[data-display-theme="facilityops"] .app .tt-entry:hover{background:#edf8f4}
body[data-display-theme="facilityops"] .app .tt-person small,
body[data-display-theme="facilityops"] .app .tt-place small,
body[data-display-theme="facilityops"] .app .tt-period small{color:#607987!important}
body[data-display-theme="facilityops"] .app .tt-review button{background:#fff;border-color:#c7d8df;color:#294b5d}
body[data-display-theme="facilityops"] .app .tt-review .approve{background:#e6f7f0;border-color:#7bc4aa;color:#087052}
body[data-display-theme="facilityops"] .app .tt-review .reject{background:#fff0f1;border-color:#e6b8bd;color:#a91f2a}

/* Keep dense workspaces usable at laptop widths. */
@media(max-width:1180px){
  body[data-display-theme="facilityops"] .app .table th,
  body[data-display-theme="facilityops"] .app .table td{padding-left:10px;padding-right:10px}
  body[data-display-theme="facilityops"] .app .tt-person-card{min-height:76px}
}
@media(max-width:860px){
  body[data-display-theme="facilityops"] .app .section-title h2{font-size:28px}
  body[data-display-theme="facilityops"] .app .workspace-toolbar{align-items:stretch}
  body[data-display-theme="facilityops"] .app .workspace-toolbar>*{min-width:0}
  body[data-display-theme="facilityops"] .app .tt-week-label{min-width:150px}
}


/* Dashboard-like module identity and high-legibility cascade. */
body[data-workspace="customers"]{--workspace-accent:#1677c8;--workspace-accent-rgb:22,119,200;--workspace-soft:#eaf4fd}
body[data-workspace="facilities"]{--workspace-accent:#087f79;--workspace-accent-rgb:8,127,121;--workspace-soft:#e8f7f5}
body[data-workspace="schedules"]{--workspace-accent:#5967c9;--workspace-accent-rgb:89,103,201;--workspace-soft:#eef0fd}
body[data-workspace="employees"]{--workspace-accent:#7857b2;--workspace-accent-rgb:120,87,178;--workspace-soft:#f2edfb}
body[data-workspace="time"]{--workspace-accent:#1478b8;--workspace-accent-rgb:20,120,184;--workspace-soft:#eaf5fb}
body[data-workspace="inspections"]{--workspace-accent:#0b8a63;--workspace-accent-rgb:11,138,99;--workspace-soft:#e8f7f1}
body[data-workspace="workorders"]{--workspace-accent:#c27616;--workspace-accent-rgb:194,118,22;--workspace-soft:#fff4df}
body[data-workspace="supplies"]{--workspace-accent:#087fa0;--workspace-accent-rgb:8,127,160;--workspace-soft:#e7f6fa}
body[data-workspace="invoices"]{--workspace-accent:#5167bf;--workspace-accent-rgb:81,103,191;--workspace-soft:#edf0fb}
body[data-workspace="accounting"],body[data-workspace="profit"]{--workspace-accent:#0b8a63;--workspace-accent-rgb:11,138,99;--workspace-soft:#e8f7f1}
body[data-workspace="workflow"]{--workspace-accent:#5167bf;--workspace-accent-rgb:81,103,191;--workspace-soft:#edf0fb}
body[data-workspace="insights"],body[data-workspace="assistant"],body[data-workspace="forecast"]{--workspace-accent:#7857b2;--workspace-accent-rgb:120,87,178;--workspace-soft:#f2edfb}

body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title{
  position:relative;overflow:hidden;padding:17px 19px;border:1px solid #d4e2e8;border-left:5px solid var(--workspace-accent,#0b8a63);border-radius:13px;
  background:linear-gradient(110deg,#fff 0%,var(--workspace-soft,#e8f7f1) 100%);box-shadow:0 8px 22px rgba(20,55,72,.07)
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title:after{
  content:"";position:absolute;right:-35px;bottom:-58px;width:190px;height:120px;border:1px solid rgba(var(--workspace-accent-rgb,11,138,99),.14);border-radius:50%;transform:rotate(-8deg);pointer-events:none
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title h2{color:#09283b!important}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title p{color:#405f70!important;font-weight:560}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title .actions{z-index:1}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title .btn.primary{
  background:linear-gradient(135deg,var(--workspace-accent,#0b8a63),color-mix(in srgb,var(--workspace-accent,#0b8a63) 78%,#062d3f));border-color:var(--workspace-accent,#0b8a63)
}

/* Prevent broad muted-text rules from washing out real content. */
body[data-display-theme="facilityops"] .app .card{color:#17384a!important}
body[data-display-theme="facilityops"] .app .card>h2,
body[data-display-theme="facilityops"] .app .card>h3,
body[data-display-theme="facilityops"] .app .card>h4{color:#0d2c3e!important}
body[data-display-theme="facilityops"] .app .table td{color:#294c5e!important;font-weight:550}
body[data-display-theme="facilityops"] .app .table td:first-child{color:#102f42!important}
body[data-display-theme="facilityops"] .app .table th{color:#3f6172!important}
body[data-display-theme="facilityops"] .app .listrow{color:#294c5e!important}
body[data-display-theme="facilityops"] .app .listrow>span,
body[data-display-theme="facilityops"] .app .listrow>div{color:#294c5e!important}
body[data-display-theme="facilityops"] .app .listrow small{color:#526f7e!important}
body[data-display-theme="facilityops"] .app .pill,
body[data-display-theme="facilityops"] .app .card .pill{color:#36505f!important;background:#edf2f4!important;border-color:#c5d2d8!important}
body[data-display-theme="facilityops"] .app .pill.good,
body[data-display-theme="facilityops"] .app .card .pill.good{color:#066748!important;background:#d8f4e7!important;border-color:#89cdb2!important}
body[data-display-theme="facilityops"] .app .pill.info,
body[data-display-theme="facilityops"] .app .card .pill.info{color:#125d8e!important;background:#dceefb!important;border-color:#9bc7e4!important}
body[data-display-theme="facilityops"] .app .pill.warn,
body[data-display-theme="facilityops"] .app .card .pill.warn{color:#805000!important;background:#ffedbd!important;border-color:#e8c66c!important}
body[data-display-theme="facilityops"] .app .pill.bad,
body[data-display-theme="facilityops"] .app .card .pill.bad{color:#9e1d28!important;background:#ffe0e3!important;border-color:#e9a5ac!important}
body[data-display-theme="facilityops"] .app .pill.priority-low{color:#125d8e!important;background:#dceefb!important}
body[data-display-theme="facilityops"] .app .pill.priority-medium{color:#6941a5!important;background:#eee5fa!important}
body[data-display-theme="facilityops"] .app .pill.priority-high{color:#9a5700!important;background:#ffebc1!important}
body[data-display-theme="facilityops"] .app .pill.priority-critical{color:#fff!important;background:#a61f2b!important;border-color:#a61f2b!important}

/* Give summary cards the compact visual signals used by the Command Center. */
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .stats .stat,
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .compact-stats .stat,
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi{
  border-top:4px solid var(--workspace-accent,#0b8a63)!important;background:linear-gradient(145deg,#fff,var(--workspace-soft,#eef7f5))!important
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .stats .stat:nth-child(2),
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .compact-stats .stat:nth-child(2),
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi:nth-child(2){border-top-color:#1677c8!important}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .stats .stat:nth-child(3),
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .compact-stats .stat:nth-child(3),
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi:nth-child(3){border-top-color:#0b8a63!important}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .stats .stat:nth-child(4),
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .compact-stats .stat:nth-child(4),
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi:nth-child(4){border-top-color:#c27616!important}

/* Module tables read like dashboard panels instead of pale spreadsheets. */
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .workspace-card,
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .card:has(>.table-wrap){
  border-top:3px solid rgba(var(--workspace-accent-rgb,11,138,99),.72)!important
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .workspace-toolbar{
  background:linear-gradient(100deg,var(--workspace-soft,#eef7f5),#f8fbfc)!important
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .workspace-toolbar input:focus,
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .workspace-toolbar select:focus{
  border-color:var(--workspace-accent,#0b8a63)!important;box-shadow:0 0 0 3px rgba(var(--workspace-accent-rgb,11,138,99),.14)!important
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .table tbody tr:hover{
  background:var(--workspace-soft,#edf8f4)!important;box-shadow:inset 4px 0 var(--workspace-accent,#0b8a63)
}

/* Time Tracking: color, names, totals, and review states stay unmistakably readable. */
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi small{color:#496b7b!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi strong{color:#0e3144!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-kpi em{color:#5a7482!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-person-card{
  border-left:5px solid #1677c8!important;background:linear-gradient(125deg,#fff,#eaf5fb)!important;color:#102f42!important
}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-person-card:nth-child(3n+2){border-left-color:#0b8a63!important;background:linear-gradient(125deg,#fff,#e8f7f1)!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-person-card:nth-child(3n){border-left-color:#7857b2!important;background:linear-gradient(125deg,#fff,#f2edfb)!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-person-card strong{color:#082c40!important;font-size:16px!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-person-card small{color:#3f6475!important;font-weight:750}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-person-card.overtime{border-left-color:#c27616!important;background:linear-gradient(125deg,#fff,#fff1d5)!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-day-head h3,
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-day-head b,
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-entry b,
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-duration{color:#102f42!important}
body[data-display-theme="facilityops"][data-workspace="time"] .app .tt-entry small{color:#4e6e7d!important}

/* Operational urgency deserves controlled color rather than washed-out neutrality. */
body[data-display-theme="facilityops"][data-workspace="inspections"] .app .table tr:has(.pill.bad),
body[data-display-theme="facilityops"][data-workspace="workorders"] .app .table tr:has(.priority-critical),
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .table tr:has(.pill.bad){background:#fff3f4!important}
body[data-display-theme="facilityops"][data-workspace="supplies"] .app .grid2>.card:first-child{border-top:4px solid #087fa0!important}
body[data-display-theme="facilityops"][data-workspace="supplies"] .app .grid2>.card:last-child{border-top:4px solid #c27616!important}
body[data-display-theme="facilityops"][data-workspace="accounting"] .app .card:has(.cc-bars){border-top:4px solid #0b8a63!important}

@media(max-width:700px){
  body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title{padding:15px;border-left-width:4px}
  body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .section-title:after{display:none}
}


/* Record scanning, scheduling, finance, and account-menu refinement. */
body[data-display-theme="facilityops"] .app .customer-link,
body[data-display-theme="facilityops"] .app .record-link{
  display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;color:#075e88!important;font:inherit;font-weight:850;line-height:1.3;text-align:left;cursor:pointer
}
body[data-display-theme="facilityops"] .app .customer-link:after,
body[data-display-theme="facilityops"] .app .record-link:after{content:"›";color:#4e8da9;font-size:17px;line-height:1}
body[data-display-theme="facilityops"] .app .customer-link:hover,
body[data-display-theme="facilityops"] .app .record-link:hover{color:#07496b!important;text-decoration:underline}
body[data-display-theme="facilityops"] .app .customer-link:focus-visible,
body[data-display-theme="facilityops"] .app .record-link:focus-visible{outline:3px solid #1677c833;outline-offset:3px;border-radius:4px}
body[data-display-theme="facilityops"] .app .table td small{display:inline-block;margin-top:3px;color:#526f7e!important;font-size:11px;line-height:1.35}
body[data-display-theme="facilityops"] .app .table tbody tr{position:relative}
body[data-display-theme="facilityops"] .app .table tbody tr:focus-within{background:var(--workspace-soft,#edf8f4)!important;box-shadow:inset 4px 0 var(--workspace-accent,#0b8a63)}
body[data-display-theme="facilityops"] .app .record-actions{justify-content:flex-end}
body[data-display-theme="facilityops"] .app .record-actions .btn{min-height:35px;padding:7px 11px}
body[data-display-theme="facilityops"] .app .record-actions .btn.primary{box-shadow:none}
body[data-display-theme="facilityops"] .app .record-actions .btn.primary:hover{box-shadow:0 6px 14px rgba(var(--workspace-accent-rgb,11,138,99),.14)}
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .table td:nth-child(2),
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .table td:nth-child(3),
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .table td:nth-child(4),
body[data-display-theme="facilityops"][data-workspace="accounting"] .app .table td:last-child{font-variant-numeric:tabular-nums;font-weight:750}
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .table tbody tr:has(.pill.bad) td:nth-child(4){color:#a91f2a!important}
body[data-display-theme="facilityops"][data-workspace="customers"] .app .table td:first-child,
body[data-display-theme="facilityops"][data-workspace="facilities"] .app .table td:first-child{min-width:190px}

/* Schedule board: distinguish people and states without turning the week into a rainbow. */
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-board{gap:9px}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-day{
  background:#f5f8fb!important;border:1px solid #d7e2e9!important;border-radius:12px;padding:9px!important
}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-day h4{
  margin:0 0 8px;padding:4px 3px 9px;border-bottom:2px solid #5967c933;color:#27365d!important;font-size:12px
}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift{
  border:1px solid #7fcab1!important;border-left:5px solid #0b8a63!important;background:linear-gradient(145deg,#e4f7ef,#f6fcf9)!important;color:#123c34!important;box-shadow:0 5px 12px rgba(11,138,99,.08)!important
}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift:nth-of-type(3n+2){
  border-color:#9cc7e5!important;border-left-color:#1677c8!important;background:linear-gradient(145deg,#e8f4fd,#f7fbfe)!important;color:#173d58!important
}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift:nth-of-type(3n){
  border-color:#c6b5e2!important;border-left-color:#7857b2!important;background:linear-gradient(145deg,#f0eafa,#fbf9fd)!important;color:#3f315c!important
}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(35,65,85,.14)!important}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift b{color:inherit!important;font-size:12px}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift small{color:#446776!important;font-weight:650;line-height:1.35}
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift.cancelled,
body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-shift.missed{border-color:#e3a9ae!important;border-left-color:#b4232f!important;background:#fff0f1!important;color:#7d1f28!important}

/* Record cards inherit their workspace identity on narrower screens. */
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .record-card{
  position:relative;overflow:hidden;border-top:4px solid var(--workspace-accent,#0b8a63)!important;background:linear-gradient(145deg,#fff,var(--workspace-soft,#eef7f5))!important
}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .record-card h3{color:#102f42!important}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .record-card p{color:#365969!important}
body[data-display-theme="facilityops"][data-workspace]:not([data-workspace="dashboard"]) .app .record-card .chart-note{color:#526f7e!important}

/* Account menu should feel like a finished part of the product shell. */
body[data-display-theme="facilityops"] .profile-menu{
  overflow:hidden;min-width:280px;padding:8px;background:rgba(255,255,255,.98)!important;border:1px solid #cbdce4!important;box-shadow:0 22px 60px rgba(14,45,63,.22)!important;backdrop-filter:blur(18px)
}
body[data-display-theme="facilityops"] .profile-head{
  margin:-8px -8px 7px;padding:17px 18px;background:linear-gradient(125deg,#062b42,#075b58);border:0!important;color:#fff
}
body[data-display-theme="facilityops"] .profile-head b{color:#fff!important;font-size:15px}
body[data-display-theme="facilityops"] .profile-head small{color:#cce3e7!important}
body[data-display-theme="facilityops"] .profile-head .pill{margin-top:8px;color:#dff8ee!important;background:#ffffff1c!important;border-color:#ffffff38!important}
body[data-display-theme="facilityops"] .profile-menu .menu-btn{
  min-height:43px;color:#17394b!important;border-left:3px solid transparent!important;font-size:13px
}
body[data-display-theme="facilityops"] .profile-menu .menu-btn:hover{background:#edf8f4!important;border-left-color:#0b8a63!important}
body[data-display-theme="facilityops"] .profile-menu .menu-btn.danger{color:#a12631!important}
body[data-display-theme="facilityops"] .profile-menu .menu-btn.danger:hover{background:#fff0f1!important;border-left-color:#b4232f!important}

@media(max-width:1050px){
  body[data-display-theme="facilityops"] .app .table{min-width:760px}
  body[data-display-theme="facilityops"][data-workspace="schedules"] .app .schedule-board{grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto;padding-bottom:7px}
}


/* Customer and invoice workspace structure. */
body[data-display-theme="facilityops"] .app .workspace-context{
  padding:11px 14px;border-bottom:1px solid #d7e4e9;background:#f7fafc;color:#496675;font-size:12px;line-height:1.45
}
body[data-display-theme="facilityops"][data-workspace="customers"] .app .customer-table td:nth-child(3),
body[data-display-theme="facilityops"][data-workspace="customers"] .app .customer-table td:nth-child(4),
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .invoice-table td:nth-child(2),
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .invoice-table td:nth-child(3),
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .invoice-table td:nth-child(4){font-variant-numeric:tabular-nums}
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .amount-due{color:#9f5c00!important}
body[data-display-theme="facilityops"][data-workspace="invoices"] .app tr:has(.pill.bad) .amount-due{color:#a91f2a!important}
body[data-display-theme="facilityops"][data-workspace="customers"] .app .customer-record-card{border-top-color:#1677c8!important}
body[data-display-theme="facilityops"][data-workspace="invoices"] .app .invoice-record-card{border-top-color:#5167bf!important}

/* Settings control center and persistent system navigation */
.app .sidebar{display:flex;flex-direction:column;overflow:hidden}
.app .sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:#2a596a transparent}
.app .sidebar-system{flex:0 0 auto;margin-top:8px;padding-top:7px;border-top:1px solid rgba(124,168,184,.18);background:linear-gradient(180deg,rgba(4,19,30,.2),rgba(4,19,30,.92))}
.app .sidebar-system .section{margin-top:5px}

body[data-workspace="payroll"]{--workspace-accent:#0b8a63;--workspace-accent-rgb:11,138,99;--workspace-soft:#e8f7f1}
body[data-workspace="settings"]{--workspace-accent:#5167bf;--workspace-accent-rgb:81,103,191;--workspace-soft:#edf0fb}

.settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.settings-nav{position:sticky;top:90px;display:grid;gap:5px;padding:10px;background:#092331;border:1px solid #244a5b;border-radius:15px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.settings-nav-btn{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:transparent;color:#c7dbe3;padding:11px 12px;border-radius:10px;text-align:left;font-weight:760;cursor:pointer;transition:.15s ease}
.settings-nav-btn>span:first-child{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#123747;color:#9fc6d2}
.settings-nav-btn:hover{background:#10313e;color:#fff;transform:translateX(2px)}
.settings-nav-btn.active{background:linear-gradient(90deg,#0c765e,#0b5848);color:#fff;box-shadow:0 7px 18px rgba(11,138,106,.18)}
.settings-nav-btn.active>span:first-child{background:rgba(255,255,255,.15);color:#fff}
.settings-panel{min-width:0;display:grid;gap:16px}
.settings-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px;background:linear-gradient(120deg,#fff,#f2f6ff);border:1px solid #d7e1ea;border-left:5px solid var(--workspace-accent,#5167bf);border-radius:15px;box-shadow:0 9px 22px rgba(20,55,72,.07)}
.settings-panel-head h3{margin:3px 0 5px;color:#0d2c3e;font-size:23px;letter-spacing:-.025em}
.settings-panel-head p{margin:0;color:#486777;max-width:760px}
.settings-kicker{color:#5167bf;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.settings-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.settings-overview-card,.settings-link-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:164px;padding:17px;border:1px solid #d8e3e8;border-radius:14px;background:linear-gradient(145deg,#fff,#f7fbfc);color:#17384a;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(20,55,72,.07);transition:.16s ease;overflow:hidden}
.settings-overview-card:after{content:"";position:absolute;right:-25px;bottom:-35px;width:105px;height:90px;border:15px solid rgba(81,103,191,.07);border-radius:50%}
.settings-overview-card:hover,.settings-link-card:hover{transform:translateY(-2px);border-color:#77a5b8;box-shadow:0 13px 28px rgba(20,55,72,.12)}
.settings-overview-card b,.settings-link-card b{font-size:17px;color:#102f42}
.settings-overview-card small,.settings-link-card small{margin:6px 0 14px;color:#58717e;line-height:1.4}
.settings-overview-card>span:last-child,.settings-link-card>span{margin-top:auto;color:#0b765d;font-weight:850;font-size:12px}
.settings-card-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;background:#e8f7f1;color:#08795b;font-size:19px;font-weight:900}
.settings-overview-card.display .settings-card-icon{background:#edf0fb;color:#5167bf}
.settings-overview-card.payroll .settings-card-icon{background:#e8f7f1;color:#0b8a63}
.settings-overview-card.security .settings-card-icon{background:#fff0d5;color:#9a6612}
.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.settings-form-grid label{display:grid;gap:7px;color:#345466;font-size:12px;font-weight:850}
.settings-form-grid input,.settings-form-grid select,.settings-panel select{width:100%;min-height:43px;padding:10px 11px;border:1px solid #c9d9df;border-radius:9px;background:#fff;color:#17384a}
.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-panel select:focus{outline:3px solid rgba(16,185,129,.18);border-color:#0b8a63}
.settings-form-grid input:disabled,.settings-form-grid select:disabled{background:#edf3f5;color:#5c7380}
.settings-help{margin:14px 0 0;color:#58717e!important;font-size:12px;line-height:1.5}
.settings-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-link-card{min-height:135px}
.settings-feature-card{margin-top:0}

body[data-display-theme="facilityops"] .settings-nav{background:#fff;border-color:#d6e3e8;box-shadow:0 9px 24px rgba(20,55,72,.08)}
body[data-display-theme="facilityops"] .settings-nav-btn{color:#355568}
body[data-display-theme="facilityops"] .settings-nav-btn>span:first-child{background:#edf4f6;color:#456b7b}
body[data-display-theme="facilityops"] .settings-nav-btn:hover{background:#edf6f3;color:#17384a}
body[data-display-theme="facilityops"] .settings-nav-btn.active{background:linear-gradient(90deg,#0c765e,#0b5848);color:#fff}
body[data-display-theme="facilityops"] .settings-nav-btn.active>span:first-child{background:rgba(255,255,255,.15);color:#fff}

@media(max-width:1120px){.settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto;padding:8px}.settings-nav-btn{flex:0 0 auto;width:auto}.settings-nav-btn:hover{transform:none}.settings-form-grid{grid-template-columns:1fr}}
@media(max-width:640px){.app .sidebar-scroll,.app .sidebar-system{display:contents}.app .sidebar-system{border:0}.settings-overview-grid,.settings-link-grid{grid-template-columns:1fr}.settings-panel-head{flex-direction:column}.settings-nav-btn>span:last-child{display:inline!important}.settings-nav-btn{min-width:max-content}.settings-overview-card{min-height:142px}}

/* Proposal pipeline and contract intake */
body[data-workspace="proposals"]{--workspace-accent:#1677c8;--workspace-accent-rgb:22,119,200;--workspace-soft:#e8f3fc}
.proposal-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.record-link{display:grid;gap:3px;border:0;background:transparent;color:#15384a;padding:0;text-align:left;cursor:pointer}
.record-link span{color:#55717f;font-size:12px}
.proposal-record-card{border-top:4px solid #1677c8!important}
.record-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.record-card-metrics span{display:grid;gap:3px;padding:9px;border-radius:9px;background:#eff6fa;color:#56717e;font-size:11px}
.record-card-metrics b{color:#17384a;font-size:14px}
.proposal-modalbox{width:min(1080px,100%)}
.proposal-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.proposal-form-grid label,.proposal-item-row label{display:grid;gap:6px;color:#345466;font-size:11px;font-weight:850}
.proposal-form-grid label.wide{grid-column:span 2}
.proposal-form-grid input,.proposal-form-grid select,.proposal-form-grid textarea,.proposal-item-row input,.proposal-item-row select{width:100%;min-height:41px;border:1px solid #cbdcdf;border-radius:9px;background:#fff;color:#17384a;padding:9px 10px}
.proposal-form-grid input:focus,.proposal-form-grid select:focus,.proposal-form-grid textarea:focus,.proposal-item-row input:focus,.proposal-item-row select:focus{outline:3px solid rgba(22,119,200,.16);border-color:#1677c8}
.proposal-items-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:22px 0 10px}
.proposal-items-head h3{margin:0 0 3px}.proposal-items-head small{color:#58717e}
.proposal-items{display:grid;gap:9px}
.proposal-item-row{display:grid;grid-template-columns:1.6fr 1.1fr .8fr .85fr .55fr .75fr .8fr 34px;gap:8px;align-items:end;padding:11px;background:#f5f9fb;border:1px solid #d9e5ea;border-radius:12px}
.proposal-remove{width:34px;height:41px;border:1px solid #e6b9bd;border-radius:9px;background:#fff1f2;color:#a91f2a;font-size:20px;cursor:pointer}
.proposal-preview{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:13px}
.proposal-preview span{display:grid;gap:3px;min-width:150px;padding:10px 12px;border:1px solid #d6e3e8;border-radius:10px;background:#fff;color:#55717f;font-size:11px}
.proposal-preview b{color:#11374a;font-size:17px}
.proposal-form-actions,.proposal-workspace-actions{justify-content:flex-end;margin-top:18px}
.proposal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.proposal-summary>div,.proposal-detail-grid>div{display:grid;gap:5px;padding:13px;border:1px solid #d6e3e8;border-radius:11px;background:#f7fafb}
.proposal-summary small,.proposal-detail-grid small{color:#58717e;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.proposal-summary b{font-size:19px;color:#102f42}
.proposal-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.proposal-detail-grid span{color:#58717e;font-size:12px}
body[data-display-theme="facilityops"] .proposal-item-row,body[data-display-theme="facilityops"] .proposal-summary>div,body[data-display-theme="facilityops"] .proposal-detail-grid>div{background:#f7fafb!important}
@media(max-width:1120px){.proposal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-item-row{grid-template-columns:repeat(4,minmax(0,1fr))}.proposal-remove{align-self:end}.proposal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.proposal-form-grid,.proposal-summary,.proposal-detail-grid{grid-template-columns:1fr}.proposal-form-grid label.wide{grid-column:auto}.proposal-item-row{grid-template-columns:1fr 1fr}.proposal-item-row label:first-child{grid-column:1/-1}.proposal-preview span{flex:1;min-width:120px}.proposal-stats{grid-template-columns:1fr}}


/* Guided contract activation: explicit operations and billing approval gates. */
.activation-modalbox{max-width:1040px}.activation-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:4px 0 18px}.activation-progress span{padding:10px 8px;border:1px solid #cbdbe2;border-radius:10px;background:#edf4f7;color:#58717d;font-size:12px;font-weight:800;text-align:center}.activation-progress span.done{background:#dcf8ec;border-color:#78d7b4;color:#087052}.activation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.activation-grid .card{display:grid;gap:12px}.activation-grid label{display:grid;gap:6px;color:#234354;font-size:12px;font-weight:800}.approval-check{grid-template-columns:auto 1fr!important;align-items:start;padding:12px;border-radius:10px;background:#eef8f5;color:#0b5f49!important}.approval-check input{margin-top:2px}.activation-boundary,.activation-complete{display:grid;gap:6px;padding:16px;border:1px solid #b9d7e4;border-radius:12px;background:linear-gradient(135deg,#edf8fb,#f8fcfd);color:#214758}.activation-complete{border-color:#7ed8b7;background:linear-gradient(135deg,#e4faef,#f8fffb)}.activation-actions{justify-content:flex-end;margin-top:18px}
@media(max-width:760px){.activation-progress{grid-template-columns:1fr 1fr}.activation-grid{grid-template-columns:1fr}.activation-actions{display:grid}.activation-actions .btn{width:100%}}


/* Secure proposal delivery and recorded customer decisions. */
.proposal-delivery-modal{max-width:760px}.proposal-decision-banner{display:grid;gap:5px;margin-bottom:16px;padding:18px;border:1px solid #76d0ae;border-radius:13px;background:linear-gradient(135deg,#e1f8ed,#f6fffb);color:#075f45}.proposal-decision-banner b{text-transform:capitalize;font-size:20px}.proposal-decision-banner span{font-size:13px;color:#37675a}

/* Preserve visible owner navigation on compact screens. */
@media(max-width:640px){
  .app .sidebar{flex-direction:row;align-items:stretch;height:calc(76px + env(safe-area-inset-bottom,0px));padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));overflow-x:auto;overflow-y:hidden;scroll-padding-inline:8px}
  .app .main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .app .sidebar .nav{flex:0 0 82px;width:82px;min-height:56px;gap:2px;padding:4px;align-content:center;scroll-margin-inline:8px}
  .app .sidebar .nav .nav-icon{display:grid;width:28px;height:28px;font-size:16px}
  .app .sidebar .nav .nav-label{display:block;max-width:74px;font-size:10px;line-height:14px;text-align:center}
  .app .sidebar .nav:hover{transform:none}
}