/* ═══════════════════════════════════════════════════════════════════════
   co/tpc-look.css — SHARED "TPC look" stylesheet for every non-TPC tenant.

   HARD RULE #1C: this is NEW code that MIMICS Two Pillars' visual system.
   It is a faithful, VERBATIM copy of TPC's component CSS (pulled from
   app/index.html + scripts/safety.js + scripts/today.js), NOT a hand
   approximation. It never loads, extracts, or edits any /app code at
   runtime — every tenant shell (co/index.html) just <link>s this file.

   Sam locked 2026-06-15: "make sure that css is always byte identical to
   tpc when building things." Hand-approximating TPC's look is what made
   KEMPO "look nothing alike". So the rule is: copy the exact declarations,
   and drive every color through the SAME brand tokens applyBrand() sets
   (--navy/--navy2/--gold/--gold2/--pri/--sec/--blue). Verbatim TPC CSS +
   per-company tokens = "only colors + logo differ" is actually true.
   ═══════════════════════════════════════════════════════════════════════ */

/* Tokens TPC's component CSS references that co/index.html's :root doesn't
   already define. Brand-driven ones (--blue) are overwritten per company by
   applyBrand() in tenant-shell.js. */
:root{
  --t4:#B0C0D4;             /* chevron stroke (app/index.html :root) */
  --blue:#2E75B6;           /* TPC input-focus accent — applyBrand maps to brand accent */
}

/* ─── Form reset — VERBATIM app/index.html line 122. ───
   THIS is the login "border too thick" fix: without outline:none iOS draws
   its default thick blue focus ring on top of the real 2px border. The
   focus rule below uses the brand accent (TPC uses --blue) so the focus
   border honors each company's palette instead of forcing TPC blue. */
input,select,textarea{font-family:var(--fb);font-size:16px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--blue)!important}

/* ─── Section label — VERBATIM app/index.html line 345 (.sec-lbl). ─── */
.sec-lbl{font-family:var(--fc);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-bottom:14px}

/* ─── Horizontal action card — VERBATIM scripts/safety.js .hac-* block
   (the canonical Today / Safety card: icon · kicker · title · sub · chevron).
   All !important flags preserved exactly as TPC injects them. ─── */
.hac-card{display:flex !important;align-items:center !important;gap:16px !important;padding:18px 20px !important;border-radius:14px !important;margin-bottom:12px !important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,box-shadow .12s,transform .12s;}
.hac-icon{width:60px !important;height:60px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}
.hac-icon svg{width:30px !important;height:30px !important;}
.hac-body{flex:1 !important;min-width:0 !important;}
.hac-kicker{font-family:var(--fc) !important;font-size:11px !important;font-weight:700 !important;color:var(--gold2) !important;letter-spacing:2.2px !important;text-transform:uppercase !important;line-height:1 !important;margin:0 0 4px !important;}
.hac-title{font-family:var(--fc) !important;font-size:19px !important;font-weight:800 !important;color:var(--t1) !important;line-height:1.2 !important;margin:0 !important;}
.hac-sub{font-family:var(--fb) !important;font-size:14px !important;font-weight:500 !important;color:var(--t3) !important;line-height:1.4 !important;margin:4px 0 0 !important;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.hac-chev{flex-shrink:0;width:20px;height:20px;}
@media (min-width:760px){
  .hac-card{padding:22px 24px !important;gap:18px !important;border-radius:16px !important;margin-bottom:14px !important;}
  .hac-icon{width:68px !important;height:68px !important;border-radius:16px !important;}
  .hac-icon svg{width:34px !important;height:34px !important;}
  .hac-kicker{font-size:12px !important;letter-spacing:2.4px !important;margin:0 0 5px !important;}
  .hac-title{font-size:21px !important;}
  .hac-sub{font-size:15px !important;margin:5px 0 0 !important;}
  .hac-chev{width:22px;height:22px;}
}
@media (min-width:1024px){
  .hac-card{padding:24px 26px !important;gap:20px !important;}
  .hac-icon{width:72px !important;height:72px !important;}
  .hac-icon svg{width:36px !important;height:36px !important;}
  .hac-title{font-size:23px !important;}
  .hac-sub{font-size:16px !important;}
}

/* ─── Generic content card — VERBATIM app/index.html lines 353-356. ─── */
.card{background:var(--card);border:2px solid var(--bdr);border-radius:var(--r);padding:20px 22px;margin-bottom:12px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow-s);transition:all .2s;overflow:hidden}
.card-icon{width:48px;height:48px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-s)}
.card-body{flex:1;min-width:0}

/* ─── FORM COMPONENT CSS — VERBATIM copy of scripts/safety-forms-fo.js
   _injectFormCSS() (the .fo-form-host block: lines 263-426). Pulled byte-for-byte
   so tenant safety forms (FLHA, Inspection, Toolbox, Equipment, Observation)
   render IDENTICALLY to TPC. Per HARD RULE #1C this is a COPY, not a runtime
   import — TPC's safety-forms-fo.js is never loaded here.

   ONLY the helper tokens TPC scopes inside .fo-form-host are redeclared below;
   the brand colors (--navy/--navy2/--gold/--gold2) deliberately INHERIT from
   :root so each company's forms wear its own palette (applyBrand sets them). ─── */
.fo-form-host{
  --white:#FFF;
  --lb2:#EDF2F8;
  --r-sm:8px;
  --orange:#F59E0B;
  font-family:var(--fb);
  color:var(--t1);
}
@keyframes foFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.fo-form-host .step-hdr{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.fo-form-host .step-back{width:48px;height:48px;border-radius:var(--r);border:1.5px solid var(--bdr);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);font-size:20px;flex-shrink:0;box-shadow:var(--shadow-s);transition:all .2s;-webkit-tap-highlight-color:transparent;}
.fo-form-host .step-back:active{transform:scale(.95);}
.fo-form-host .step-title{font-family:"Barlow Condensed",sans-serif;font-size:26px;font-weight:700;color:var(--t1);flex:1;}
.fo-form-host .form-group{margin-bottom:18px;}
.fo-form-host .form-label{font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:700;color:var(--navy);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;opacity:.7;}
.fo-form-host .form-label .req{color:var(--red);font-size:12px;margin-left:2px;}
.fo-form-host .form-input{width:100%;height:52px;padding:0 16px;border:1.5px solid var(--bdr);border-radius:var(--r-sm);background:var(--white);font-family:"Barlow",sans-serif;font-size:16px;color:var(--t1);transition:all .2s;-webkit-appearance:none;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.fo-form-host .form-input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,46,74,.08);}
.fo-form-host .form-input::placeholder{color:#B0B8C4;}
.fo-form-host select.form-input{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;background-color:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2390A0B5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;}
.fo-form-host input[type=date].form-input{text-align:left;}
.fo-form-host input[type=date].form-input::-webkit-date-and-time-value{text-align:left;}
/* Read-only site field — locked to the header site picker (auto-select). Same
   footprint as .form-input, soft fill signals "fixed", brand-accent pin. */
.fo-form-host .co-site-fixed{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border:1.5px solid var(--bdr);border-radius:var(--r-sm);background:var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.04);box-sizing:border-box;}
.fo-form-host .co-site-fixed-ic{flex:0 0 auto;width:22px;height:22px;color:var(--gold);}
.fo-form-host .co-site-fixed-ic svg{width:22px;height:22px;display:block;}
.fo-form-host .co-site-fixed-nm{font-family:"Barlow",sans-serif;font-size:16px;font-weight:700;color:var(--t1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Live-weather pill in the Today greeting hero (white-on-navy; legible over
   the camo scrim too). Icon · temp · condition. */
.co-wx-chip{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:6px 12px 6px 10px;border-radius:999px;background:rgba(255,255,255,.14);}
.co-wx-chip .co-wx-ic{font-size:16px;line-height:1;}
.co-wx-chip .co-wx-temp{font-family:"Barlow Condensed","Barlow",sans-serif;font-size:16px;font-weight:800;color:#fff;line-height:1;}
.co-wx-chip .co-wx-cond{font-family:"Barlow",sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,.86);line-height:1;}
.fo-form-host .form-textarea{width:100%;min-height:100px;padding:14px 16px;border:1.5px solid var(--bdr);border-radius:12px;background:var(--white);font-family:"Barlow",sans-serif;font-size:16px;color:var(--t1);resize:vertical;transition:all .2s;-webkit-appearance:none;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.fo-form-host .form-textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(26,46,74,.08);}
.fo-form-host .form-textarea::placeholder{color:#B0B8C4;}
.fo-form-host .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fo-form-host .ai-cleaning{background:linear-gradient(90deg,var(--white) 0%,rgba(201,168,76,.06) 50%,var(--white) 100%)!important;background-size:200% 100%!important;animation:aiShimmer 1.5s ease infinite!important;border-color:rgba(201,168,76,.3)!important;}
@keyframes aiShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.fo-form-host .opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.fo-form-host .opt-card{background:var(--white);border:1.5px solid var(--bdr);border-radius:12px;padding:12px 14px;text-align:center;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.fo-form-host .opt-card:active{transform:scale(.97);}
.fo-form-host .opt-card.on{border-color:var(--navy);background:var(--navy);box-shadow:0 2px 8px rgba(26,46,74,.2);}
.fo-form-host .opt-card .oc-name{font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:700;color:var(--t1);line-height:1.2;letter-spacing:.3px;}
@media (min-width:768px){.fo-form-host .opt-card{padding:18px 14px;min-height:84px;}.fo-form-host .opt-card .oc-name{font-size:19px;}}
.fo-form-host .opt-card.on .oc-name{color:#fff;}
.fo-form-host .yn-row{display:flex;gap:8px;}
.fo-form-host .yn-card{flex:1;background:var(--white);border:1.5px solid var(--bdr);border-radius:var(--r-sm);padding:11px 8px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;}
.fo-form-host .yn-card .yn-label{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:var(--t3);}
.fo-form-host .yn-card.on-yes{border-color:var(--navy);background:var(--navy);}.fo-form-host .yn-card.on-yes .yn-label{color:#fff;}
.fo-form-host .yn-card.on-no{border-color:var(--red);background:var(--red);}.fo-form-host .yn-card.on-no .yn-label{color:#fff;}
.fo-form-host .yn-card.on-na{border-color:var(--t3);background:var(--t3);}.fo-form-host .yn-card.on-na .yn-label{color:#fff;}
.fo-form-host .yn-card.on-good{border-color:var(--navy);background:var(--navy);}.fo-form-host .yn-card.on-good .yn-label{color:#fff;}
.fo-form-host .yn-card.on-fair{border-color:var(--orange);background:var(--orange);}.fo-form-host .yn-card.on-fair .yn-label{color:#fff;}
.fo-form-host .yn-card.on-poor{border-color:var(--red);background:var(--red);}.fo-form-host .yn-card.on-poor .yn-label{color:#fff;}
.fo-form-host .ppe-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.fo-form-host .ppe-card{background:var(--white);border:1.5px solid var(--bdr);border-radius:var(--r-sm);padding:12px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;}
.fo-form-host .ppe-card.worn{border-color:var(--navy);background:var(--navy);}
.fo-form-host .ppe-card.missing{border-color:var(--red);background:var(--red);}
.fo-form-host .ppe-ico{width:28px;height:28px;border-radius:6px;background:var(--lb2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;color:var(--t3);transition:all .15s;}
.fo-form-host .ppe-card.worn .ppe-ico{background:rgba(255,255,255,.15);color:#fff;}
.fo-form-host .ppe-card.missing .ppe-ico{background:rgba(255,255,255,.2);color:#fff;}
.fo-form-host .ppe-name{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:700;color:var(--t1);}
.fo-form-host .ppe-card.worn .ppe-name{color:#fff;}
.fo-form-host .ppe-card.missing .ppe-name{color:#fff;}
.fo-form-host .comp-cards{display:flex;flex-direction:column;gap:8px;}
.fo-form-host .comp-card{background:var(--white);border:1.5px solid var(--bdr);border-radius:var(--r-sm);padding:16px;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:14px;}
.fo-form-host .comp-card.on{border-color:var(--navy);background:var(--navy);}
.fo-form-host .comp-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--bdr);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.fo-form-host .comp-card.on .comp-dot{border-color:rgba(255,255,255,.4);background:transparent;}
.fo-form-host .comp-card.on .comp-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff;}
.fo-form-host .comp-title{font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:700;color:var(--t1);}
.fo-form-host .comp-card.on .comp-title{color:#fff;}
.fo-form-host .comp-desc{font-size:13px;color:var(--t3);margin-top:2px;line-height:1.3;}
.fo-form-host .comp-card.on .comp-desc{color:rgba(255,255,255,.45);}
.fo-form-host .risk-row{display:flex;gap:8px;}
.fo-form-host .risk-card{flex:1;background:var(--white);border:1.5px solid var(--bdr);border-radius:var(--r-sm);padding:11px 8px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;}
.fo-form-host .risk-card .rc-label{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:var(--t3);}
.fo-form-host .risk-card.on-low{border-color:var(--grn);background:var(--grn);}.fo-form-host .risk-card.on-low .rc-label{color:#fff;}
.fo-form-host .risk-card.on-med{border-color:var(--orange);background:var(--orange);}.fo-form-host .risk-card.on-med .rc-label{color:#fff;}
.fo-form-host .risk-card.on-high{border-color:var(--red);background:var(--red);}.fo-form-host .risk-card.on-high .rc-label{color:#fff;}
.fo-form-host .obs-step-bar{display:flex;gap:6px;margin-bottom:24px;background:var(--lb2);border-radius:var(--r);padding:5px;}
.fo-form-host .obs-step-dot{flex:1;height:36px;border-radius:8px;background:transparent;transition:all .3s;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;color:var(--t3);letter-spacing:.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.fo-form-host .obs-step-dot.done{background:var(--navy);color:rgba(255,255,255,.7);}
.fo-form-host .obs-step-dot.active{background:var(--navy);color:var(--gold);box-shadow:0 2px 4px rgba(26,46,74,.2);}
.fo-form-host .obs-nav{display:flex;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid var(--bdr);}
.fo-form-host .obs-nav .act-btn{flex:1;margin-bottom:0;}
.fo-form-host .obs-section{background:var(--white);border:1px solid var(--bdr);border-radius:14px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);animation:foFadeUp .3s ease forwards;}
.fo-form-host .obs-section-hdr{padding:14px 20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);display:flex;align-items:center;gap:12px;}
.fo-form-host .obs-section-hdr svg{width:18px;height:18px;stroke:var(--gold);stroke-width:2;fill:none;flex-shrink:0;}
.fo-form-host .obs-section-title{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;}
.fo-form-host .obs-section-body{padding:20px;}
.fo-form-host .proc-group{border:2px solid var(--bdr);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--white);}
.fo-form-host .proc-group-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:52px;}
.fo-form-host .proc-group-hdr:active{background:var(--lb2);}
.fo-form-host .proc-group-name{font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:700;color:var(--t1);}
.fo-form-host .proc-group-arrow{font-size:14px;color:var(--t3);transition:transform .2s;}
.fo-form-host .proc-group-children{padding:4px 12px 12px;}
.fo-form-host .proc-child-card{padding:14px 16px;border:2px solid var(--bdr);border-radius:12px;margin-bottom:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;min-height:48px;}
.fo-form-host .proc-child-card:active{transform:scale(.98);background:var(--lb2);}
.fo-form-host .proc-child-name{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:var(--navy);}
.fo-form-host .proc-child-hazard{font-size:13px;color:var(--t3);margin-top:4px;line-height:1.4;}
.fo-form-host .proc-ctrl-card{padding:18px;border:2px solid var(--bdr);border-radius:12px;margin-bottom:14px;background:var(--white);}
.fo-form-host .proc-ctrl-label{font-size:15px;color:var(--t1);line-height:1.5;display:flex;align-items:flex-start;gap:12px;}
.fo-form-host .proc-ctrl-num{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fo-form-host .proc-ctrl-input{font-size:16px !important;}
.fo-form-host .proc-read-section{border:2px solid var(--bdr);border-radius:12px;margin-bottom:8px;overflow:hidden;}
.fo-form-host .proc-read-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--white);min-height:48px;}
.fo-form-host .proc-read-hdr:active{background:var(--lb2);}
.fo-form-host .proc-read-title{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:var(--navy);}
.fo-form-host .proc-read-arrow{font-size:12px;color:var(--t3);}
.fo-form-host .proc-read-body{padding:14px 16px;background:var(--lb2);font-size:14px;color:var(--t1);line-height:1.7;}
.fo-form-host .proc-read-body p{margin:0 0 10px;}
.fo-form-host .proc-read-body ul,.fo-form-host .proc-read-body ol{margin:0 0 10px;padding-left:20px;}
.fo-form-host .proc-read-body li{margin-bottom:6px;}
.fo-form-host .proc-read-body strong{color:var(--navy);}
.fo-form-host .sig-canvas-wrap{border:2px solid var(--bdr);border-radius:var(--r);overflow:hidden;background:var(--white);position:relative;touch-action:none;box-shadow:var(--shadow-s);}
.fo-form-host .sig-canvas{width:100%;height:180px;display:block;}
.fo-form-host .sig-clear{position:absolute;top:10px;right:10px;font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:600;color:var(--t3);background:var(--lb2);border:none;padding:6px 12px;border-radius:var(--r-sm);cursor:pointer;}
.fo-form-host .sig-legal{font-size:14px;color:var(--t3);margin-top:12px;line-height:1.5;padding:16px 18px;background:var(--lb2);border-radius:var(--r);}
.fo-form-host .act-btn{width:100%;height:58px;border-radius:var(--r);border:none;cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:var(--shadow-m);margin-bottom:8px;-webkit-tap-highlight-color:transparent;letter-spacing:.3px;}
.fo-form-host .act-btn:active{transform:scale(.98);}
.fo-form-host .act-btn.done{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;}
.fo-form-host .act-btn.arrive{background:linear-gradient(135deg,var(--grn),var(--grn2));color:#fff;height:62px;font-size:20px;box-shadow:0 4px 16px rgba(34,197,94,.2);}
.fo-form-host .act-btn.outline{background:var(--white);border:2px solid var(--bdr);color:var(--t1);box-shadow:var(--shadow-s);}
.fo-form-host .review-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--lb2);}
.fo-form-host .review-row:last-child{border-bottom:none;}
.fo-form-host .review-l{font-size:14px;color:var(--t3);font-weight:500;}
.fo-form-host .review-v{font-size:16px;font-weight:600;color:var(--t1);text-align:right;}
.fo-form-host .insp-item{background:var(--white);border:1px solid var(--bdr);border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);animation:foFadeUp .3s ease forwards;}
.fo-form-host .insp-item-hdr{padding:14px 20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);display:flex;align-items:center;justify-content:space-between;}
.fo-form-host .insp-item-num{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:1.5px;}
.fo-form-host .insp-item-del{width:30px;height:30px;border-radius:8px;border:1.5px solid rgba(255,255,255,.15);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;}
.fo-form-host .insp-item-del:active{background:rgba(220,38,38,.3);transform:scale(.9);}
.fo-form-host .insp-item-del svg{width:16px;height:16px;stroke:rgba(255,255,255,.5);stroke-width:2;fill:none;}
.fo-form-host .insp-item-body{padding:20px;}
.fo-form-host .insp-photo-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.fo-form-host .insp-photo-thumb{width:100px;height:100px;border-radius:12px;overflow:hidden;position:relative;border:1.5px solid var(--bdr);box-shadow:0 2px 6px rgba(0,0,0,.08);}
.fo-form-host .insp-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.fo-form-host .insp-photo-del{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:rgba(26,46,74,.85);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.fo-form-host .insp-photo-del svg{width:12px;height:12px;stroke:#fff;stroke-width:2.5;fill:none;}
.fo-form-host .insp-add-btn{width:100%;padding:18px;border-radius:14px;border:2px dashed rgba(201,168,76,.3);background:rgba(201,168,76,.04);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;margin-bottom:20px;}
.fo-form-host .insp-add-btn:active{transform:scale(.97);border-color:var(--gold);background:rgba(201,168,76,.08);}
.fo-form-host .insp-add-btn svg{width:20px;height:20px;stroke:var(--gold);stroke-width:2;fill:none;}
.fo-form-host .insp-add-btn span{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:700;color:var(--navy);letter-spacing:.5px;}
.fo-form-host .insp-sev-btn{flex:1;border-radius:12px;border:1.5px solid var(--bdr);background:var(--white);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700;color:var(--t3);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.04);letter-spacing:.3px;}
.fo-form-host .insp-sev-btn:active{transform:scale(.96);}
.fo-form-host .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;}
.fo-form-host .stat-card{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);border-radius:var(--r);padding:16px 12px;text-align:center;}
.fo-form-host .stat-num{font-family:"Barlow Condensed",sans-serif;font-size:28px;font-weight:700;color:#fff;line-height:1;}
.fo-form-host .stat-label{font-family:"Barlow Condensed",sans-serif;font-size:11px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px;}
.fo-form-host .stat-card.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));}
.fo-form-host .stat-card.red{background:linear-gradient(135deg,var(--red),#B91C1C);}