/* CaterCare Concierge — Safety + EOM module styles.
   Extracted from the kit stylesheet (kit-unique classes only; core/shared classes
   left to the shell so the live theme is untouched). Stray blues mapped to var(--accent). */
.info-row{display:flex;align-items:center;gap:13px;padding:12px 14px;background:#fff;border:1px solid #eef1f5;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.03);}
.info-row + .info-row{margin-top:8px;}
.info-ico{width:2.3rem;height:2.3rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-shrink:0;}
.info-row .lbl{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:700;}
.info-row .val{font-size:var(--text-md);font-weight:600;color:var(--text-1);margin-top:1px;line-height:1.3;}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.eom-hub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:0.5rem;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:0.45rem 0.6rem;}
.eom-tabs{display:flex;align-items:center;gap:4px;flex:1;min-width:0;}
.eom-tab{appearance:none;background:none;border:none;padding:0.5rem 1rem;font-size:var(--text-md);font-weight:600;color:var(--text-3);cursor:pointer;border-radius:8px;white-space:nowrap;transition:background .12s,color .12s;}
.eom-tab:hover{color:var(--text-1);background:var(--surface-2);}
.eom-tab.active{color:#282828;background:#8fcf69;}
.wo-req-card{background:#fff;border:1px solid #eef1f5;border-radius:14px;padding:0.85rem 0.95rem;box-shadow:0 1px 2px rgba(15,23,42,.03);margin-bottom:0.9rem;}
.wo-req-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:5px;}
.wo-req-text{font-size:var(--text-md);font-weight:600;color:var(--text-1);line-height:1.5;word-break:break-word;}
.wo-header-right .wo-kebab{width:2.1rem;height:2.1rem;border-radius:50%;}
.wo-2col{flex:1;display:flex;min-height:0;overflow:hidden;}
.wo-left{width:42%;max-width:23rem;flex-shrink:0;background:#f6f8fa;border-right:1px solid var(--border-soft);padding:1.4rem 1.2rem;overflow-y:auto;}
.wo-logo{display:flex;justify-content:center;margin-bottom:0.9rem;}
.wo-logo img{height:17px;width:auto;object-fit:contain;}
.wo-left-title{font-size:1.02rem;font-weight:700;color:var(--text-1);line-height:1.4;text-align:center;letter-spacing:-.01em;}
.wo-left-sub{font-size:10px;color:var(--text-3);text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:0.3rem;margin-bottom:1.2rem;}
.wo-left-rows{display:flex;flex-direction:column;gap:8px;}
.wo-right{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;}
.wo-right-top{padding:1.1rem 1.25rem 0.4rem;flex-shrink:0;}
.wo-photo-empty{width:100%;height:140px;border:1.5px dashed var(--border);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-3);font-size:var(--text-sm);background:var(--surface-2);}
.wo-field-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:5px;}
.wo-select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:10px;font-size:var(--text-sm);font-family:inherit;background:#fff;color:var(--text-1);font-weight:600;cursor:pointer;outline:none;}
.wo-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.2);}
.wo-comments{flex:1;overflow-y:auto;padding:0.6rem 1.25rem 1rem;}
.wo-comments-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin:0.4rem 0 0.6rem;}
.wo-header-right{display:flex;align-items:center;gap:8px;}
.wo-hbtn{display:inline-flex;align-items:center;gap:6px;height:2.1rem;padding:0 0.85rem;border-radius:9px;background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;box-shadow:0 1px 2px rgba(59,130,246,.3);}
.wo-hbtn.done{background:#16a34a;box-shadow:0 1px 2px rgba(22,163,74,.3);}
.wo-hbtn.reopen{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);box-shadow:none;}
.wo-left{width:auto;max-width:none;border-right:none;border-bottom:1px solid var(--border-soft);}
.eom-edit-tbl{width:100%;border-collapse:collapse;}
.eom-edit-tbl th{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);}
.eom-edit-tbl td{padding:4px 6px;border-bottom:1px solid var(--border-soft);vertical-align:middle;}
.eom-in{width:100%;border:1px solid transparent;border-radius:6px;padding:7px 8px;font-size:var(--text-base);font-family:var(--font);color:var(--text-1);background:transparent;outline:none;}
.eom-in:hover{border-color:var(--border-soft);}
.eom-in:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.18);background:#fff;}
.eom-num{text-align:right;}
.eom-del{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.eom-del:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626;}
.eom-totals{margin-left:auto;width:min(22rem,100%);}
.eom-tot-row{display:flex;align-items:center;justify-content:space-between;padding:7px 2px;font-size:var(--text-md);color:var(--text-2);}
.eom-tot-row.grand{border-top:2px solid #1e293b;margin-top:4px;padding-top:11px;font-size:1.15rem;font-weight:700;color:var(--text-1);}
.eom-attach{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface-2);margin-bottom:7px;}
.eom-status-chip{display:inline-flex;align-items:center;gap:5px;height:1.5rem;border-radius:7px;border:1px solid;padding:0 0.6rem;font-size:var(--text-xs);font-weight:700;}
.pd-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.pd-dow{text-align:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:2px 0 4px;}
.pd-cell{border:1px solid var(--border-soft);border-radius:8px;padding:5px 5px 6px;min-height:56px;display:flex;flex-direction:column;gap:3px;background:#fff;}
.pd-cell.empty{background:transparent;border-color:transparent;}
.pd-cell.today{border-color:var(--accent);background:#eff6ff;}
.pd-cell.future{background:var(--surface-2);}
.pd-daynum{font-size:10px;font-weight:600;color:var(--text-3);}
.pd-cell.today .pd-daynum{color:var(--accent);}
.pd-occ{width:100%;border:1px solid transparent;border-radius:5px;padding:3px 2px;font-size:var(--text-base);font-weight:600;text-align:center;color:var(--text-1);background:transparent;outline:none;font-family:var(--font);-moz-appearance:textfield;}
.pd-occ::-webkit-outer-spin-button,.pd-occ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.pd-occ:hover{border-color:var(--border);background:#fff;}
.pd-occ:focus{border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.25);background:#fff;}
.inv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:0.875rem;padding:0.6rem 0.75rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.inv-monthnav{display:flex;align-items:center;gap:4px;}
.inv-step{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.inv-step:hover:not(:disabled){background:var(--surface-2);color:var(--text-1);}
.inv-step:disabled{opacity:.35;cursor:default;}
.inv-monthlbl{min-width:9.5rem;text-align:center;font-size:var(--text-md);font-weight:700;color:var(--text-1);}
.inv-exports{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.inv-exp-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:var(--text-sm);font-weight:600;color:var(--text-2);cursor:pointer;}
.inv-exp-btn:hover{background:var(--surface-2);color:var(--text-1);}
.inv-exp-btn.primary{background:#1e293b;border-color:#1e293b;color:#fff;}
.inv-exp-btn.primary:hover{background:#0f172a;color:#fff;}
'
+'.doc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px;}
'
+'.doc-prov{font-size:11px;color:#6b7280;line-height:1.55;margin-top:11px;}
.doc-prov b{color:#111827;font-size:12.5px;}
'
+'.doc-title{font-size:27px;font-weight:800;letter-spacing:-.02em;color:#111827;text-align:right;}
'
+'.doc-meta{font-size:12px;color:#4b5563;text-align:right;margin-top:8px;line-height:1.8;}
.doc-meta b{color:#111827;}
'
+'.doc-parties{display:flex;gap:34px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:16px 0;margin-bottom:22px;}
'
+'.doc-party{flex:1;}
.doc-party .lbl{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#9ca3af;margin-bottom:5px;}
'
+'.doc-party .nm{font-weight:700;color:#111827;font-size:14px;}
.doc-party .dt{font-size:11.5px;color:#4b5563;line-height:1.5;margin-top:3px;}
'
+'.doc-intro{font-size:15px;font-weight:700;color:#111827;margin-bottom:13px;}
'
+'.doc-tbl{width:100%;border-collapse:collapse;font-size:13px;}
'
+'.doc-tbl th{text-align:left;padding:9px 10px;border-bottom:2px solid #1e293b;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;}
'
+'.doc-tbl td{padding:9px 10px;border-bottom:1px solid #eef0f2;}
.doc-tbl .num{text-align:right;}
'
+'.doc-sec td{padding:13px 10px 5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;border:none!important;}
'
+'.doc-tot{width:100%;font-size:13px;margin-top:8px;}
.doc-tot td{padding:5px 10px;}
.doc-tot .lab{text-align:right;color:#6b7280;}
.doc-tot .val{text-align:right;width:140px;}
'
+'.doc-grand td{border-top:2px solid #1e293b;font-weight:800;font-size:16px;color:#111827;padding-top:11px;}
'
+'.doc-foot{margin-top:26px;border-top:1px solid #e5e7eb;padding-top:15px;font-size:11px;color:#6b7280;line-height:1.65;}
.doc-foot b{color:#374151;}
'
+'.doc-end{margin-top:30px;display:flex;justify-content:space-between;font-size:10.5px;color:#9ca3af;}

/* Safety modal overlays — mirror the work-order modal's slide-in. */
#t5-modal,#rtw-modal{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.32);display:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
#t5-modal.open,#rtw-modal.open{display:block;}
#t5-modal.open .wo-panel,#rtw-modal.open .wo-panel{transform:translateX(0);}

/* Quote / invoice status chips — coloured system (kit .st-* were never extracted). */
.eom-status-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid;border-radius:999px;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap;}
.st-draft{background:#f8fafc;border-color:#e2e8f0;color:#475569;}
.st-sent{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
.st-approved{background:#f0fdf4;border-color:#bbf7d0;color:#15803d;}
.st-rejected{background:#fef2f2;border-color:#fecaca;color:#dc2626;}
.st-invoiced{background:#faf5ff;border-color:#e9d5ff;color:#7e22ce;}

/* ── Sip Smart ─────────────────────────────────────────────── */
.sip-spin{width:30px;height:30px;border-radius:50%;border:3px solid var(--border,#e5e7eb);border-top-color:var(--accent,#8fcf69);animation:sipspin .7s linear infinite;}
@keyframes sipspin{to{transform:rotate(360deg);}}
.sip-table tbody tr{border-bottom:1px solid var(--border,#eef0f3);}
.sip-table tbody tr:last-child{border-bottom:0;}
.sip-table tbody tr:hover{background:var(--bg-2,#f8fafc);}
.sip-table td{padding:9px 14px;vertical-align:middle;}

/* ── Sip Smart Terminal — 9" tablet device frame ───────────────── */
.tab-stage{background:linear-gradient(165deg,#eef2f7,#dfe5ec);padding:2.25rem 1.5rem;display:flex;justify-content:center;}
.tab-device{position:relative;width:min(480px,100%);aspect-ratio:2/3;border-radius:1.4rem;padding:13px;
  background:linear-gradient(135deg,#4a4a4e 0%,#1c1c1e 18%,#48484a 42%,#1c1c1e 62%,#3a3a3c 85%,#5a5a5e 100%);
  box-shadow:0 30px 60px rgba(15,23,42,.40),0 5px 16px rgba(15,23,42,.25),inset 0 0 1px rgba(255,255,255,.45);}
.tab-screen{position:relative;width:100%;height:100%;border-radius:0.7rem;overflow:hidden;background:#fff;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.85);}
/* Render the app at a wider (tablet) viewport, then scale it down to fit the screen.
   width/height = 1/scale so the scaled iframe still fills the bezel (overscan clipped by overflow:hidden). */
.tab-screen iframe{position:absolute;top:0;left:0;width:167%;height:167%;border:none;display:block;background:#fff;
  transform:scale(.6);transform-origin:top left;}
.tab-cam{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#2b3a4d,#070b12 70%);box-shadow:0 0 0 1px rgba(255,255,255,.06);z-index:3;}