:root{--navy: #0B3D66;--navy-600: #114E80;--blue: #2563eb;--blue-600: #1d4ed8;--blue-700: #1e40af;--teal: #0891b2;--purple: #7c3aed;--ink: #0f172a;--muted: #64748b;--line: #e6eaf1;--line-strong: #d3dae5;--bg: #f4f7fb;--card: #ffffff;--card-2: #f6f9fc;--ok: #16a34a;--warn: #d97706;--bad: #dc2626;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 6px 16px rgba(15,23,42,.09), 0 2px 5px rgba(15,23,42,.05);--shadow-lg: 0 24px 50px rgba(15,23,42,.20);--tr: .16s ease}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--blue);text-decoration:none;transition:color var(--tr)}a:hover{color:var(--blue-600);text-decoration:underline}.nav{display:flex;align-items:center;gap:4px;background:linear-gradient(180deg,var(--navy-600) 0%,var(--navy) 100%);color:#fff;padding:0 18px;height:54px;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(11,37,69,.18);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{height:0}.nav .brand,.nav a.link,.nav .who,.nav button.signout{flex:0 0 auto}.nav .brand{font-weight:700;letter-spacing:.2px;margin-right:16px;white-space:nowrap;font-size:15px}.nav .brand small{font-weight:400;opacity:.68}.nav .brand{display:inline-flex;align-items:center;gap:6px}.nav .brand .brand-logo{height:34px;width:auto;display:block}.nav .brand-tag{flex:0 0 auto;font-weight:700;opacity:.75;margin-right:12px;letter-spacing:.3px}.nav a.link{color:#c3d0e2;padding:8px 12px;border-radius:8px;font-weight:500;white-space:nowrap;transition:background var(--tr),color var(--tr)}.nav a.link:hover{background:rgba(255,255,255,.09);color:#fff;text-decoration:none}.nav a.link.active{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,.5)}.nav .spacer{flex:1}.nav .who{color:#aebdd2;font-size:13px}.nav button.signout{background:transparent;color:#c3d0e2;border:1px solid rgba(255,255,255,.24);padding:6px 11px;border-radius:8px;cursor:pointer;transition:background var(--tr),color var(--tr)}.nav button.signout:hover{background:rgba(255,255,255,.12);color:#fff}@media (max-width: 720px){.nav{padding:0 10px}.nav .who{display:none}.nav .brand{margin-right:8px}.wrap{padding:16px 12px 60px}}html,body{max-width:100%}.wrap{max-width:min(1720px,96vw);margin:0 auto;padding:24px 18px 64px}@media (min-width: 1500px){#attention .grid.cols-4{grid-template-columns:repeat(5,1fr)}}.page-head{display:flex;align-items:center;gap:12px;margin:6px 0 20px}.page-head h1{font-size:24px;margin:0;letter-spacing:-.02em;color:var(--navy)}.page-head .sub{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.kpi{display:flex;flex-direction:column;gap:5px}.kpi .n{font-size:28px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.1}.kpi .l{color:var(--muted);font-size:12.5px;font-weight:500}table{width:100%;border-collapse:collapse;background:var(--card)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow);max-height:calc(100vh - 150px)}th,td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef2f8;font-weight:600;color:#334155;position:sticky;top:0;z-index:2;cursor:default;white-space:nowrap;letter-spacing:.01em}tbody tr{transition:background var(--tr)}tbody tr:hover{background:var(--card-2)}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 11px;outline:none;transition:border-color var(--tr),box-shadow var(--tr)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.14)}label.field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}label.field span.req::after{content:" *";color:var(--bad)}.btn{background:var(--blue);color:#fff;border:0;border-radius:var(--radius-sm);padding:9px 15px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--tr),box-shadow var(--tr),transform var(--tr)}.btn:hover{background:var(--blue-600);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}.btn.ghost:hover{background:var(--card-2);border-color:var(--blue);color:var(--blue)}.btn.sm{padding:6px 11px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em}.badge.scope1{background:#dbeafe;color:#1d4ed8}.badge.scope2{background:#cffafe;color:#0e7490}.badge.scope3{background:#ede9fe;color:#6d28d9}.badge.st-enquiry{background:#f1f5f9;color:#475569}.badge.st-quoting{background:#ffedd5;color:#c2410c}.badge.st-quoted{background:#fef9c3;color:#854d0e}.badge.st-confirmed{background:#e0f2fe;color:#0369a1}.badge.st-in_progress{background:#dbeafe;color:#1d4ed8}.badge.st-delivered{background:#e0e7ff;color:#4338ca}.badge.st-invoiced{background:#fae8ff;color:#a21caf}.badge.st-paid{background:#dcfce7;color:#15803d}.badge.st-closed{background:#f1f5f9;color:#475569}.badge.st-lost{background:#fee2e2;color:#b91c1c}.badge.st-cancelled{background:#fef3c7;color:#92400e}.badge.st-draft{background:#f1f5f9;color:#475569}.badge.st-open{background:#dbeafe;color:#1d4ed8}.badge.st-won{background:#dcfce7;color:#15803d}.badge.st-unpaid{background:#fef3c7;color:#b45309}.badge.st-prepared{background:#e0e7ff;color:#4338ca}.badge.st-ordered{background:#dbeafe;color:#1d4ed8}.badge.st-received{background:#cffafe;color:#0e7490}.badge.st-billed{background:#fae8ff;color:#a21caf}.badge.st-recorded{background:#cffafe;color:#0e7490}.badge.st-reconciled{background:#dcfce7;color:#15803d}.badge.st-settled{background:#ccfbf1;color:#0f766e}.badge.st-applied{background:#ccfbf1;color:#0f766e}.dt-net{font-size:11px;color:#b45309;white-space:nowrap}.dt-settled{font-size:11px;color:#0f766e;white-space:nowrap}.dt-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}.dt-row:last-child{border-bottom:0}.dt-row.sm{font-size:12px;padding:4px 0}.dt-row .dt-amt{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.dt-row .dt-date{font-size:11px;white-space:nowrap}.dt-row .badge{font-size:11px;padding:1px 8px}.dt-next.btn.sm{padding:2px 7px;font-size:11px}.dt-next:hover{text-decoration:none;border-color:var(--blue);color:var(--blue)}.dt-start{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.dt-col{min-width:0}.muted{color:var(--muted)}.right{text-align:right}.pos{color:var(--ok)}.neg{color:var(--bad)}.legal{font-style:italic;color:var(--navy)}.banner{padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:16px}.banner.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.banner.err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.banner.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.hidden{display:none!important}.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-bg.show{display:flex}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:640px;padding:22px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal.lg{max-width:1120px;padding:24px 28px}.modal h2{margin:0 0 16px;font-size:18px;letter-spacing:-.01em;color:var(--navy)}.modal .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.modal .row{grid-template-columns:1fr}}.modal .row>*{min-width:0}label.field>input,label.field>select,label.field>textarea{width:100%;min-width:0;box-sizing:border-box}th.sortable{cursor:pointer;user-select:none;white-space:nowrap}th.sortable:hover{text-decoration:underline}th.sortable.on::after{content:" ▼";font-size:9px}th.sortable.on[data-dir=asc]::after{content:" ▲";font-size:9px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.att-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ansBtn{border:none;background:none;color:var(--blue);cursor:pointer;font-size:11px;padding:0 2px}.ansBox{background:#f3f6fa;border:1px solid #d7dee8;border-radius:6px;padding:8px;margin:4px 0 6px}.ansBox .q{font-size:12px;font-weight:600;color:var(--navy);white-space:pre-wrap;margin-bottom:4px}.ansBox .ctx{font-size:11px;white-space:pre-wrap;margin-bottom:6px}.ansBox .chips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.ansChip{font-size:10.5px;border:1px solid #c7d2e0;background:#fff;border-radius:10px;padding:2px 8px;cursor:pointer}.ansBox .send-row{display:flex;gap:6px}.ansBox .send-row input{flex:1;font-size:12px;padding:4px 8px;border:1px solid #c7d2e0;border-radius:6px}.ansSend{font-size:11px;padding:4px 10px}.jump-drop{min-width:480px;max-width:640px}.mnav,.mnav-sheet-bg{display:none}.m-only{display:none}@media (max-width: 720px){html,body{overflow-x:clip}body{font-size:13px}.wrap{padding:12px 10px 22px}.page-head{flex-wrap:wrap;row-gap:8px;margin-bottom:12px}.page-head h1{font-size:19px}.card{padding:13px 14px}.grid{gap:11px}.kpi .n{font-size:22px}label.field{font-size:12px;gap:4px}.btn,.btn.sm{min-height:40px}input,select,textarea{min-height:36px;font-size:15px}input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px}.seg button{min-height:36px}th,td{padding:7px 9px}.toolbar{gap:8px}.m-only{display:revert}.toolbar>input:not([type=date]){flex:1 1 100%;min-width:0!important}.toolbar>input[type=date]{flex:1 1 120px;min-width:0}.toolbar>select{flex:1 1 auto;min-width:0!important;max-width:100%}.page-head .sub{display:none}.msort{display:inline-flex;position:relative;align-items:center;justify-content:center;width:42px;min-height:40px;flex:0 0 auto;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.msort .ic{font-size:17px;line-height:1}.msort select{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0}.msort.on{border-color:var(--blue)}.msort.on .ic{color:var(--blue)}.modal-bg{padding:14px 8px}.modal,.modal.lg{padding:14px}.table-wrap.cards-m{border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;max-height:none}.cards-m table{background:none}.cards-m thead{display:none}.cards-m tbody,.cards-m tbody tr,.cards-m tbody td{display:block}.cards-m tbody tr{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 10px;padding:10px 12px}.cards-m tbody tr:hover{background:var(--card)}.cards-m tbody td{border-bottom:0;padding:3px 0}.cards-m tbody td:empty{display:none}.cards-m tbody td.bulksel{display:none}.cards-m td[data-label]{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;justify-content:flex-end;text-align:right;overflow-wrap:anywhere;min-width:0}.cards-m td[data-label]::before{content:attr(data-label);margin-right:auto;padding-right:8px;color:var(--muted);font-size:11px;font-weight:500;text-align:left;flex:0 0 auto}.cards-m td[data-label]>div{flex:1 1 100%}.cards-m td>.btn{width:100%;margin-top:6px}body.has-mobilenav{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}body.has-mobilenav .nav{height:48px}body.has-mobilenav .nav #navLinks,body.has-mobilenav .nav .signout{display:none}.mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:46;gap:2px;background:linear-gradient(0deg,var(--navy) 0%,var(--navy-600) 100%);box-shadow:0 -2px 12px rgba(11,37,69,.30);padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px))}.mnav .mnav-it{flex:1 1 0;min-width:0;min-height:48px;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#c3d0e2;font-family:inherit;font-size:10.5px;line-height:1.15;font-weight:500;text-decoration:none;border-radius:9px;padding:4px 2px;white-space:nowrap;overflow:hidden}.mnav .mnav-it .ic{font-size:19px;line-height:1.2}.mnav .mnav-it.active{color:#fff;background:rgba(255,255,255,.16)}.mnav .mnav-it:hover{text-decoration:none;color:#fff}.mnav-sheet-bg.show{display:block;position:fixed;inset:0;z-index:70;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mnav-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);max-height:78vh;overflow:auto}.mnav-sheet .who-line{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mnav-sheet .who-line .em{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12.5px}.mnav-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mnav-sheet-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:10px 4px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:12px;font-weight:500;text-align:center}.mnav-sheet-grid a:hover{text-decoration:none}.mnav-sheet-grid a.active{border-color:var(--blue);color:var(--blue);background:#eff6ff}.mnav-sheet-grid a .ic{font-size:22px;line-height:1}.wrap.m-feed-first{display:flex;flex-direction:column}.wrap.m-feed-first>#attention{order:-2}.wrap.m-feed-first>#recbill{order:-1}.att-line{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ansBtn{font-size:15px;padding:4px 8px;margin:-2px 0}.ansBox{padding:10px}.ansBox .q{font-size:14px}.ansBox .ctx{font-size:12.5px}.ansChip{font-size:12.5px;padding:8px 11px;min-height:36px}.ansBox .send-row{flex-wrap:wrap}.ansBox .send-row input{flex:1 1 150px;font-size:16px;padding:9px 10px;min-height:42px}.ansSend{font-size:14px;padding:9px 14px}#outRows>[data-k],#inRows>[data-k]{flex-wrap:wrap}#outRows .idesc,#inRows .idesc{flex-basis:100%!important}.jump-drop{min-width:0;max-width:none;width:100%}.li-table{min-width:640px}body.has-mobilenav #toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}tbody tr.has-sub td{border-bottom:0}tbody tr.sub td:first-child{border-bottom:0}body.no-ai .ansBox{opacity:.55}body.no-ai .ansBox textarea,body.no-ai .ansBox input,body.no-ai .ansBox button,body.no-ai .ansBox select{pointer-events:none}body.no-ai .ansBox::before{content:"No AI connected — this box is switched off";display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}
