:root{--bg:#f6f7fb;--panel:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#0f172a;--accent:#2563eb;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--soft:#f3f4f6}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#1e293b)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#0f172a;color:#e5e7eb;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-weight:800;font-size:20px;margin-bottom:20px;letter-spacing:-.02em}.nav a{display:block;color:#cbd5e1;padding:10px 12px;border-radius:10px;margin:2px 0;text-decoration:none}.nav a:hover,.nav a.active{background:#1e293b;color:#fff}.main{flex:1;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:2}.content{padding:28px;max-width:1500px}.h1{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:0 0 18px}.sub{color:var(--muted);margin-top:-10px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:26px;font-weight:800;margin-top:8px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#fafafa}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;background:#111827;color:#fff;padding:9px 13px;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.2}.btn:hover{text-decoration:none;background:#0b1220}.btn.secondary{background:#e5e7eb;color:#111827}.btn.ghost{background:transparent;color:#111827;border:1px solid var(--line)}.btn.danger{background:#b91c1c}.btn.small{padding:6px 9px;font-size:13px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start;margin:12px 0}.form-row label{font-weight:700;padding-top:9px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 11px;font:inherit;background:#fff;color:#111827}textarea{min-height:90px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.2);border-color:#2563eb}.help{font-size:12px;color:var(--muted);margin-top:5px}.badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.badge.ok{background:#dcfce7;color:var(--ok)}.badge.warn{background:#fef3c7;color:var(--warn)}.badge.bad{background:#fee2e2;color:var(--bad)}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.muted{background:#f3f4f6;color:#4b5563}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-weight:700}.flash.ok{background:#dcfce7;color:#14532d}.flash.error{background:#fee2e2;color:#7f1d1d}.flash.info{background:#dbeafe;color:#1e3a8a}.login-card{width:420px;background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.login-title{font-size:28px;font-weight:900;margin:0 0 8px}.muted{color:var(--muted)}.invoice-items{width:100%;border-collapse:separate;border-spacing:0 8px}.invoice-items th,.invoice-items td{border:0;background:#fff;padding:5px}.invoice-items input,.invoice-items select{padding:8px;border-radius:8px}.right{text-align:right}.print-sheet{background:#fff;color:#111827;max-width:900px;margin:0 auto;padding:42px;border:1px solid var(--line)}.print-header{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #111827;padding-bottom:20px;margin-bottom:22px}.print-logo{max-height:80px;max-width:220px}.print-title{font-size:32px;font-weight:900}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}.print-total{font-size:22px;font-weight:900}.nowrap{white-space:nowrap}.empty{padding:30px;text-align:center;color:var(--muted)}.danger-zone{border-color:#fecaca;background:#fff7f7}.search-line{display:flex;gap:10px;margin-bottom:14px}.mini{font-size:12px;color:var(--muted)}@media(max-width:960px){.app{display:block}.sidebar{position:relative;width:auto;height:auto}.topbar{position:relative}.content{padding:16px}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.print-grid,.print-header{grid-template-columns:1fr;display:block}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.actions{display:none!important}.app,.main,.content{display:block;padding:0;margin:0}.print-sheet{border:0;box-shadow:none;max-width:none;margin:0;padding:20mm}.card{border:0;box-shadow:none}.table-wrap{border:0}}
.compact-filter{padding:14px}.invoice-print-body{background:#e5e7eb}.invoice-a4{width:210mm;min-height:297mm;margin:0 auto;background:#fff;color:#111827;padding:11mm 8mm 10mm;position:relative;font-size:12px}.invoice-print-actions{position:sticky;top:0;background:#fff;padding:8px 0;margin:-8mm 0 8mm;z-index:10}.invoice-head{display:grid;grid-template-columns:58mm 1fr;gap:10mm;align-items:start;margin-bottom:10mm;border-bottom:1px solid #9ca3af;padding-bottom:7mm}.invoice-logo-box{width:32mm;min-height:22mm;display:flex;align-items:flex-start}.invoice-logo-box img{max-width:28mm;max-height:24mm;object-fit:contain}.invoice-title{font-size:18px;font-weight:900;letter-spacing:-.02em;text-align:left}.invoice-title span{color:#777}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;margin-top:0;margin-bottom:7mm}.invoice-parties>div{padding:8mm 6mm 7mm 0}.invoice-parties .invoice-customer{background:#f3f3f3;padding-left:7mm}.tiny-label{font-size:10px;color:#8b8b8b;margin-bottom:4mm}.invoice-parties h2{font-size:15px;margin:0 0 2mm;font-weight:900}.invoice-parties p{margin:0 0 3mm;line-height:1.45}.invoice-parties span{display:inline-block;color:#777;width:10mm}.invoice-paybar{background:#002b66;color:#fff;margin:0 -8mm 7mm;padding:7mm 8mm;position:relative;font-size:14px;line-height:1.5}.invoice-paybar strong{font-weight:900}.qr-placeholder{position:absolute;right:8mm;top:-5mm;width:34mm;height:34mm;background:#fff;color:#002b66;display:grid;place-items:center;text-align:center;font-weight:900;box-shadow:0 0 0 8px #fff}.qr-placeholder span{font-size:24px;border:4px solid #002b66;padding:4px}.qr-placeholder small{display:block;font-size:8px;color:#111}.invoice-meta{display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr;gap:8mm;margin-bottom:19mm}.invoice-meta span{display:inline-block;width:28mm;color:#777;font-size:10px}.invoice-meta strong{font-size:10px}.invoice-table{font-size:12px}.invoice-table th{background:#fff;border-bottom:1px solid #ddd;text-transform:none;letter-spacing:0;color:#777;font-size:11px}.invoice-table td{border-bottom:1px solid #ddd;padding:3mm 2mm}.invoice-bottom{display:grid;grid-template-columns:1fr 58mm;gap:8mm;margin-top:8mm}.invoice-sum>div{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:2mm 0}.invoice-sum .invoice-total{font-size:20px;border-top:2px solid #111;border-bottom:0;font-weight:900}.invoice-footer{position:absolute;left:6mm;right:6mm;bottom:8mm;border-top:1px solid #e5e7eb;padding-top:5mm;display:flex;justify-content:space-between;align-items:flex-end}.invoice-footer div:first-child{margin-left:auto;margin-right:24mm;font-size:11px}.no-print{display:block}@media print{.invoice-print-body{background:#fff}.invoice-a4{width:auto;min-height:auto;margin:0;padding:11mm 8mm 10mm}.invoice-print-actions,.no-print{display:none!important}@page{size:A4;margin:0}}

.invoice-a4{padding:11mm 8mm 10mm}
.invoice-head{display:grid;grid-template-columns:58mm 1fr;gap:10mm;margin-bottom:10mm;align-items:start;border-bottom:1px solid #9ca3af;padding-bottom:7mm}
.invoice-title{display:flex;flex-direction:column;align-items:flex-start;gap:2mm;max-width:72mm;text-align:left}
.invoice-title-main{font-size:24px;font-weight:900;line-height:1}
.invoice-title-number{font-size:14px;color:#6b7280;line-height:1.2;word-break:break-word;max-width:72mm}
.invoice-head-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8mm;align-items:start}
.invoice-head-dates span{display:block;font-size:10px;color:#777;margin-bottom:2mm}
.invoice-head-dates strong{display:block;font-size:12px}
.invoice-parties{margin-top:0;margin-bottom:7mm}
.invoice-paybar{display:block;min-height:25mm;background:#002b66;color:#fff;margin:0 -8mm 7mm;padding:7mm 48mm 7mm 8mm;position:relative;font-size:14px;line-height:1.5}
.invoice-paybar,.invoice-paybar *{color:#fff!important}
.invoice-paybar-text{min-width:0}
.invoice-paybar strong{font-weight:900}
.invoice-qr-box{position:absolute;right:8mm;top:-3mm;width:33mm;min-width:33mm;background:#fff;color:#111827!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5mm;box-shadow:0 0 0 6px #fff}
.invoice-qr-box img{display:block;width:30mm;height:30mm;object-fit:contain}
.invoice-qr-box small{display:block;font-size:8px;line-height:1.1;color:#111827!important;margin-top:1.5mm}
.invoice-meta{grid-template-columns:1fr 1.15fr 1fr;gap:6mm}
.invoice-meta.invoice-meta-bank{grid-template-columns:1fr 1.2fr 1fr;gap:8mm;margin:0 0 11mm}
.invoice-meta-bank span{display:block;width:auto;margin-bottom:2mm}
.invoice-meta-bank strong{display:block;font-size:11px}
.invoice-table td,.invoice-table th{white-space:normal}
@media(max-width:960px){.invoice-paybar{padding-right:8mm;padding-bottom:40mm}.invoice-qr-box{top:auto;right:8mm;bottom:5mm}}

.form-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:-4px 0 18px;padding-bottom:10px}
.tab-btn{border:1px solid var(--line);background:#fff;color:#111827;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer}
.tab-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}
.tab-panel{display:none}
.tab-panel.active{display:block}
.recurring-enable{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px;font-weight:800}
.recurring-box{transition:opacity .15s ease,filter .15s ease}
.recurring-box.is-disabled{opacity:.48;filter:grayscale(.2)}
.recurring-box.is-disabled input,.recurring-box.is-disabled select,.recurring-box.is-disabled textarea{pointer-events:none}
.form-actions-sticky{position:sticky;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:14px 0 0;margin-top:18px;z-index:3}
@media(max-width:760px){.tab-btn{flex:1 1 auto}.form-actions-sticky{position:static}}

.pro-invoices th,.pro-invoices td{font-size:13px;vertical-align:middle}.pro-invoices .strong-link{font-weight:900;color:#0f172a}.pro-invoices tr.is-overdue{background:#fff1f2}.pro-invoices tr.is-unpaid{background:#fff}.pro-invoices tr.is-paid{background:#f0fdf4}.date-bad{color:#b91c1c;font-weight:900}.cashflow{font-size:12px;font-weight:900;border-radius:999px;padding:3px 7px;display:inline-flex}.cashflow.bad{background:#fee2e2;color:#991b1b}.cashflow.ok{background:#dcfce7;color:#166534}.row-actions{position:static;display:inline-block;overflow:visible}.dots{border:1px solid #cbd5e1;background:#fff;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer}.action-menu{display:none;position:fixed;left:auto;top:auto;right:auto;bottom:auto;z-index:99999;min-width:270px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dbe4f0;border-radius:14px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:8px}.action-menu.is-open{display:block;visibility:visible;opacity:1;pointer-events:auto}.action-menu a{display:block;padding:8px 10px;border-bottom:1px solid #edf2f7;border-radius:9px;color:#111827;text-decoration:none;font-size:13px;font-weight:650;transition:background .1s ease}.action-menu a:last-child{border-bottom:0}.action-menu a:hover{background:#eff5ff;color:#1d4ed8}.action-menu a.danger-link{color:#991b1b!important}.action-menu a.danger-link:hover{background:#fef2f2!important;color:#7f1d1d!important}body.action-menu-open{overflow-x:hidden}.invoice-filter .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bulkbar{display:flex;gap:8px;align-items:center;margin:0 0 10px}.bulkbar select{max-width:260px}.copy-line{display:flex}.copy-line input{border-radius:10px 0 0 10px}.copy-line .btn{border-radius:0 10px 10px 0}.editor-large{min-height:220px}.share-dialog input[readonly]{background:#f8fafc}.is-loading{opacity:.45}.badge.bad{background:#fee2e2;color:#b91c1c}.badge.warn{background:#fef3c7;color:#92400e}.badge.ok{background:#dcfce7;color:#166534}@media(max-width:1180px){.invoice-filter .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.invoice-filter .form-grid{grid-template-columns:1fr}}

.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.filters label{min-width:190px;font-weight:700}
.row-overdue{background:#fff1f2}
.kpi .value.small{font-size:18px;line-height:1.25}
.card table th:first-child{width:auto}
input[type=file]{padding:8px;background:#f8fafc}
@media(max-width:900px){.filters{display:block}.filters label{display:block;margin-bottom:10px}}

:root{--sidebar-w:210px}
html,body{width:100%;min-width:0;overflow-x:hidden}
.app{grid-template-columns:var(--sidebar-w) minmax(0,1fr);width:100%;max-width:none}
.sidebar{width:var(--sidebar-w)}
.main{min-width:0;width:100%;max-width:none}
.content{width:100%;max-width:none;margin:0;padding:26px 30px 44px;box-sizing:border-box}
.card,.kpi,.flash,.invoice-filter{max-width:none;box-sizing:border-box}
.table-wrap{width:100%;max-width:none;overflow-x:auto;overflow-y:visible;border-radius:12px}
.table-wrap table{width:100%;min-width:0;table-layout:auto}
.pro-invoices th,.pro-invoices td{font-size:12px;padding:10px 8px;white-space:normal;line-height:1.35}
.pro-invoices th:nth-child(1),.pro-invoices td:nth-child(1){width:34px;text-align:center}
.pro-invoices th:nth-child(2),.pro-invoices td:nth-child(2){width:52px}
.pro-invoices th:nth-child(3),.pro-invoices td:nth-child(3){width:118px}
.pro-invoices th:nth-child(4),.pro-invoices td:nth-child(4){width:78px}
.pro-invoices th:nth-child(6),.pro-invoices td:nth-child(6){min-width:160px}
.pro-invoices th:nth-child(8),.pro-invoices td:nth-child(8){width:115px;text-align:right}
.row-actions{position:static}
.dots{position:relative;z-index:2}
.invoice-filter .form-grid{grid-template-columns:repeat(6,minmax(135px,1fr));gap:10px}
.invoice-filter label{font-size:12px}
.invoice-filter input,.invoice-filter select{padding:8px 9px;font-size:13px}
.bulkbar{width:100%}.bulkbar select{max-width:360px}
.layout-wide-note{display:block;color:#64748b;font-size:12px;margin:-8px 0 12px}
@media(min-width:1500px){.content{padding-left:36px;padding-right:36px}.pro-invoices th,.pro-invoices td{font-size:13px;padding:11px 9px}.invoice-filter .form-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}}
@media(max-width:1280px){.invoice-filter .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-wrap{overflow-x:auto}}
@media(max-width:900px){:root{--sidebar-w:0px}.app{display:block}.sidebar{width:auto}.content{padding:16px}.invoice-filter .form-grid{grid-template-columns:1fr}.table-wrap{overflow-x:auto}}


.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:10px 0 18px}
.perm-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:10px;font-size:13px}
.perm-item input{width:auto;margin-top:3px}.perm-item small{display:block;color:#6b7280;margin-top:2px}
.clean-list{margin:0;padding-left:18px}.clean-list li{margin:8px 0}.lock-chip{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:999px;background:#fff7ed;color:#9a3412;font-weight:800;font-size:12px}
body .main{max-width:none}.content{max-width:none}.table-wrap{max-width:none}
@media(min-width:1400px){.form-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

.brand{display:flex;align-items:center;gap:10px;color:#fff;line-height:1.15}
.brand-logo{max-width:34px;max-height:34px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.tenant-pill{display:inline-flex;margin-left:12px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800;vertical-align:middle}
.sidebar{background:var(--brand)}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.12);color:#fff}
a{color:var(--accent)}
input[type=color]{height:42px;padding:4px}
.value.small{font-size:16px;line-height:1.3;word-break:break-word}
.onboarding-progress{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.onboarding-progress span{display:block;height:100%;background:var(--accent)}
@media(min-width:1600px){.content{padding-left:42px;padding-right:42px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

html,body{width:100%;min-height:100%;overflow-x:hidden;background:var(--bg)}
.app{display:grid!important;grid-template-columns:var(--sidebar-w,210px) minmax(0,1fr)!important;width:100vw;max-width:none;min-height:100vh}
.sidebar{width:var(--sidebar-w,210px)!important;min-width:var(--sidebar-w,210px);height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden}
.main{width:100%;max-width:none!important;min-width:0;display:flex;flex-direction:column}
.topbar{width:100%;z-index:50}
.content{width:100%!important;max-width:none!important;margin:0!important;padding:24px 28px 48px!important;box-sizing:border-box}
.content>.card,.content>.grid,.content>.kpi,.content>.flash,.invoice-filter{width:100%;max-width:none!important}
.table-wrap{width:100%!important;max-width:none!important;overflow-x:auto!important;overflow-y:visible!important;border-radius:14px}
.table-wrap table{width:100%;min-width:0!important;max-width:none;table-layout:auto}
.pro-invoices{width:100%;min-width:1180px;table-layout:auto}
.pro-invoices th,.pro-invoices td{white-space:normal!important;word-break:normal;overflow:visible}
.pro-invoices .nowrap,.nowrap{white-space:nowrap!important}
.invoice-filter{padding:16px 18px!important}
.invoice-filter .form-grid{grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:10px!important}
.row-actions{overflow:visible}.dots{z-index:4}
body.menu-open{overflow-x:hidden}.dashboard-safe-note{font-size:12px;color:#64748b;margin-top:-8px;margin-bottom:12px}
@media(min-width:1800px){:root{--sidebar-w:230px}.content{padding-left:36px!important;padding-right:36px!important}.pro-invoices th,.pro-invoices td{font-size:13px;padding:11px 9px}.invoice-filter .form-grid{grid-template-columns:repeat(7,minmax(130px,1fr))!important}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:2300px){.content{padding-left:44px!important;padding-right:44px!important}.invoice-filter .form-grid{grid-template-columns:repeat(8,minmax(140px,1fr))!important}.pro-invoices th,.pro-invoices td{font-size:14px}}
@media(max-width:1280px){.table-wrap{overflow-x:auto!important}.invoice-filter .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pro-invoices{min-width:1180px}}
@media(max-width:900px){.app{display:block!important;width:100%!important}.sidebar{position:relative!important;width:100%!important;min-width:0;height:auto;max-height:none}.topbar{position:relative;height:auto;min-height:58px;padding:12px 16px;gap:12px;align-items:flex-start;flex-direction:column}.content{padding:14px!important}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr!important}.invoice-filter .form-grid{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto!important}.pro-invoices{min-width:1050px}}


:root{--ui-bg:#f4f7fb;--ui-panel:#fff;--ui-border:#d9e2ef;--ui-text:#0f172a;--ui-muted:#64748b;--ui-soft:#eef4fb;--ui-danger:#dc2626;--ui-ok:#15803d;--sidebar-w:248px;--topbar-h:68px;--radius:12px;--radius-sm:8px;--shadow-soft:0 12px 34px rgba(15,23,42,.07)}
body.app-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ui-bg)!important;color:var(--ui-text);font-size:13px;line-height:1.35}
.app-shell .app{display:block!important;background:var(--ui-bg)!important;min-height:100vh;width:100%!important}
.app-shell .app-sidebar{background:linear-gradient(165deg,var(--brand,#0f172a) 0%,var(--brand,#0f172a) 42%,var(--accent,#2563eb) 100%)!important;color:#dbeafe!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:none!important;padding:14px 11px!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;position:fixed!important;inset:0 auto 0 0!important;width:var(--sidebar-w,248px)!important;min-width:var(--sidebar-w,248px)!important;z-index:250!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.app-shell.sidebar-blue .app-sidebar{background:linear-gradient(165deg,var(--brand,#0f172a) 0%,var(--brand,#0f172a) 36%,var(--accent,#2563eb) 100%)!important}
.app-shell.sidebar-light .app-sidebar{background:#fff!important;color:#0f172a!important;border-right:1px solid var(--ui-border)}
.app-shell .app-brand{height:auto!important;min-height:58px!important;padding:6px 6px 14px!important;margin-bottom:4px!important;display:flex!important;gap:10px!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.09)}
.app-shell.sidebar-light .app-brand{border-bottom-color:#e5e7eb}.app-shell .brand-mark{width:42px;height:42px;min-width:42px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;box-shadow:0 9px 24px rgba(0,0,0,.16)}
.app-shell .brand-logo{display:block!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;object-fit:contain!important;padding:4px!important;background:#fff!important;border-radius:12px!important}.app-shell .brand-initial{font-weight:900;color:var(--brand);font-size:18px}.app-shell .brand-copy{min-width:0}.app-shell .brand-copy strong{display:block;color:#fff;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell.sidebar-light .brand-copy strong{color:#0f172a}.app-shell .brand-copy small{display:block;color:#94a3b8;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell.sidebar-light .brand-copy small{color:#64748b}
.app-shell .nav-groups{padding:4px 0 96px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}.app-shell .nav-section{margin:7px 0;border-radius:12px}.app-shell .nav-section summary{list-style:none;cursor:pointer;color:#93a4bb;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:800;padding:7px 8px 5px;display:flex;align-items:center;justify-content:space-between}.app-shell .nav-section summary::-webkit-details-marker{display:none}.app-shell .nav-section summary:after{content:'›';transform:rotate(90deg);font-size:14px;opacity:.8}.app-shell .nav-section:not([open]) summary:after{transform:rotate(0)}.app-shell.sidebar-light .nav-section summary{color:#64748b}.app-shell .nav-section-items{display:grid;gap:2px}.app-shell .nav-section-items a{height:34px!important;padding:0 9px!important;border-radius:9px!important;display:flex!important;align-items:center!important;gap:9px!important;color:#dce8f8!important;text-decoration:none!important;font-size:12.5px!important;font-weight:650!important;line-height:1!important;background:transparent!important}.app-shell.sidebar-light .nav-section-items a{color:#253047!important}.app-shell .nav-section-items a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.app-shell.sidebar-light .nav-section-items a:hover{background:#f1f5f9!important;color:#0f172a!important}.app-shell .nav-section-items a.active{background:linear-gradient(90deg,var(--accent),rgba(37,99,235,.64))!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.28)}.app-shell .nav-ico{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.09);font-size:11px;font-weight:900;color:#fff}.app-shell.sidebar-light .nav-ico{background:#eaf1fb;color:#1e3a8a}.app-shell a.active .nav-ico{background:rgba(255,255,255,.22);color:#fff}
.app-shell .app-main{background:var(--ui-bg)!important;min-width:0;margin-left:var(--sidebar-w,248px)!important;width:calc(100% - var(--sidebar-w,248px))!important;min-height:100vh!important}.app-shell .app-topbar{height:var(--topbar-h)!important;min-height:var(--topbar-h);background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--ui-border)!important;display:grid!important;grid-template-columns:minmax(176px,250px) minmax(160px,1fr) auto auto;align-items:center;gap:12px;padding:10px 22px!important;position:sticky;top:0;z-index:120}.app-shell .topbar-left{display:flex;align-items:center;gap:10px;min-width:0;width:100%;overflow:hidden}.app-shell .mobile-nav-toggle{display:none;border:0;background:#eaf1fb;color:#0f172a;border-radius:10px;height:36px;width:38px;font-weight:900}.app-shell .page-title{min-width:0;max-width:100%;overflow:hidden}.app-shell .page-title strong{display:block;font-size:14px;line-height:1.15;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.app-shell .page-title small{display:block;font-size:11px;color:var(--ui-muted);margin-top:3px;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.app-shell .top-search{width:100%;min-width:0}.app-shell .top-search input{height:38px;border-radius:12px;background:#f8fafc;border:1px solid #dbe4f0;padding:0 13px;font-size:12px;width:100%}.app-shell .top-search input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:0}.app-shell .top-indicators{display:flex;align-items:center;gap:7px;white-space:nowrap}.app-shell .top-chip{display:flex;align-items:center;gap:5px;height:34px;padding:0 9px;border-radius:11px;background:#f1f5f9;color:#334155;text-decoration:none;font-size:11px}.app-shell .top-chip strong{font-size:14px;color:#0f172a}.app-shell .top-chip.danger{background:#fff1f2;color:#be123c}.app-shell .top-chip.danger strong{color:#be123c}.app-shell .top-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:0}.app-shell .top-create{height:36px!important;display:inline-flex!important;align-items:center!important;border-radius:11px!important;padding:0 13px!important;font-size:12px!important;white-space:nowrap!important}.app-shell .profile-menu{position:relative}.app-shell .profile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}.app-shell .profile-menu summary::-webkit-details-marker{display:none}.app-shell .avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-size:12px;font-weight:900}.app-shell .profile-name{font-size:12px;font-weight:800;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .profile-dropdown{position:absolute;right:0;top:42px;width:190px;background:#fff;border:1px solid var(--ui-border);border-radius:13px;box-shadow:0 18px 48px rgba(15,23,42,.18);padding:7px;z-index:200}.app-shell .profile-dropdown a{display:block;padding:9px 10px;border-radius:9px;color:#0f172a;text-decoration:none;font-weight:700;font-size:12px}.app-shell .profile-dropdown a:hover{background:#f1f5f9}
.app-shell .app-content{padding:20px 24px 44px!important;max-width:none!important;width:100%!important}.app-shell .h1{font-size:22px!important;letter-spacing:-.03em;margin:0 0 14px!important}.app-shell .sub{font-size:12.5px;color:var(--ui-muted);margin-top:-6px}.app-shell .card{border:1px solid var(--ui-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--shadow-soft)!important;padding:16px!important}.app-shell .grid{gap:14px!important}.app-shell .kpi{border:1px solid var(--ui-border)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important;padding:14px!important}.app-shell .kpi .value{font-size:22px!important;letter-spacing:-.03em}.app-shell .table-wrap{background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}.app-shell table{border-collapse:separate!important;border-spacing:0!important}.app-shell th{font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:#64748b!important;background:#f8fafc!important;padding:9px 10px!important}.app-shell td{font-size:12.5px!important;padding:9px 10px!important;border-bottom:1px solid #edf2f7!important}.app-shell tr:hover td{background:#fbfdff}.app-shell .btn{border-radius:10px!important;height:34px;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;font-size:12px!important;font-weight:800!important;box-shadow:none!important}.app-shell .btn.small{height:28px!important;padding:0 9px!important;font-size:11px!important}.app-shell .btn.secondary{background:#edf2f7!important;color:#172033!important;border:1px solid #d7e1ee!important}.app-shell .btn.ghost{background:transparent!important;color:#64748b!important;border:1px solid transparent!important}.app-shell .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px!important}.app-shell input,.app-shell select,.app-shell textarea{border-radius:10px!important;border:1px solid #d7e1ee!important;background:#fff;font-size:12.5px!important;min-height:36px}.app-shell label{font-size:12px!important;font-weight:750!important;color:#253047!important}.app-shell .form-grid{gap:10px 12px!important}.app-shell .form-grid.compact{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.app-shell label.wide{grid-column:span 2}.app-shell .checkline,.app-shell label:has(input[type=checkbox]){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:34px!important;width:auto!important}.app-shell input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;accent-color:var(--accent)}.app-shell .field-check{align-self:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px!important}.app-shell .color-compact{height:38px!important;width:88px!important;padding:3px!important}.app-shell .settings-section{border-bottom:1px solid #e8eef6;padding:0 0 16px;margin:0 0 16px}.app-shell .settings-section h2{font-size:14px;margin:0 0 10px}.app-shell .sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.1),#fff 30%);padding:14px 0 0}.app-shell .badge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.app-shell .flash{border-radius:13px!important;border:1px solid #dbeafe!important;padding:11px 13px!important;font-size:12.5px!important}.app-shell .invoice-filter .form-grid{grid-template-columns:repeat(6,minmax(120px,1fr))!important}.app-shell .tenant-pill,.app-shell .layout-wide-note{display:none!important}
body.login-product{min-height:100vh;background:#0b1324;background-size:cover;background-position:center;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.login-product:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.30),transparent 32%),linear-gradient(120deg,rgba(2,6,23,.88),rgba(15,23,42,.45));z-index:0}.login-stage{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:42px;align-items:stretch;padding:48px 66px}.login-hero{display:flex;flex-direction:column;justify-content:space-between;padding:8px 0 42px}.login-brandline{display:flex;align-items:center;gap:13px;font-weight:900}.login-brandline img,.login-brandline span{width:44px;height:44px;border-radius:13px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;object-fit:contain;padding:4px}.login-copy{max-width:760px;animation:loginFloat .75s ease-out both}.login-copy .eyebrow{color:#a6c8ff;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:900}.login-copy h1{font-size:clamp(42px,5.2vw,76px);line-height:.95;letter-spacing:-.06em;margin:12px 0 18px}.login-copy>p:not(.eyebrow){font-size:18px;line-height:1.55;color:#dbeafe;max-width:620px}.login-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.login-points span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850}.login-panel-wrap{display:flex;align-items:center;justify-content:flex-end}.login-product-card{width:100%;max-width:390px;background:rgba(255,255,255,.94)!important;color:#0f172a;border:1px solid rgba(255,255,255,.7);border-radius:24px!important;padding:28px!important;box-shadow:0 28px 90px rgba(0,0,0,.32)!important;backdrop-filter:blur(18px)}.login-product-card h2{font-size:26px;margin:0 0 4px;letter-spacing:-.04em}.login-product-card label{display:block;margin-top:14px;font-size:12px;font-weight:850;color:#334155}.login-product-card input{width:100%;height:44px;border-radius:12px;border:1px solid #d7e1ee;padding:0 12px;font-size:14px}.login-product-card input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}.login-row .checkline{margin:0!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;color:#64748b!important}.login-row input[type=checkbox]{width:15px;height:15px;margin:0}.login-help{font-size:12px;font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap}.login-submit{width:100%;height:44px!important;margin-top:4px}.login-layout-clean_panel .login-stage{grid-template-columns:1fr;place-items:center}.login-layout-clean_panel .login-hero{display:none}.login-layout-dark_split .login-stage{grid-template-columns:1fr 1fr}.login-layout-dark_split .login-panel-wrap{justify-content:center}@keyframes loginFloat{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1500px){.app-shell .app-topbar{grid-template-columns:minmax(176px,230px) minmax(160px,1fr) auto}.app-shell .top-indicators{display:none}.app-shell .profile-name{display:none}.app-shell .form-grid.compact{grid-template-columns:repeat(2,minmax(160px,1fr))!important}}
@media(max-width:980px){:root{--sidebar-w:0px}.app-shell .app{display:block!important}.app-shell .app-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:286px!important;min-width:286px!important;height:100vh!important;z-index:300;transform:translateX(-102%);transition:.22s ease}.app-shell.nav-open .app-sidebar{transform:translateX(0)}.app-shell .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.app-shell .app-topbar{grid-template-columns:auto 1fr!important;height:auto!important;min-height:62px;padding:11px 14px!important}.app-shell .top-search{grid-column:1/-1}.app-shell .top-actions{justify-content:flex-start}.app-shell .app-content{padding:14px!important}.app-shell .form-grid.compact{grid-template-columns:1fr!important}.app-shell label.wide{grid-column:auto}.login-stage{grid-template-columns:1fr;padding:26px;gap:18px}.login-hero{min-height:260px;padding-bottom:10px}.login-panel-wrap{justify-content:center}.login-copy h1{font-size:38px}.login-copy>p:not(.eyebrow){font-size:15px}.login-product{overflow:auto}}

.app-shell{--ui-compact-font:12.5px;--ui-tight:8px;--ui-blue:#1d4ed8;--ui-blue-soft:#eff6ff;--ui-red-soft:#fff1f2;--ui-green-soft:#ecfdf5}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 14px}.page-head .h1{margin-bottom:3px!important}.page-head .actions{margin:0!important}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.card-head h2{font-size:15px;line-height:1.2;margin:0;letter-spacing:-.02em}.card-head a{font-size:12px;font-weight:800;color:var(--accent)}.dash-grid{display:grid;grid-template-columns:1.45fr repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:14px}.dash-kpi{background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:16px;box-shadow:var(--shadow-soft)}.dash-kpi span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.dash-kpi strong{display:block;font-size:24px;letter-spacing:-.04em;margin:7px 0 4px}.dash-kpi small{color:#64748b;font-size:12px;font-weight:700}.dash-kpi.primary{background:linear-gradient(135deg,var(--brand),#1e3a8a);color:#fff}.dash-kpi.primary span,.dash-kpi.primary small{color:#dbeafe}.dash-kpi.danger strong{color:#be123c}.progress{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#22c55e);border-radius:999px}.dash-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:14px;margin-bottom:14px}.chart-card{min-height:250px}.bar-chart{height:190px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;padding-top:8px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.bar-wrap{height:120px;width:100%;max-width:46px;background:#eef2ff;border-radius:13px;display:flex;align-items:flex-end;overflow:hidden}.bar-wrap i{width:100%;background:linear-gradient(180deg,#60a5fa,#1d4ed8);border-radius:13px 13px 0 0}.bar-col span{font-size:11px;font-weight:900;color:#334155}.bar-col small{font-size:10px;color:#64748b;text-align:center;white-space:nowrap}.stack-list{display:grid;gap:13px}.stack-row{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center}.stack-row span{font-size:12px;color:#475569;font-weight:800}.stack-row strong{font-size:13px;text-align:right}.stack-row .progress{grid-column:1/-1;margin-top:0}.timeline-list{display:grid;gap:7px}.timeline-item{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:12px;background:#f8fafc;text-decoration:none;color:#0f172a}.timeline-item:hover{background:#eff6ff;text-decoration:none}.timeline-item span{font-size:11px;color:#64748b;font-weight:900}.timeline-item strong{font-size:12px}.timeline-item em{font-style:normal;font-size:12px;font-weight:900}.timeline-item.is-danger{background:#fff1f2}.timeline-item.is-danger em{color:#be123c}.customer-rank{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.rank-row{display:block;border:1px solid var(--ui-border);border-radius:14px;padding:11px;text-decoration:none;color:#0f172a;background:#fff}.rank-row:hover{text-decoration:none;background:#f8fafc}.rank-row span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:850}.rank-row strong{display:block;margin-top:7px;font-size:15px}.empty.slim{padding:18px!important;text-align:center;color:#64748b}.filter-panel{padding:12px!important}.filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.filter-chips.invoice-chips{margin-bottom:12px}.chip{display:inline-flex;align-items:center;height:30px;border-radius:999px;background:#fff;border:1px solid #dbe3ef;padding:0 11px;font-size:12px;font-weight:850;color:#334155;text-decoration:none}.chip:hover,.chip.active{background:var(--ui-blue-soft);border-color:#bfdbfe;text-decoration:none;color:#1d4ed8}.chip.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.pro-bulkbar{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:14px;background:#fff}.pro-bulkbar span{font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.pro-bulkbar select{max-width:240px}.pro-table th,.pro-table td{white-space:nowrap}.pro-table td:first-child{white-space:normal}.compact-table table td,.compact-table table th{padding:8px 9px!important}.icon-btn{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #dbe3ef;background:#fff;color:#172033;text-decoration:none;font-weight:900;font-size:13px;margin-left:4px;vertical-align:middle}.icon-btn:hover{background:#eff6ff;border-color:#bfdbfe;text-decoration:none;color:#1d4ed8}.icon-btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}.icon-btn.primary:hover{background:#1d4ed8}.inline-field{display:flex;gap:8px}.inline-field input{min-width:0}.inline-action-form{display:flex;justify-content:flex-end;align-items:center;gap:8px}.inline-action-form select{width:auto;min-width:135px;height:31px;min-height:31px;padding:0 8px}.form-compact .form-grid.compact{grid-template-columns:repeat(4,minmax(150px,1fr))!important}.form-compact textarea{min-height:76px}.customer-profile{background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-soft)}.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profile-head .eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.profile-head p{margin:3px 0 0;color:#64748b;font-size:12.5px}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e8eef6;border-radius:14px;overflow:hidden;margin-top:14px}.metric-strip>div{background:#f8fafc;padding:11px 12px}.metric-strip span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:900}.metric-strip strong{display:block;margin-top:4px;font-size:16px}.ok-text{color:#15803d!important}.compact-info-line{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--ui-border);border-radius:14px;padding:10px 12px;margin:0 0 12px;color:#475569;font-size:12.5px}.detail-tabs{display:flex;gap:6px;margin:4px 0 10px}.detail-tabs a{display:inline-flex;height:31px;align-items:center;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #dbe3ef;color:#475569;font-size:12px;font-weight:850;text-decoration:none}.detail-tabs a.active{background:#0f172a;color:#fff;border-color:#0f172a}.role-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 14px}.role-card{display:block;background:#fff;border:1px solid var(--ui-border);border-radius:15px;padding:12px;text-decoration:none;color:#0f172a;box-shadow:0 8px 22px rgba(15,23,42,.04)}.role-card.active{background:#0f172a;color:#fff;border-color:#0f172a}.role-card strong{display:block;font-size:14px}.role-card span{display:block;margin-top:3px;font-size:11px;color:#64748b}.role-card.active span{color:#cbd5e1}.permission-matrix{padding:14px!important}.perm-section{border-top:1px solid #e8eef6;padding:12px 0}.perm-section:first-of-type{border-top:0}.perm-section h3{font-size:13px;margin:0 0 8px}.perm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:7px}.perm-row{display:flex!important;align-items:center!important;gap:9px!important;border:1px solid #e2e8f0;border-radius:11px;padding:8px!important;background:#f8fafc}.perm-row span{display:block}.perm-row strong{display:block;font-size:12px}.perm-row small{display:block;font-size:10.5px;color:#64748b}.user-mini{display:inline-flex;align-items:center;gap:8px}.user-mini span{width:28px;height:28px;border-radius:50%;background:#e0ecff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}.user-mini strong{font-size:12.5px}.app-shell .form-actions-sticky{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.1),#fff 36%);padding-top:14px;margin-top:12px!important}.app-shell .invoice-filter .form-grid{grid-template-columns:repeat(5,minmax(130px,1fr))!important}.app-shell .invoice-filter label:has(input[type=checkbox]){align-self:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px!important}
@media(max-width:1280px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-layout{grid-template-columns:1fr}.customer-rank{grid-template-columns:repeat(2,minmax(0,1fr))}.form-compact .form-grid.compact{grid-template-columns:repeat(2,minmax(150px,1fr))!important}.app-shell .invoice-filter .form-grid{grid-template-columns:repeat(3,minmax(130px,1fr))!important}}
@media(max-width:760px){.page-head,.profile-head{display:block}.page-head .actions,.profile-head .actions{margin-top:10px!important}.dash-grid,.metric-strip{grid-template-columns:1fr}.customer-rank{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.form-compact .form-grid.compact,.app-shell .invoice-filter .form-grid{grid-template-columns:1fr!important}.perm-list{grid-template-columns:1fr}.top-create{display:none!important}}


.app-shell .nav-section:not([open]) .nav-section-items{display:none}
.app-shell .profile-menu .avatar img,.app-shell .avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}
.app-shell .editor-large{min-height:260px!important;line-height:1.5;resize:vertical}
.app-shell .share-dialog .editor-large{min-height:300px!important}
.app-shell .checkline,input[type=checkbox]+span{vertical-align:middle}.app-shell label.checkline{display:flex!important;align-items:center!important;gap:8px!important;width:auto!important}.app-shell label.checkline input[type=checkbox],.app-shell label input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;padding:0!important;margin:0 6px 0 0!important}
.app-shell .payment-compact-grid{display:grid;grid-template-columns:160px 160px 220px 1fr;gap:10px;align-items:end}.app-shell .payment-compact-grid textarea{min-height:42px}
.app-shell .advanced-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:850;border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}.app-shell details.advanced-filter summary{list-style:none}.app-shell details.advanced-filter summary::-webkit-details-marker{display:none}
.app-shell .table-wrap{overflow-x:auto!important;overflow-y:visible!important}.app-shell .pro-table-wrap{overflow-x:auto!important;overflow-y:visible!important}
@media(max-width:980px){.app-shell .payment-compact-grid{grid-template-columns:1fr}.app-shell .editor-large{min-height:220px!important}}

.smart-filter{padding:14px 16px!important;margin-bottom:14px!important}
.quick-filter-line{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:10px;align-items:end}
.quick-filter-line .quick-search{font-weight:700}
.advanced-filter{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.advanced-filter[hidden]{display:none!important}
.sort-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.sort-link:hover{color:var(--accent);text-decoration:none}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;color:#64748b;font-size:13px;flex-wrap:wrap}
.pager-per,.pager-pages{display:flex;gap:6px;align-items:center}
.pager a{display:inline-flex;min-width:30px;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:9px;align-items:center;justify-content:center;background:#fff;color:#111827;text-decoration:none;font-weight:700}
.pager a.active,.pager a:hover{background:var(--accent);border-color:var(--accent);color:#fff;text-decoration:none}
.branding-preview{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px;border:1px solid var(--line);background:#f8fafc;border-radius:12px;color:#334155}
.branding-preview img{max-width:160px;max-height:74px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #e5e7eb;padding:6px}
.branding-preview-bg{align-items:flex-start;flex-direction:column}
.branding-preview-bg img{max-width:100%;width:420px;max-height:180px;object-fit:cover}
.pro-table th a,.pro-invoices th a{font-weight:900}
.pro-invoices th:nth-child(8),.pro-invoices td:nth-child(8){width:88px}
@media(max-width:800px){.quick-filter-line{grid-template-columns:1fr}.pager{align-items:flex-start;flex-direction:column}.branding-preview-bg img{width:100%}}

.company-brand{position:relative;gap:10px;align-items:center;overflow:visible!important}
.company-switcher{margin-left:auto;position:relative;z-index:40}
.company-switcher>summary{list-style:none;cursor:pointer;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#cbd5e1;font-size:14px;line-height:1;transition:.16s ease}
.company-switcher>summary::-webkit-details-marker{display:none}
.company-switcher>summary:hover{background:rgba(255,255,255,.16);color:#fff}
.company-switcher[open]>summary{background:var(--accent);color:#fff}
.company-switch-menu{position:absolute;left:auto;right:0;top:34px;min-width:260px;background:#fff;color:#0f172a;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 24px 60px rgba(15,23,42,.24);padding:8px;z-index:120}
.company-switch-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800;padding:8px 10px}
.company-switch-menu a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 10px;border-radius:10px;color:#0f172a;text-decoration:none;font-size:13px;font-weight:750}
.company-switch-menu a:hover{background:#f1f5f9}
.company-switch-menu a.active{background:#eef2ff;color:#1d4ed8}
.company-switch-menu a em{font-style:normal;font-size:11px;color:#16a34a;background:#dcfce7;border-radius:999px;padding:2px 7px}
.company-switch-foot{border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px}
.company-switch-foot a{font-weight:850;color:#334155}
.company-list{display:flex;flex-direction:column;gap:8px}
.company-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}
.company-list-row.active{border-color:#93c5fd;background:#eff6ff}
.company-list-row strong{display:block;font-size:14px}
.company-list-row small{display:block;color:#64748b;margin-top:2px}
.company-list-row .row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}
.btn.tiny{padding:6px 9px;font-size:12px;min-height:28px}
.sidebar-light .company-switcher>summary{background:#f1f5f9;color:#334155}
.sidebar-light .company-switcher>summary:hover{background:#e2e8f0;color:#0f172a}
@media(max-width:760px){.company-switch-menu{right:-12px;min-width:230px}.company-list-row{align-items:flex-start;flex-direction:column}.company-list-row .row-actions{width:100%;justify-content:flex-start}}


.profile-password-section{margin-top:22px;border-top:1px solid var(--line,#e2e8f0);padding-top:18px}
.profile-password-section h2{margin:0 0 4px;font-size:16px}.profile-password-section .sub{margin:0 0 12px;color:#64748b;font-size:13px}
.inline-field{display:flex;gap:8px;align-items:center}.inline-field input{min-width:0}.inline-field .btn{white-space:nowrap}.help[data-ares-status]{display:block;margin-top:5px;color:#64748b;font-size:12px;min-height:16px}
.role-manager{margin-bottom:18px}.role-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0 16px}.role-pill{border:1px solid #dbe3ef;border-radius:14px;background:#fff;padding:11px 12px}.role-pill strong{display:block;font-size:14px}.role-pill span{display:block;font-size:11px;color:#64748b;margin-top:3px}.role-add-form{display:grid;grid-template-columns:1.2fr .9fr .9fr auto;gap:10px;align-items:end}.role-add-form label{font-size:12px;font-weight:750;color:#334155}.role-add-form input,.role-add-form select{margin-top:5px;width:100%}
.wide-permission-matrix{padding:0;overflow:hidden}.wide-permission-matrix>.card-head{padding:16px 18px;border-bottom:1px solid #e2e8f0}.perm-section{border-bottom:1px solid #e2e8f0}.perm-section h3{margin:0;padding:11px 18px;background:#eef2f7;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#334155}.permission-table-scroll{overflow:auto}.permission-grid{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.permission-grid th,.permission-grid td{border-bottom:1px solid #edf2f7;padding:10px 12px;vertical-align:middle}.permission-grid thead th{position:sticky;top:0;background:#fff;z-index:2;text-align:center;color:#334155;white-space:nowrap}.permission-grid thead th:first-child{text-align:left;left:0;z-index:3}.permission-grid td:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:280px}.permission-grid tr:hover td{background:#f8fafc}.permission-grid tr:hover td:first-child{background:#f8fafc}.permission-grid small{display:block;color:#64748b;font-size:11px;margin-top:2px}.permission-grid .center{text-align:center}.permission-grid input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent,#2563eb)}.permission-grid input[disabled]{opacity:.45}
@media(max-width:900px){.role-add-form{grid-template-columns:1fr}.permission-grid td:first-child,.permission-grid thead th:first-child{position:static}.permission-grid th,.permission-grid td{padding:9px 10px}}


.app-sidebar{overflow-x:visible!important}
.company-brand{overflow:visible!important;position:relative}
.company-switcher{z-index:250}
.company-switcher[open] .company-switch-menu{position:fixed;left:14px;top:72px;width:340px;max-width:calc(100vw - 28px);max-height:70vh;overflow:auto;display:block}
.company-switch-menu .company-option{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:12px;color:#0f172a;text-decoration:none}
.company-switch-menu .company-option:hover{background:#f1f5f9;text-decoration:none}
.company-switch-menu .company-option.active{background:#eef2ff;color:#1d4ed8}
.company-option-logo{width:34px;height:34px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 34px}
.company-option-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.company-option-logo b{font-size:14px;font-weight:900;color:#1d4ed8}
.company-option-text{min-width:0;display:block}
.company-option-text strong{display:block;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.company-option-text small{display:block;margin-top:2px;font-size:11px;font-weight:650;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-switch-menu .company-option em{font-style:normal;font-size:10.5px;color:#16a34a;background:#dcfce7;border-radius:999px;padding:3px 7px;white-space:nowrap}
@media(max-width:760px){.company-switcher[open] .company-switch-menu{left:10px;right:10px;top:68px;width:auto;max-width:none}}


.profile-password-box{margin-top:22px;border-top:1px solid var(--line,#e5e7eb);padding-top:18px}.user-access-editor .settings-section{margin-top:22px}.company-access-table th,.company-access-table td{vertical-align:middle}.company-access-table select{width:100%;min-width:180px}.tenant-role-list{display:flex;flex-wrap:wrap;gap:6px}.tenant-role-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #dbe3ef;background:#f8fafc;border-radius:999px;padding:4px 8px;font-size:12px}.tenant-role-chip b{color:#1d4ed8}.role-manager .role-summary-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.role-pill{border:1px solid #dbe3ef;background:#f8fafc;border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;gap:3px;min-width:160px}.role-pill span{font-size:11px;color:#64748b}.role-add-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:end}.pmc-permission-board{padding:18px}.pmc-permission-board .card-head{position:sticky;top:0;background:#fff;z-index:5;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.permission-table-scroll{overflow:auto;max-width:100%;border:1px solid #dde5ef;border-radius:12px;background:#fff}.permission-grid.publicmc-like{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.permission-grid.publicmc-like th,.permission-grid.publicmc-like td{border-bottom:1px solid #e8edf4;padding:10px 12px;background:#fff}.permission-grid.publicmc-like thead th{position:sticky;top:0;background:#f8fafc;z-index:3;text-align:center;color:#334155;font-weight:800}.permission-grid.publicmc-like .perm-name-col{left:0;z-index:4;text-align:left;min-width:340px}.permission-grid.publicmc-like .perm-name{position:sticky;left:0;background:#fff;z-index:2;min-width:340px}.permission-grid.publicmc-like .perm-name strong{display:block;font-weight:800;color:#0f172a}.permission-grid.publicmc-like .perm-name small{display:block;font-size:11px;color:#64748b;margin-top:2px}.permission-grid.publicmc-like .role-col{min-width:145px}.permission-grid.publicmc-like .role-col small{display:block;font-size:10px;color:#64748b;margin-top:3px}.permission-grid.publicmc-like .perm-group-row td{position:sticky;left:0;background:#eaf0f7!important;color:#334155;font-weight:900;letter-spacing:.05em;font-size:12px;z-index:2;border-top:2px solid #d9e2ec}.permission-grid.publicmc-like tr:hover td:not(.perm-group-row td){background:#f8fbff}.permission-grid.publicmc-like td.center{text-align:center}.permission-grid.publicmc-like input[type="checkbox"]{width:16px;height:16px;accent-color:#7c3aed}.permission-grid.publicmc-like input[disabled]{opacity:.45}.form-actions-sticky{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.85),#fff);padding:14px 0 0;margin-top:12px;border-top:1px solid #e5e7eb}@media(max-width:900px){.role-add-form{grid-template-columns:1fr}.permission-grid.publicmc-like .perm-name-col,.permission-grid.publicmc-like .perm-name{min-width:240px}.permission-grid.publicmc-like .role-col{min-width:120px}}

.top-help{white-space:nowrap;position:relative;z-index:55;pointer-events:auto}.help-head{margin-bottom:14px}.help-search-hero{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:22px;padding:26px;margin-bottom:18px;box-shadow:0 20px 45px rgba(15,23,42,.12)}.help-search-hero form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.help-search-hero input{border:0;border-radius:14px;padding:15px 16px;font-size:16px}.help-search-hero .btn{background:#fff;color:#0f172a;border-radius:14px;padding:15px 18px}.help-home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.help-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.help-category{border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:13px 14px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;color:#0f172a;text-decoration:none}.help-category:hover,.help-category.active{border-color:#93c5fd;background:#eff6ff;text-decoration:none}.help-category span{width:34px;height:34px;border-radius:11px;background:#f1f5f9;display:grid;place-items:center;font-weight:900;color:#1d4ed8}.help-category strong{display:block;font-size:14px}.help-category small{display:block;color:#64748b;font-size:12px;grid-column:2}.help-quick-list,.help-related-list{display:flex;flex-direction:column;gap:8px}.help-quick-list a,.help-related-list a{display:block;border:1px solid #e2e8f0;border-radius:14px;padding:12px;text-decoration:none;color:#0f172a;background:#fff}.help-quick-list a:hover,.help-related-list a:hover{border-color:#93c5fd;background:#f8fbff}.help-quick-list strong,.help-related-list strong{display:block;font-size:14px}.help-quick-list span,.help-related-list span{display:block;color:#64748b;font-size:12px;margin-top:3px;line-height:1.35}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0}.help-article-list{display:flex;flex-direction:column;gap:8px}.help-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:15px;padding:14px 15px;color:#0f172a;background:#fff;text-decoration:none}.help-list-item:hover{border-color:#93c5fd;background:#f8fbff;text-decoration:none}.help-list-item strong{font-size:15px}.help-list-item p{margin:5px 0 0;color:#64748b;line-height:1.45}.help-list-item>span{font-size:12px;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:4px 8px;white-space:nowrap}.help-context-strip{border:1px solid #bfdbfe;background:#eff6ff;border-radius:14px;padding:12px 14px;margin-bottom:18px;color:#1e3a8a}.help-context-strip a{float:right;font-weight:800}.help-layout{display:grid;grid-template-columns:260px minmax(0,900px);gap:20px;align-items:start}.help-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:10px}.help-meta-card{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px}.help-meta-card strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.help-meta-card span{display:block;margin-top:4px;font-weight:800}.help-article{padding:30px}.help-article h1{font-size:34px;letter-spacing:-.04em;line-height:1.08;margin:10px 0 10px}.help-article h2{font-size:22px;margin:28px 0 10px}.help-article h3{font-size:17px;margin:20px 0 8px}.help-lead{font-size:17px;line-height:1.55;color:#475569;margin:0 0 20px}.help-breadcrumb{font-size:12px;color:#64748b}.help-article p{line-height:1.65}.help-steps{counter-reset:helpstep;list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}.help-steps li{position:relative;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px 14px 12px 48px;line-height:1.45}.help-steps li:before{counter-increment:helpstep;content:counter(helpstep);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.help-callout{border:1px solid #e2e8f0;border-left:5px solid #64748b;border-radius:14px;background:#f8fafc;padding:13px 15px;margin:16px 0}.help-callout strong{display:block;margin-bottom:4px}.help-callout p{margin:0}.help-callout.tip{border-left-color:#2563eb;background:#eff6ff}.help-callout.warning{border-left-color:#b45309;background:#fffbeb}.help-callout.note{border-left-color:#64748b;background:#f8fafc}.help-list{line-height:1.65}.help-figure{margin:20px 0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}.help-figure img{display:block;width:100%;height:auto}.help-figure figcaption{padding:10px 12px;font-size:12px;color:#64748b;background:#f8fafc}.help-related{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:18px}.help-feedback{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.help-feedback span{font-weight:800;margin-right:4px}.help-empty-state{max-width:760px}.help-empty-state h2{margin-top:0}@media(max-width:1100px){.help-home-grid,.help-layout{grid-template-columns:1fr}.help-side{position:static;order:2}.help-article{padding:22px}.help-search-hero form{grid-template-columns:1fr}.top-help{display:none}.help-context-strip a{float:none;display:block;margin-top:6px}}@media(max-width:700px){.help-list-item{flex-direction:column}.help-list-item>span{white-space:normal}.help-article h1{font-size:28px}.help-category-grid{grid-template-columns:1fr}}

.help-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.28);z-index:120000;opacity:0;pointer-events:none;transition:opacity .18s ease}.help-drawer-backdrop[hidden]{display:none;pointer-events:none}.help-drawer-backdrop.is-open{display:block;opacity:1;pointer-events:auto}.help-drawer{position:fixed;top:0;right:0;width:min(520px,calc(100vw - 22px));height:100vh;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-24px 0 70px rgba(15,23,42,.22);z-index:120001;outline:0;transform:translateX(104%);transition:transform .22s ease;display:flex;flex-direction:column}.help-drawer[hidden]{display:none;pointer-events:none}.help-drawer.is-open{display:flex;transform:translateX(0);pointer-events:auto}.help-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.help-drawer-head strong{display:block;font-size:18px;letter-spacing:-.02em}.help-drawer-head span{display:block;margin-top:3px;color:#64748b;font-size:12px}.help-drawer-close{width:36px;height:36px;border:1px solid #cbd5e1;background:#fff;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}.help-drawer-body{overflow:auto;padding:20px}.help-drawer-loading{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:16px;color:#475569}.help-panel-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#2563eb}.help-panel-title{font-size:25px;line-height:1.1;margin:6px 0 16px;letter-spacing:-.04em}.help-panel-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:18px}.help-panel-search input{border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;min-width:0}.help-panel-section{margin-top:18px}.help-panel-section h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 9px}.help-panel-list,.help-panel-compact{display:flex;flex-direction:column;gap:8px}.help-panel-list a{display:block;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:12px;text-decoration:none;color:#0f172a}.help-panel-list a:hover{border-color:#93c5fd;background:#f8fbff}.help-panel-list strong{display:block;font-size:14px}.help-panel-list span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.4}.help-panel-compact a{display:block;border-bottom:1px solid #e5e7eb;padding:8px 0;color:#0f172a;text-decoration:none;font-weight:750}.help-panel-compact a:hover{color:#1d4ed8}.help-panel-empty{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:14px;color:#334155}.help-panel-empty strong{display:block;color:#0f172a}.help-panel-empty p{margin:6px 0 0;line-height:1.45}.help-panel-foot{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%);padding-top:28px;margin-top:10px}.help-panel-foot .btn{width:100%;justify-content:center}.body-help-open{overflow:hidden}html.body-help-open,body.body-help-open{overflow:hidden}@media(max-width:700px){.help-drawer{width:100vw}.help-drawer-body{padding:16px}.help-panel-search{grid-template-columns:1fr}.help-drawer-head{padding:15px 16px}}

.help-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.help-admin-tabs a{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:9px 13px;color:#334155;text-decoration:none;font-weight:850;font-size:13px}.help-admin-tabs a:hover,.help-admin-tabs a.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;text-decoration:none}.help-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.help-admin-stats>div{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:14px 16px}.help-admin-stats strong{display:block;font-size:28px;line-height:1;letter-spacing:-.05em;color:#0f172a}.help-admin-stats span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;margin-top:5px}.help-admin-excerpt{max-width:520px;color:#64748b;font-size:12px;line-height:1.35;margin-top:4px}.help-admin-form{display:flex;flex-direction:column;gap:16px}.help-context-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.help-context-checkboxes label{border:1px solid #e2e8f0;background:#fff;border-radius:13px;padding:10px 11px;display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:start;cursor:pointer}.help-context-checkboxes input{margin-top:2px}.help-context-checkboxes span{font-weight:850;color:#0f172a}.help-context-checkboxes small{grid-column:2;display:block;color:#64748b;font-size:11px;margin-top:2px}.help-extra-contexts{display:block;margin-top:12px;font-weight:850}.help-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.help-body-editor{width:100%;min-height:520px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.55;border:1px solid #cbd5e1;border-radius:14px;padding:14px;background:#fff;color:#0f172a}.help-editor-help{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:14px;align-self:start;position:sticky;top:82px}.help-editor-help h3{margin:0 0 10px;font-size:15px}.help-editor-help p{margin:0 0 8px;color:#475569;font-size:12px;line-height:1.45}.inline-action-form{display:inline-flex;margin:0}.inline-action-form .btn{font-family:inherit}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.field-check{align-self:end}.badge.muted{background:#f1f5f9;color:#64748b}@media(max-width:1000px){.help-editor-grid{grid-template-columns:1fr}.help-editor-help{position:static}.help-admin-stats{grid-template-columns:1fr}.help-context-checkboxes{grid-template-columns:1fr}}


body.login-product{background-repeat:no-repeat;background-size:cover;background-position:center center}
.login-product:before{background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.16),transparent 32%),linear-gradient(120deg,rgba(2,6,23,.46),rgba(15,23,42,.18))}
.login-hero{justify-content:flex-end}
.login-brandline{display:none!important}
.oauth-login{display:grid;gap:10px;margin:18px 0 14px}.oauth-button{height:44px;border:1px solid #d7e1ee;border-radius:12px;background:#fff;color:#0f172a;text-decoration:none;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:0 12px;font-size:13px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.oauth-button:hover{text-decoration:none;border-color:#b7c6dc;background:#f8fbff}.oauth-button span{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.oauth-google span{background:#2563eb}.oauth-facebook span{background:#1877f2}.oauth-button strong{font-weight:900;text-align:center;margin-left:-34px}.oauth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:#64748b;font-size:12px;font-weight:850;margin:8px 0 4px}.oauth-divider:before,.oauth-divider:after{content:"";height:1px;background:#e2e8f0}

.app-shell .top-presentation-link{height:36px;min-width:42px;padding:0 9px;border:1px solid #dbe4f0;border-radius:11px;background:#ffffff;color:#0f172a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:900;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.app-shell .top-presentation-link span{font-size:15px;line-height:1;transform:translateY(-1px)}
.app-shell .top-presentation-link em{font-style:normal;font-size:10px;letter-spacing:.04em;color:#475569}
.app-shell .top-presentation-link:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;text-decoration:none}
.help-presentation-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dbe4f0;background:#fff;border-radius:18px;padding:16px 18px;margin:-4px 0 18px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.help-presentation-main{display:flex;align-items:center;gap:14px;min-width:0}
.help-presentation-icon{width:48px;height:48px;border-radius:14px;background:#0f172a;color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:.06em;flex:0 0 auto}
.help-presentation-main strong{display:block;font-size:16px;color:#0f172a;margin-bottom:3px}
.help-presentation-main p{margin:0;color:#64748b;line-height:1.45;font-size:13px}
@media(max-width:1100px){.app-shell .top-presentation-link{display:none}.help-presentation-card{align-items:flex-start;flex-direction:column}.help-presentation-card .btn{width:100%;justify-content:center}}

.profile-card-modern{padding:20px;overflow:hidden}
.profile-modern-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.profile-avatar-panel{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.profile-avatar-xl,.profile-avatar-preview{width:168px;height:168px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;display:grid;place-items:center;font-size:44px;font-weight:900;letter-spacing:-.04em;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.18);margin:0 auto}
.profile-avatar-xl img,.profile-avatar-preview img{width:100%;height:100%;display:block;object-fit:cover}
.profile-avatar-dropzone{position:relative;border:1px dashed #b9c7d8;background:#f8fafc;border-radius:18px;padding:18px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;color:#334155}
.profile-avatar-dropzone:hover,.profile-avatar-dropzone.is-dragover{border-color:#2563eb;background:#eff6ff;transform:translateY(-1px)}
.profile-avatar-dropzone input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.profile-avatar-drop-icon{width:42px;height:42px;border-radius:14px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;line-height:1}
.profile-avatar-dropzone strong{display:block;font-size:14px;color:#0f172a}
.profile-avatar-dropzone small{display:block;font-size:12px;line-height:1.35;color:#64748b;max-width:220px}
.profile-fields-panel{min-width:0;padding-top:4px}
.profile-form-note{margin:13px 0 0;color:#64748b;font-size:12px;line-height:1.45;border-top:1px solid #e5eaf1;padding-top:12px}
.profile-password-details{margin-top:16px;padding:0;overflow:hidden}
.profile-password-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:900;color:#0f172a;background:#fff}
.profile-password-details summary::-webkit-details-marker{display:none}
.profile-password-details summary span{display:inline-flex;align-items:center;gap:8px}
.profile-password-details summary span:before{content:'🔒';font-size:14px}
.profile-password-details summary small{font-weight:700;color:#64748b;font-size:12px;text-align:right}
.profile-password-details[open] summary{border-bottom:1px solid #e5eaf1;background:#f8fafc}
.profile-password-form{padding:18px}.profile-password-form .actions{margin-top:12px}
@media(max-width:900px){.profile-modern-layout{grid-template-columns:1fr}.profile-avatar-panel{align-items:center}.profile-avatar-dropzone{width:100%;max-width:360px}.profile-password-details summary{align-items:flex-start;flex-direction:column}.profile-password-details summary small{text-align:left}}

.user-mini .user-list-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#e0ecff;color:#1d4ed8;font-weight:900;font-size:12px;flex:0 0 32px}
.user-mini .user-list-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.user-mini .user-list-avatar-fallback{background:#e0ecff;color:#1d4ed8}
.accounting-periods-note{color:#64748b;font-size:13px;line-height:1.55}

.app-shell .top-audio-wrap{position:relative;display:inline-flex;align-items:center}
.app-shell .top-audio-link{height:36px;min-width:58px;padding:0 10px;border:1px solid #dbe4f0;border-radius:11px;background:#fff;color:#0f172a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:900;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.app-shell .top-audio-link span{font-size:13px;line-height:1;transform:translateY(-1px)}
.app-shell .top-audio-link em{font-style:normal;font-size:10px;letter-spacing:.04em;color:#475569;text-transform:uppercase}
.app-shell .top-audio-link:hover,.app-shell .top-audio-link.is-playing{border-color:#86efac;background:#f0fdf4;color:#15803d;text-decoration:none}
.app-shell .top-audio-link.is-playing em{color:#15803d}
.app-shell .top-audio-popover{position:absolute;right:0;top:44px;width:360px;background:#fff;border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 22px 60px rgba(15,23,42,.22);padding:12px;z-index:260}
.app-shell .top-audio-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#0f172a;font-size:12px}
.app-shell .top-audio-title button{width:26px;height:26px;border:0;border-radius:8px;background:#f1f5f9;color:#0f172a;cursor:pointer;font-weight:900;line-height:1}
.app-shell .top-audio-title button:hover{background:#e2e8f0}
.app-shell .top-audio-popover audio{width:100%;height:36px;display:block}
.app-shell .top-audio-popover[hidden]{display:none!important}
@media(max-width:1100px){.app-shell .top-audio-wrap{display:none}}

.customer-columns-panel{margin-top:0!important;margin-bottom:14px!important;padding:13px 14px!important;border-color:#dbe4f0!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important}
.customer-columns-panel[hidden]{display:none!important}.customer-columns-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.customer-columns-head strong{display:block;font-size:14px;color:#0f172a}.customer-columns-head span{display:block;margin-top:2px;color:#64748b;font-size:12px}.customer-column-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.customer-column-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:8px 9px;min-height:39px;cursor:grab}.customer-column-row:active{cursor:grabbing}.customer-column-row.is-dragging{opacity:.55;border-color:#93c5fd;background:#eff6ff}.customer-column-row label{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;font-weight:850;color:#0f172a}.customer-column-row input[type=checkbox]{width:auto;margin:0}.customer-column-row em{font-style:normal;font-size:10px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 6px}.column-drag{color:#94a3b8;font-size:14px;line-height:1;text-align:center}.customer-columns-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:12px}.customer-columns-actions form{margin:0}.customer-table-wrap{position:relative}.customer-column-table th.right a{justify-content:flex-end}.customer-column-table td.right,.customer-column-table th.right{text-align:right}@media(max-width:760px){.customer-column-list{grid-template-columns:1fr}.customer-columns-head{display:flex}.customer-columns-actions{justify-content:flex-start;flex-wrap:wrap}}


.export-dropdown{position:relative;display:inline-block}
.export-dropdown summary{list-style:none;cursor:pointer;user-select:none}
.export-dropdown summary::-webkit-details-marker{display:none}
.export-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:170px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:6px}
.export-dropdown-menu a{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;color:#0f172a;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}
.export-dropdown-menu a:hover{background:#f8fafc}
@media(max-width:760px){.export-dropdown-menu{left:0;right:auto}}


.import-grid .card { min-height: 220px; }
.import-field-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.import-field-cloud span { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font-size: 12px; color: var(--muted); }
.import-mapping-grid { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 10px; margin-top: 12px; }
.import-mapping-grid label { display: grid; gap: 5px; }
.import-mapping-grid label span { font-size: 12px; font-weight: 700; color: #334155; }
.import-mapping-grid label em { font-style: normal; color: #ef4444; font-size: 11px; margin-left: 6px; }
.import-result-strip { margin: 14px 0; }
.danger-zone { border-color: #fecaca; background: #fff7f7; }
.danger-zone p { color: #64748b; margin: 6px 0 12px; }
.btn.danger { background: #dc2626; color: #fff; border-color: #dc2626; }
@media (max-width: 1100px) { .import-mapping-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width: 720px) { .import-mapping-grid { grid-template-columns: 1fr; } }


.customer-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.customer-map-card{padding:0!important;overflow:hidden}.customer-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e5eaf1;background:#fff}.customer-map-toolbar strong{display:block;font-size:14px;color:#0f172a}.customer-map-toolbar span{display:block;margin-top:2px;color:#64748b;font-size:12px}.map-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.map-legend span{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;font-size:11px;font-weight:800;color:#475569}.pin{width:10px;height:10px;border-radius:50%;display:inline-block;background:#2563eb}.pin.active{background:#16a34a}.pin.debt{background:#dc2626}.pin.deal{background:#f59e0b}.pin.archived{background:#64748b}.customer-map{height:620px;min-height:420px;background:#eef2f7;position:relative}.customer-map-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#64748b;font-weight:800;padding:22px}.customer-map-side{display:flex;flex-direction:column;gap:12px}.map-stats{display:grid;grid-template-columns:1fr;gap:8px}.map-stats div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7;padding:8px 0}.map-stats div:last-child{border-bottom:0}.map-stats span{font-size:12px;color:#64748b;font-weight:800}.map-stats strong{font-size:18px;color:#0f172a}.map-missing-list{display:flex;flex-direction:column;gap:7px;max-height:320px;overflow:auto}.map-missing-list a{display:block;border:1px solid #e5eaf1;border-radius:12px;padding:9px 10px;color:#0f172a;text-decoration:none;background:#fff}.map-missing-list a:hover{background:#f8fafc;border-color:#cbd5e1}.map-missing-list strong{display:block;font-size:13px}.map-missing-list span{display:block;margin-top:2px;font-size:12px;color:#64748b}.map-missing-list em{display:inline-block;margin-top:5px;font-style:normal;font-size:10px;color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 7px}.customer-map-marker{background:transparent;border:0}.customer-map-marker span{display:block;width:22px;height:22px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 14px rgba(15,23,42,.35);background:#2563eb}.customer-map-marker.active span{background:#16a34a}.customer-map-marker.debt span{background:#dc2626}.customer-map-marker.deal span{background:#f59e0b}.customer-map-marker.archived span,.customer-map-marker.muted span{background:#64748b}.customer-map-popup{min-width:240px}.customer-map-popup strong{display:block;font-size:15px;color:#0f172a;margin-bottom:4px}.customer-map-popup p{margin:0 0 8px;color:#64748b;font-size:12px;line-height:1.35}.customer-map-popup dl{display:grid;grid-template-columns:82px 1fr;gap:4px 8px;margin:0 0 10px;font-size:12px}.customer-map-popup dt{color:#64748b;font-weight:800}.customer-map-popup dd{margin:0;color:#0f172a}.popup-actions{display:flex;gap:7px}.popup-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border-radius:9px;background:#0f172a;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900}.popup-actions a+ a{background:#eef2ff;color:#1d4ed8!important}.leaflet-container{font:inherit}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-popup-content{margin:12px 14px}@media(max-width:1120px){.customer-map-layout{grid-template-columns:1fr}.customer-map-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.customer-map-side .card:last-child{grid-column:1/-1}}@media(max-width:760px){.customer-map-toolbar{align-items:flex-start;flex-direction:column}.map-legend{justify-content:flex-start}.customer-map{height:520px}.customer-map-side{grid-template-columns:1fr}}


.customer-crm-page{display:flex;flex-direction:column;gap:16px}.customer-crm-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #e5eaf1;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 12px 28px rgba(15,23,42,.05)}.customer-crm-hero h1{margin-bottom:5px}.customer-crm-hero p{margin:0;color:#64748b}.customer-crm-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.grid.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.customer-crm-kpis .kpi{min-height:86px}.customer-crm-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.customer-crm-main{display:flex;flex-direction:column;gap:16px}.customer-crm-side{display:flex;flex-direction:column;gap:16px}.customer-crm-card h2{margin:0 0 12px;font-size:15px;color:#0f172a}.customer-crm-card label{display:block;margin-bottom:10px}.customer-crm-card select,.customer-crm-card input,.customer-crm-card textarea{width:100%}.customer-crm-dl{display:grid;grid-template-columns:95px 1fr;gap:8px 12px;margin:0}.customer-crm-dl dt{color:#64748b;font-size:12px;font-weight:900}.customer-crm-dl dd{margin:0;color:#0f172a;font-size:13px;overflow-wrap:anywhere}.customer-timeline{display:flex;flex-direction:column;gap:8px}.timeline-row{border-left:3px solid #6366f1;background:#f8fafc;border-radius:12px;padding:9px 12px}.timeline-row.muted{border-left-color:#cbd5e1}.timeline-row span{display:block;color:#64748b;font-size:11px;font-weight:800}.timeline-row strong{display:block;color:#0f172a;font-size:13px;margin-top:2px}.timeline-row p{margin:3px 0 0;color:#475569;font-size:12px;line-height:1.4}.customer-detail-map{height:260px;min-height:220px;background:#eef2f7;border-radius:14px;overflow:hidden;position:relative;border:1px solid #e5eaf1}.customer-detail-map .customer-map-empty{border-radius:14px}@media(max-width:1180px){.grid.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-crm-layout{grid-template-columns:1fr}.customer-crm-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-crm-side .card:last-child{grid-column:1/-1}}@media(max-width:760px){.customer-crm-hero{flex-direction:column}.grid.grid-5,.customer-crm-side{grid-template-columns:1fr}.customer-crm-dl{grid-template-columns:1fr}.customer-crm-dl dt{margin-top:5px}}


.saved-filter-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;padding:10px 12px;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.saved-filter-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saved-filter-title{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.saved-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5eaf3;border-radius:999px;background:#f8fafc;color:#1e293b;font-size:12px;font-weight:700;text-decoration:none}.saved-filter-chip:hover{border-color:#cbd5e1;background:#fff}.saved-filter-chip.active{background:#eef2ff;border-color:#818cf8;color:#3730a3}.saved-filter-chip.user{background:#f5fbff}.saved-filter-user-wrap{display:inline-flex;align-items:center}.saved-filter-user-wrap form{margin-left:-4px}.saved-filter-user-wrap button{width:22px;height:22px;border:0;border-radius:999px;background:#e2e8f0;color:#475569;font-weight:900;cursor:pointer}.saved-filter-user-wrap button:hover{background:#fecaca;color:#991b1b}.saved-filter-save{position:relative}.saved-filter-save summary{cursor:pointer;list-style:none;font-size:12px;font-weight:800;color:#111827;border:1px solid #d9e2ef;border-radius:10px;padding:7px 10px;background:#f8fafc}.saved-filter-save summary::-webkit-details-marker{display:none}.saved-filter-save[open] summary{background:#fff}.saved-filter-save form{position:absolute;right:0;top:36px;z-index:30;width:280px;display:flex;gap:8px;padding:10px;background:#fff;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.16)}.saved-filter-save input[name="name"]{min-width:0;flex:1;border:1px solid #dbe3ef;border-radius:10px;padding:8px 10px}.crm-advanced-filter{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-advanced-filter label{min-width:0}@media(max-width:1100px){.saved-filter-strip{align-items:flex-start;flex-direction:column}.saved-filter-save form{left:0;right:auto}.crm-advanced-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.crm-advanced-filter{grid-template-columns:1fr}.saved-filter-chip{font-size:11px;padding:5px 8px}}

.customer-bulk-form{margin:0;}
.customer-bulkbar{display:flex;flex-direction:column;gap:10px;margin:14px 0;border:1px solid rgba(148,163,184,.25);background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(15,23,42,.05);}
.customer-bulkbar .bulkbar-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.customer-bulkbar .bulkbar-main span{font-weight:800;color:#0f172a;}
.customer-bulkbar select,.customer-bulkbar input{min-height:34px;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#fff;padding:6px 10px;font-size:13px;}
.customer-bulk-extra{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;align-items:end;}
.customer-bulk-extra label{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em;display:flex;flex-direction:column;gap:4px;}
.customer-check-col{width:34px;text-align:center;white-space:nowrap;}
.customer-check-col input{width:16px;height:16px;vertical-align:middle;accent-color:#4f46e5;}
.customer-column-table tr:has(.customer-check-col input:checked){background:rgba(79,70,229,.045);}
@media (max-width:1100px){.customer-bulk-extra{grid-template-columns:repeat(2,minmax(120px,1fr));}}
@media (max-width:720px){.customer-bulk-extra{grid-template-columns:1fr}.customer-bulkbar .bulkbar-main{align-items:stretch}.customer-bulkbar .bulkbar-main select,.customer-bulkbar .bulkbar-main button{width:100%;}}


.customer-bulk-form{
  margin:0!important;
}
.customer-bulkbar{
  display:grid!important;
  grid-template-columns:minmax(150px,190px) minmax(240px,340px) auto repeat(5,minmax(118px,1fr));
  align-items:end!important;
  gap:8px 10px!important;
  margin:10px 0 12px!important;
  padding:10px 12px!important;
  border:1px solid #dfe7f1!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.customer-bulkbar .bulkbar-main,
.customer-bulkbar .customer-bulk-extra{
  display:contents!important;
}
.customer-bulkbar .bulkbar-main span{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#0f172a!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.customer-bulkbar .bulkbar-main span:before{
  content:"☑";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  margin-right:8px;
  border-radius:8px;
  background:#eef2ff;
  color:#4f46e5;
  font-size:12px;
  font-weight:900;
}
.customer-bulkbar select,
.customer-bulkbar input{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  border:1px solid #d9e2ef!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:6px 10px!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.customer-bulkbar .bulkbar-main select{
  grid-column:auto!important;
}
.customer-bulkbar .bulkbar-main button{
  min-height:34px!important;
  height:34px!important;
  align-self:end!important;
  white-space:nowrap!important;
  padding:0 13px!important;
  border-radius:10px!important;
}
.customer-bulk-extra label{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  margin:0!important;
  min-width:0!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
.customer-bulkbar > .mini{
  grid-column:1/-1!important;
  margin:0!important;
  padding-top:2px!important;
  color:#64748b!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  text-align:left!important;
}
.customer-table-wrap{
  margin-top:0!important;
}
@media (max-width:1500px){
  .customer-bulkbar{
    grid-template-columns:minmax(150px,190px) minmax(220px,1fr) auto repeat(3,minmax(130px,1fr))!important;
  }
}
@media (max-width:1100px){
  .customer-bulkbar{
    grid-template-columns:1fr 1fr auto!important;
  }
  .customer-bulkbar .bulkbar-main span{
    grid-column:1/-1!important;
  }
}
@media (max-width:720px){
  .customer-bulkbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .customer-bulkbar .bulkbar-main,
  .customer-bulkbar .customer-bulk-extra{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .customer-bulkbar .bulkbar-main button,
  .customer-bulkbar .bulkbar-main select{
    width:100%!important;
  }
}


.customer-activity-kpis{margin-bottom:16px}.customer-activity-filter{padding:14px 16px}.customer-activity-filter .activity-chips{margin:0 0 12px}.customer-activity-search{display:grid;grid-template-columns:minmax(220px,1fr) 260px auto;gap:10px;align-items:end}.customer-activity-search label{font-size:12px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.04em}.customer-activity-table table{min-width:1080px}.customer-activity-table td{vertical-align:middle}.customer-activity-table .strong-link{font-weight:900}.activity-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.activity-row-actions form{margin:0;display:inline-flex}.activity-row-actions .btn{white-space:nowrap}@media(max-width:900px){.customer-activity-search{grid-template-columns:1fr}.customer-activity-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


.customer-contact-kpis{margin-bottom:16px}.customer-contact-toolbar{padding:14px 16px;margin-bottom:14px}.customer-contact-toolbar .filter-chips{margin:0 0 12px}.customer-contact-search{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:end}.customer-contact-search label{font-size:12px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.04em}.customer-contacts-table table{min-width:980px}.customer-contacts-table td{vertical-align:middle}.customer-contact-form{max-width:none}.check-grid{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:10px 0}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-title-row h2{margin:0}.contact-person-list{display:flex;flex-direction:column;gap:10px}.contact-person-card{border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-radius:14px;padding:10px 12px;display:grid;gap:6px}.contact-person-card strong{font-weight:900;color:#0f172a}.contact-person-card a{font-size:12.5px;color:#4f46e5;text-decoration:none;word-break:break-word}.contact-person-card p{margin:0;color:#64748b;font-size:12.5px;line-height:1.35}.contact-person-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.contact-person-actions{display:flex;justify-content:flex-end}.row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.row-actions form{display:inline-flex;margin:0}@media(max-width:900px){.customer-contact-search{grid-template-columns:1fr}.customer-contact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card-title-row{align-items:flex-start;flex-direction:column}.row-actions{justify-content:flex-start}}


.customer-tag-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.customer-tag-chip{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;padding:3px 8px;font-size:11px;font-weight:850;text-decoration:none;line-height:1.15}.customer-tag-chip:hover{text-decoration:none;background:#e0e7ff;border-color:#a5b4fc}.customer-tags-card label{margin-top:10px}.customer-tags-current{margin:0 0 10px}.customer-tag-kpis{margin-bottom:16px}.customer-tag-assign h2{margin-top:0}.customer-tag-assign .form-grid{align-items:end}.customer-column-table td .customer-tag-list{max-width:250px}.customer-crm-badges .customer-tag-list{display:inline-flex}.customer-crm-badges .customer-tag-chip{background:#f8fafc;color:#334155;border-color:#dbe4f0}


.customer-kanban-kpis{margin-bottom:16px}.customer-kanban-filter{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(160px,.8fr) minmax(170px,.8fr) minmax(170px,.8fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.customer-kanban-filter label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.customer-kanban-filter input,.customer-kanban-filter select{margin-top:4px}.customer-kanban-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;align-items:start;overflow-x:auto;padding-bottom:12px}.kanban-column{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.22);border-radius:18px;box-shadow:0 14px 28px rgba(15,23,42,.05);min-height:360px;display:flex;flex-direction:column}.kanban-column header{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-radius:18px 18px 0 0}.kanban-column h2{font-size:13px;margin:0;color:#0f172a;font-weight:950}.kanban-column header span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:950}.kanban-column-body{display:flex;flex-direction:column;gap:10px;padding:10px;min-height:300px}.kanban-card{border:1px solid rgba(148,163,184,.22);background:#fff;border-radius:15px;padding:10px 11px;box-shadow:0 10px 22px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:8px}.kanban-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kanban-card-head .strong-link{font-size:13px;font-weight:950;line-height:1.22}.kanban-card-meta{font-size:11.5px;color:#64748b;line-height:1.3}.kanban-card-stats{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin:0;padding:7px 8px;background:#f8fafc;border-radius:11px}.kanban-card-stats dt{font-size:10.5px;color:#64748b;text-transform:uppercase;font-weight:900}.kanban-card-stats dd{margin:0;font-size:12px;font-weight:900;color:#0f172a;text-align:right}.kanban-tags .customer-tag-list{margin-top:0}.kanban-move-form{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin:0}.kanban-move-form select{min-height:32px;font-size:12px}.kanban-card-actions{display:flex;gap:6px;justify-content:flex-end}.kanban-empty{border:1px dashed rgba(148,163,184,.35);border-radius:14px;padding:18px 10px;text-align:center;color:#64748b;font-size:12px;background:rgba(248,250,252,.8)}.kanban-phase-won header span{background:#dcfce7;color:#166534}.kanban-phase-lost header span{background:#fee2e2;color:#991b1b}.kanban-phase-offer header span,.kanban-phase-negotiation header span{background:#fef3c7;color:#92400e}@media(max-width:1450px){.customer-kanban-board{grid-template-columns:repeat(6,240px)}.customer-kanban-filter{grid-template-columns:1fr 1fr 1fr}}@media(max-width:900px){.customer-kanban-filter{grid-template-columns:1fr}.customer-kanban-board{grid-template-columns:1fr;overflow-x:visible}.kanban-column{min-height:0}}


.customer-dashboard-kpis{margin-bottom:12px}.secondary-kpis{margin-bottom:16px}.customer-dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;align-items:start}.crm-dashboard-card{min-height:240px}.crm-dashboard-card .section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.crm-dashboard-card h2{font-size:15px;margin:0;color:#0f172a}.crm-funnel-list,.crm-list,.crm-segment-list{display:flex;flex-direction:column;gap:8px}.crm-funnel-row,.crm-list-row,.crm-segment-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,220px) auto;gap:10px;align-items:center;text-decoration:none;color:#0f172a;border:1px solid rgba(148,163,184,.18);background:#fff;border-radius:14px;padding:9px 10px;transition:.15s ease}.crm-list-row{grid-template-columns:minmax(0,1fr) auto}.crm-funnel-row:hover,.crm-list-row:hover,.crm-segment-row:hover{border-color:rgba(99,102,241,.35);box-shadow:0 10px 22px rgba(15,23,42,.06);transform:translateY(-1px)}.crm-funnel-row strong,.crm-list-row strong,.crm-segment-row span{display:block;font-size:13px;font-weight:950}.crm-funnel-row small,.crm-list-row small{display:block;font-size:11px;color:#64748b;margin-top:2px}.crm-funnel-row em,.crm-list-row em,.crm-segment-row em{font-style:normal;font-size:12px;font-weight:950;color:#334155;white-space:nowrap}.crm-bar{display:block;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.crm-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#14b8a6)}.crm-segment-row{grid-template-columns:minmax(120px,.7fr) minmax(120px,1fr) auto}.compact-timeline .timeline-row{padding:8px 10px}.compact-timeline .timeline-row span{font-size:11px}@media(max-width:1350px){.customer-dashboard-grid{grid-template-columns:1fr 1fr}.crm-funnel-row,.crm-segment-row{grid-template-columns:minmax(0,1fr) minmax(100px,1fr) auto}}@media(max-width:900px){.customer-dashboard-grid{grid-template-columns:1fr}.crm-funnel-row,.crm-segment-row{grid-template-columns:1fr}.crm-funnel-row em,.crm-segment-row em{text-align:left}.secondary-kpis,.customer-dashboard-kpis{grid-template-columns:1fr!important}}


.customer-docs-layout{align-items:start;margin-bottom:14px}
.customer-doc-mini-list{display:grid;gap:8px;margin:10px 0 12px}
.customer-doc-mini-list a{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(248,250,252,.85)}
.customer-doc-mini-list a strong{display:block;font-size:13px;color:#111827;margin-bottom:3px}
.customer-doc-mini-list a span{font-size:12px;color:var(--muted)}
.customer-doc-mini-upload{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}
.customer-doc-mini-upload input[type=file]{font-size:12px}
.inline-form{display:inline-block;margin-left:6px}
@media (max-width: 900px){.customer-docs-layout{grid-template-columns:1fr}.inline-form{display:block;margin:6px 0 0}}


.customer-communication-layout{align-items:start;margin-bottom:14px}
.customer-communication-mini-list{display:grid;gap:8px;margin:10px 0 12px}
.customer-communication-mini-list div{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(248,250,252,.85)}
.customer-communication-mini-list strong{display:block;font-size:13px;color:#111827;margin-bottom:3px}
.customer-communication-mini-list span{font-size:12px;color:var(--muted)}
.customer-communication-mini-form{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}
.customer-communication-mini-form input,.customer-communication-mini-form textarea{width:100%}
.text-danger{color:#b91c1c;font-weight:700}
@media (max-width: 900px){.customer-communication-layout{grid-template-columns:1fr}}


.customer-opportunity-layout { align-items: start; }
.opportunity-table .opportunity-inline { display:flex; gap:6px; justify-content:flex-end; align-items:center; flex-wrap:wrap; }
.opportunity-table .opportunity-inline select { min-width:120px; }
.tiny-input { width:64px !important; min-width:64px !important; text-align:right; }
.mini-list { display:flex; flex-direction:column; gap:8px; }
.mini-list-row { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid rgba(15,23,42,.08); }
.mini-list-row:last-child { border-bottom:0; }
.mini-list-row span { display:flex; flex-direction:column; gap:2px; min-width:0; }
.mini-list-row small { color:#64748b; }
.mini-list-row em { font-style:normal; font-weight:800; white-space:nowrap; }
@media (max-width: 1100px){ .opportunity-table .opportunity-inline{justify-content:flex-start}.opportunity-table .opportunity-inline select{min-width:100%}.tiny-input{width:100% !important} }


.customer-service-layout { align-items: start; }
.customer-service-table .service-inline { display: inline-flex; gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.customer-service-table .service-inline select { min-width: 120px; }
.customer-service-table .service-inline input[type="date"] { width: 145px; }
.customer-service-table td { vertical-align: top; }
@media (max-width: 1100px) {
  .customer-service-table .service-inline { justify-content: flex-start; }
}


.customer-service-billing-form .section-head {
  align-items: flex-end;
  gap: 18px;
}
.customer-service-billing-form .section-head .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: flex-end;
  gap: 10px;
}
.customer-service-billing-form .section-head label {
  font-size: 12px;
  color: var(--muted);
  display: grid;
  gap: 5px;
  margin: 0;
}
.customer-service-billing-form .section-head input,
.customer-service-billing-form .section-head select {
  min-width: 140px;
}
.service-billing-table th:first-child,
.service-billing-table td:first-child {
  width: 38px;
  text-align: center;
}
.service-billing-table .badge.warn {
  background: #fff7ed;
  color: #9a3412;
}
@media (max-width: 1100px) {
  .customer-service-billing-form .section-head { align-items: stretch; }
  .customer-service-billing-form .section-head .actions { justify-content: flex-start; }
}

.customer-forecast-kpis{margin-bottom:14px}
.customer-forecast-filter{margin-bottom:14px}
.customer-forecast-months{margin-bottom:14px}
.forecast-month-grid{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:10px}
.forecast-month-card{display:grid;gap:8px;border:1px solid rgba(148,163,184,.22);border-radius:15px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);padding:11px 12px;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.forecast-month-card strong{display:block;font-size:13px;font-weight:950;color:#0f172a}
.forecast-month-card span{display:block;margin-top:2px;font-size:11.5px;color:#64748b}
.forecast-month-card em{font-style:normal;font-weight:950;font-size:15px;color:#0f172a}
.forecast-month-card b{display:block;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.forecast-month-card b i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#14b8a6)}
.service-forecast-table td{vertical-align:top}
.service-forecast-table .btn.small{white-space:nowrap}
@media(max-width:1450px){.forecast-month-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}}
@media(max-width:900px){.forecast-month-grid{grid-template-columns:1fr}.customer-forecast-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.grid.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-risk-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;align-items:stretch;margin-bottom:14px}.customer-risk-kpis .kpi{min-height:72px;padding:13px 14px!important}.customer-risk-kpis .kpi .label{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-risk-kpis .kpi .value{font-size:21px!important;line-height:1.15;margin-top:5px!important;white-space:nowrap}.customer-risk-filter{margin-bottom:14px}.customer-risk-overview{margin-bottom:14px}.customer-risk-table-card{margin-top:0}.customer-risk-table td{vertical-align:top}.customer-risk-table .badge{margin:0 4px 4px 0}.badge.warn{background:#fff7ed;color:#9a3412}.risk-link{text-decoration:none;color:inherit;border-bottom:1px solid rgba(15,23,42,.08)!important}.risk-link:hover{text-decoration:none;background:#f8fafc}.customer-risk-table tr.risk-high td:first-child{border-left:3px solid #ef4444}.customer-risk-table tr.risk-medium td:first-child{border-left:3px solid #f59e0b}.customer-risk-table tr.risk-ok td:first-child{border-left:3px solid #22c55e}.customer-risk-table .btn.small{white-space:nowrap}.text-danger{color:#b91c1c!important}@media(max-width:1350px){.customer-risk-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.customer-risk-kpis .kpi .value{font-size:20px!important}}@media(max-width:1050px){.customer-risk-overview{grid-template-columns:1fr!important}.customer-risk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.customer-risk-kpis{grid-template-columns:1fr!important}}

.app-shell .app-sidebar{padding-bottom:14px!important}
.app-shell .sidebar-update-manager-slot{position:fixed;left:11px;bottom:14px;width:calc(var(--sidebar-w,248px) - 22px);z-index:245;pointer-events:none}
.app-shell .sidebar-update-manager{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;border:1px solid rgba(147,197,253,.28);border-radius:12px;background:linear-gradient(135deg,#111827,#1d4ed8);color:#fff;text-decoration:none!important;font-size:12px;font-weight:900;letter-spacing:.01em;box-shadow:0 16px 34px rgba(15,23,42,.32)}
.app-shell .sidebar-update-manager span{font-size:14px;line-height:1;transform:translateY(-1px)}
.app-shell .sidebar-update-manager strong{font-size:12px;font-weight:900;text-transform:none;white-space:nowrap}
.app-shell .sidebar-update-manager:hover{background:linear-gradient(135deg,#020617,#2563eb);color:#fff;text-decoration:none!important;border-color:rgba(191,219,254,.55)}
.app-shell.sidebar-light .sidebar-update-manager{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 12px 26px rgba(15,23,42,.18)}
@media(max-width:900px){.app-shell .app-sidebar{padding-bottom:14px!important}.app-shell .sidebar-update-manager-slot{position:static;width:100%;padding:8px 0 0;pointer-events:auto}.app-shell .sidebar-update-manager{min-height:38px}}

.badge.badge-action{border:0;cursor:pointer;font-family:inherit;line-height:1;text-decoration:none;appearance:none;-webkit-appearance:none}
.badge.badge-action:hover{filter:brightness(.97);text-decoration:none}
.hidden-inline-form{display:none!important}

@media(max-width:900px){
  body.app-shell .topbar.app-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 10px!important;
    align-items:center!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 14px!important;
    position:relative!important;
    border-bottom:1px solid #dbe4ef!important;
    box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
  }
  body.app-shell .topbar .topbar-left{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
  }
  body.app-shell .topbar .top-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
  }
  body.app-shell .topbar .top-actions{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }
  body.app-shell .topbar .top-help,
  body.app-shell .topbar .top-presentation-link,
  body.app-shell .topbar .top-audio-wrap{
    display:none!important;
  }
  body.app-shell .topbar .top-create{
    min-height:36px!important;
    white-space:nowrap!important;
  }
  body.app-shell .topbar .profile-menu summary{
    min-width:36px!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
  }
  body.app-shell .topbar .profile-name{
    display:none!important;
  }
  body.app-shell .page-head{
    margin-top:0!important;
  }
}


.app-shell .nav-section-items a{min-width:0!important}
.app-shell .nav-section-items a > span:last-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}

.app-shell .invoice-items-wrap{overflow:auto!important}
.app-shell .invoice-items{min-width:1000px!important;table-layout:fixed!important;border-spacing:0!important}
.app-shell .invoice-items.invoice-items-pro{min-width:1000px!important}
.app-shell .invoice-items th,.app-shell .invoice-items td{padding:8px 5px!important}
.app-shell .invoice-items td input,.app-shell .invoice-items td select{border-radius:9px!important;min-width:0!important}
.app-shell .invoice-items .item-col-drag{width:34px!important}
.app-shell .invoice-items .item-col-name{width:490px!important;min-width:490px!important}
.app-shell .invoice-items .item-col-qty{width:54px!important}
.app-shell .invoice-items .item-col-unit{width:52px!important}
.app-shell .invoice-items .item-col-price{width:82px!important}
.app-shell .invoice-items .item-col-discount{width:86px!important}
.app-shell .invoice-items .item-col-vat{width:52px!important}
.app-shell .invoice-items .item-col-total{width:112px!important}
.app-shell .invoice-items .item-col-action{width:38px!important}
.app-shell .invoice-items .item-drag-cell,.app-shell .invoice-items .item-action-cell{text-align:center!important}
.app-shell .invoice-item-service-select{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.app-shell .invoice-items .item-number-cell input,.app-shell .invoice-items .item-unit-cell input,.app-shell .invoice-items .item-vat-cell input{width:100%!important;text-align:center!important}
.app-shell .invoice-items .item-price-cell input{text-align:right!important}
.app-shell .invoice-items .item-name-cell input{width:100%!important}
.app-shell .invoice-items.invoice-items-pro .item-name-cell{width:490px!important;min-width:490px!important}
.app-shell .invoice-items.invoice-items-pro .item-name-cell input[name="item_name[]"]{width:100%!important;box-sizing:border-box!important}
.app-shell .invoice-items.invoice-items-pro .item-number-cell{width:54px!important}
.app-shell .invoice-items.invoice-items-pro .item-unit-cell{width:52px!important}
.app-shell .invoice-items.invoice-items-pro .item-price-cell{width:82px!important}
.app-shell .invoice-items.invoice-items-pro .item-discount-cell{width:86px!important}
.app-shell .invoice-items.invoice-items-pro .item-vat-cell{width:52px!important}
.app-shell .invoice-items.invoice-items-pro .item-total-cell{width:112px!important}
.app-shell .invoice-items .item-total-cell{font-size:12px!important;line-height:1.25!important;text-align:right!important;white-space:nowrap!important}
.app-shell .invoice-item-main{min-width:0}
.app-shell .invoice-item-name-picker{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 34px 34px!important;gap:6px;align-items:center}
.app-shell .invoice-item-catalog-btn,.app-shell .invoice-item-drag{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border:1px solid var(--fx-border-strong);border-radius:9px;
  background:#f8fafc;color:#1f2a3d;font-weight:900;line-height:1;cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .12s ease;
}
.app-shell .invoice-item-catalog-btn:hover,.app-shell .invoice-item-drag:hover{background:#eff5ff;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}
.app-shell .invoice-item-drag{cursor:grab;color:#718096}
.app-shell .invoice-item-drag:active{cursor:grabbing}
.app-shell .invoice-items tr.is-dragging td{background:#eff6ff!important;opacity:.66}
.app-shell .invoice-item-discount{display:grid;grid-template-columns:minmax(38px,1fr) 42px;gap:4px;align-items:center}
.app-shell .invoice-item-discount input{text-align:right!important}
.app-shell .invoice-item-description-toggle{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:1px solid var(--fx-border-strong);border-radius:9px;background:#f8fafc;color:#64748b;
  font-size:0;font-weight:800;padding:0;cursor:pointer;
}
.app-shell .invoice-item-description-toggle::before{content:"i";font-size:12px;font-weight:900}
.app-shell .invoice-item-description-toggle:hover{background:#eff5ff;border-color:#bfdbfe;color:#1d4ed8}
.app-shell .invoice-item-description{display:none;margin-top:6px}
.app-shell .invoice-item-description.is-open{display:block}
.app-shell .invoice-item-description input{width:100%!important}
.app-shell .invoice-item-line-total{display:grid;grid-template-columns:1fr;justify-items:end;gap:1px;color:#64748b;line-height:1.15}
.app-shell .invoice-item-line-total strong{color:#0f172a;font-size:13px}
.app-shell .invoice-item-line-after{font-size:11px}
.app-shell .invoice-item-catalog-popover{
  position:fixed;z-index:130000;left:12px;top:12px;width:min(620px,calc(100vw - 24px));
  max-height:min(520px,calc(100vh - 24px));overflow:auto;padding:6px;border:1px solid var(--fx-border-strong);
  border-radius:12px;background:#fff;box-shadow:var(--fx-shadow-pop);
}
.app-shell .invoice-item-catalog-create{
  width:100%;border:1px dashed #bfdbfe;background:#eff6ff;color:#1d4ed8;text-align:left;border-radius:9px;
  padding:9px 10px;margin:0 0 6px;font-size:12px;font-weight:900;cursor:pointer;
}
.app-shell .invoice-item-catalog-create:hover{background:#dbeafe;border-color:#93c5fd}
.app-shell .invoice-item-catalog-create[disabled]{opacity:.65;cursor:wait}
.app-shell .invoice-item-catalog-option{
  width:100%;border:0;background:#fff;color:#0f172a;text-align:left;border-radius:8px;
  padding:8px 9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;cursor:pointer;
}
.app-shell .invoice-item-catalog-option:hover{background:#eff5ff;color:#1d4ed8}
.app-shell .invoice-item-catalog-option strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-shell .invoice-item-catalog-option small{font-size:11px;color:#64748b;white-space:nowrap}
.app-shell .invoice-item-catalog-empty{padding:10px;color:#64748b;font-size:12px}
@media(max-width:900px){
  .app-shell .invoice-items{min-width:1000px!important}
  .app-shell .invoice-items .item-col-name{width:490px!important;min-width:490px!important}
  .app-shell .invoice-items.invoice-items-pro .item-name-cell{width:490px!important;min-width:490px!important}
  .app-shell .invoice-item-name-picker{grid-template-columns:minmax(0,1fr) 34px 34px!important}
}

@media(max-width:900px){
  body.app-shell[data-current-page="invoices"] .invoice-items-wrap{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items,
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro,
  body.app-shell[data-current-page="invoices"] .invoice-items tbody,
  body.app-shell[data-current-page="invoices"] .invoice-items tr,
  body.app-shell[data-current-page="invoices"] .invoice-items td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items thead{
    display:none!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items tr[data-item-row]{
    position:relative!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border:1px solid #d8e2ef!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items th,
  body.app-shell[data-current-page="invoices"] .invoice-items td{
    border:0!important;
    padding:6px 0!important;
    background:transparent!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items .item-drag-cell{
    position:absolute!important;
    top:12px!important;
    right:54px!important;
    width:34px!important;
    padding:0!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items .item-action-cell{
    position:absolute!important;
    top:12px!important;
    right:14px!important;
    width:34px!important;
    padding:0!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items .item-name-cell{
    padding-right:82px!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-name-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-col-name{
    width:100%!important;
    min-width:0!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-item-name-picker{
    grid-template-columns:minmax(0,1fr) 34px 34px!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items .item-number-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-unit-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-price-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-discount-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-vat-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-total-cell{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    border-top:1px solid #edf2f8!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-number-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-unit-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-price-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-discount-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-vat-cell,
  body.app-shell[data-current-page="invoices"] .invoice-items.invoice-items-pro .item-total-cell{
    width:100%!important;
    min-width:0!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items .item-number-cell::before{content:"Množství";}
  body.app-shell[data-current-page="invoices"] .invoice-items .item-unit-cell::before{content:"Jednotka";}
  body.app-shell[data-current-page="invoices"] .invoice-items .item-price-cell::before{content:"Cena";}
  body.app-shell[data-current-page="invoices"] .invoice-items .item-discount-cell::before{content:"Sleva";}
  body.app-shell[data-current-page="invoices"] .invoice-items .item-vat-cell::before{content:"DPH";}
  body.app-shell[data-current-page="invoices"] .invoice-items .item-total-cell::before{content:"Celkem";}
  body.app-shell[data-current-page="invoices"] .invoice-items .item-number-cell::before,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-unit-cell::before,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-price-cell::before,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-discount-cell::before,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-vat-cell::before,
  body.app-shell[data-current-page="invoices"] .invoice-items .item-total-cell::before{
    color:#708097!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-items input,
  body.app-shell[data-current-page="invoices"] .invoice-items select{
    width:100%!important;
  }
  body.app-shell[data-current-page="invoices"] .invoice-item-line-total{
    justify-items:start!important;
    text-align:left!important;
  }
}

@media(max-width:900px){
  body.app-shell[data-current-page="recurring"] .recurring-table-wrap{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table,
  body.app-shell[data-current-page="recurring"] .recurring-table tbody,
  body.app-shell[data-current-page="recurring"] .recurring-table tr,
  body.app-shell[data-current-page="recurring"] .recurring-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table{
    table-layout:auto!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table thead,
  body.app-shell[data-current-page="recurring"] .recurring-table tr:first-child{
    display:none!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table tr:not(:first-child){
    position:relative!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border:1px solid #d8e2ef!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table td{
    border:0!important;
    padding:6px 0!important;
    background:transparent!important;
    white-space:normal!important;
    text-align:left!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table td:first-child{
    padding-right:44px!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table td:first-child strong{
    display:block!important;
    color:#1456d9!important;
    font-size:15px!important;
    line-height:1.2!important;
    padding-right:22px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table .rec-name-cell .mini{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    margin-top:6px!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    background:#eaf2ff!important;
    color:#155ee8!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
    letter-spacing:.02em!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table .rec-single-line{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(n+2):not(:last-child){
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    border-top:1px solid #edf2f8!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(n+2):not(:last-child)::before{
    color:#708097!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
  }
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(2)::before{content:"Zákazník";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(3)::before{content:"Periodicita";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(4)::before{content:"Částka";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(5)::before{content:"Další";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(6)::before{content:"Vyg.";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(7)::before{content:"E-mail";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:nth-child(8)::before{content:"Stav";}
  body.app-shell[data-current-page="recurring"] .recurring-table td:last-child{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:auto!important;
    padding:0!important;
  }
}

@media(max-width:900px){
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap){
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) table,
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) tbody,
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) tr,
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) tr:first-child{
    display:none!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) tr:not(:first-child){
    position:relative!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border:1px solid #d8e2ef!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td{
    border:0!important;
    padding:6px 0!important;
    background:transparent!important;
    white-space:normal!important;
    text-align:left!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(1){
    position:absolute!important;
    top:14px!important;
    right:54px!important;
    width:auto!important;
    padding:0!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(2){
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:auto!important;
    padding:0!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(3){
    padding-right:74px!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(3) strong,
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(3) a{
    display:block!important;
    color:#1456d9!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(n+4):not(:last-child){
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    border-top:1px solid #edf2f8!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(n+4):not(:last-child)::before{
    color:#708097!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
  }
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(4)::before{content:"Typ";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(5)::before{content:"Uhrazeno";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(6)::before{content:"Název";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(7)::before{content:"Odběratel";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(8)::before{content:"IČO";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(9)::before{content:"Projekt";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(10)::before{content:"Cena";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(11)::before{content:"DUZP";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(12)::before{content:"Splatnost";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(13)::before{content:"Vystavení";}
  body.app-shell[data-current-page="invoices"][data-current-action=""] .table-wrap:not(.invoice-items-wrap) td:nth-child(14)::before{content:"Stav";}
}

.app-shell .mobile-nav-backdrop{
  position:fixed;inset:0;border:0;padding:0;background:rgba(15,23,42,.36);
  z-index:110000;opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.app-shell .mobile-nav-backdrop.is-open{opacity:1;pointer-events:auto}
.app-shell .mobile-nav-backdrop[hidden]{display:none!important}
body.app-shell.nav-open{overflow:hidden}
@media(max-width:980px){
  .app-shell.nav-open .app-sidebar{z-index:110001!important}
  .app-shell.nav-open .mobile-nav-backdrop{z-index:110000!important}
}

.app-shell .company-admin-layout{
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;
  align-items:start!important;
}
.app-shell .company-admin-layout>.card{min-width:0!important}
.app-shell .company-form-card{overflow:visible!important}
.app-shell .company-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:end!important;
}
.app-shell .company-form-grid label{min-width:0!important}
.app-shell .company-form-grid .inline-field{min-width:0!important}
.app-shell .company-form-grid .field-check{
  grid-column:1/-1!important;
  align-self:end!important;
  min-width:0!important;
}
.app-shell .company-list-row{min-width:0!important}
.app-shell .company-list-row>div:first-child{min-width:0!important}
.app-shell .company-list-row small{overflow-wrap:anywhere}
.app-shell form[data-edit-focus]{position:relative!important;overflow:visible!important}
.app-shell .edit-focus-callout{
  display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:10px 12px;
  border:1px solid #93c5fd;border-left:4px solid #2563eb;border-radius:12px;
  background:#eff6ff;color:#1e3a8a;font-size:12.5px;font-weight:900;
  box-shadow:0 12px 28px -20px rgba(37,99,235,.75);
  transition:opacity .35s ease,transform .35s ease;
}
.app-shell .edit-focus-callout::before{
  content:"";width:9px;height:9px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.13);
  flex:0 0 auto;
}
.app-shell .edit-focus-callout.is-fading{opacity:0;transform:translateY(-4px)}
.app-shell form[data-edit-focus].is-edit-focus{
  animation:famcEditFocusPulse 1.15s ease-in-out 0s 4;
  box-shadow:0 0 0 3px rgba(37,99,235,.18),0 20px 42px -28px rgba(37,99,235,.9)!important;
}
@keyframes famcEditFocusPulse{
  0%,100%{outline:0 solid rgba(37,99,235,0)}
  45%{outline:3px solid rgba(37,99,235,.28)}
}
@media(max-width:1220px){
  .app-shell .company-admin-layout{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .app-shell .company-form-grid{grid-template-columns:1fr!important}
  .app-shell .company-form-grid .field-check{grid-column:auto!important}
}

@media(max-width:980px){
  .app-shell .page-title strong,.app-shell .page-title small{max-width:calc(100vw - 92px)!important}
}
.recurring-table-wrap{overflow-x:auto!important;overflow-y:visible!important}
.recurring-table{table-layout:fixed!important;width:100%!important;min-width:980px!important}
.recurring-table th,.recurring-table td{white-space:nowrap!important;vertical-align:middle!important}
.recurring-table .rec-col-name{width:8.5%}
.recurring-table .rec-col-customer{width:18%}
.recurring-table .rec-col-period{width:25%}
.recurring-table .rec-col-amount{width:10%}
.recurring-table .rec-col-next{width:13%}
.recurring-table .rec-col-generated{width:7%}
.recurring-table .rec-col-send{width:5.5%;text-align:center}
.recurring-table .rec-col-state{width:5.5%;text-align:center}
.recurring-table .rec-col-actions{width:7%}
.rec-single-line,.rec-customer-cell a{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}
.rec-name-cell,.rec-customer-cell,.rec-period-cell,.rec-next-cell,.rec-generated-cell{min-width:0!important;overflow:hidden!important}
.rec-amount-cell strong{display:block;text-align:right!important}
.rec-icon-cell{text-align:center!important}
.recurring-icon{width:28px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;border:1px solid #dbe4f0;background:#f8fafc;color:#475569;line-height:1}
.recurring-icon-active,.recurring-icon-mail{background:#dcfce7;border-color:#bbf7d0;color:#15803d}
.recurring-icon-paused{background:#fef3c7;border-color:#fde68a;color:#92400e}
.recurring-icon-ended,.recurring-icon-off,.recurring-icon-mail-off{background:#eef2f7;border-color:#d8e1ec;color:#64748b}
@media(max-width:1180px){
  .recurring-table th,.recurring-table td{padding-left:6px!important;padding-right:6px!important;font-size:11.5px!important}
}
.branding-login-effective{border-color:#bfdbfe!important;background:#eff6ff!important}
.branding-login-tenant{opacity:.86}
.user-admin-profile-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}
.user-admin-profile-grid section{min-width:0}
.user-admin-profile-grid .profile-avatar-panel{position:sticky;top:calc(var(--topbar-h,68px) + 14px)}
@media(max-width:860px){
  .user-admin-profile-grid{grid-template-columns:1fr}
  .user-admin-profile-grid .profile-avatar-panel{position:static}
}

.app-shell .number-series-layout{
  grid-template-columns:minmax(320px,.86fr) minmax(500px,1.14fr)!important;
  align-items:start!important;
}
.app-shell .number-series-layout>.card{min-width:0!important}
.app-shell .number-series-form{overflow:visible!important}
.app-shell .number-series-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 12px!important;
}
.app-shell .number-series-form-grid label{min-width:0!important}
.app-shell .number-series-form-grid input,
.app-shell .number-series-form-grid select{min-width:0!important}
.app-shell .number-series-list-card{min-width:0!important}
.app-shell .number-series-table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.app-shell .number-series-table-wrap table{min-width:650px!important}
.app-shell .number-series-table-wrap th,
.app-shell .number-series-table-wrap td{white-space:nowrap!important}
.app-shell .number-series-confirm-card{max-width:820px!important}
.app-shell .number-series-confirm-warning{
  border:2px solid #fca5a5!important;
  background:#fff1f2!important;
  color:#7f1d1d!important;
}
@media(max-width:1380px){
  .app-shell .number-series-layout{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  .app-shell .number-series-form-grid{grid-template-columns:1fr!important}
  .app-shell .number-series-table-wrap table{min-width:560px!important}
}

.app-shell .sidebar-collapse-toggle{
  position:fixed;left:calc(var(--sidebar-w,248px) - 46px);bottom:66px;top:auto;right:auto;z-index:260;
  width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.09);color:#fff;font-weight:900;cursor:pointer;
}
.app-shell.sidebar-light .sidebar-collapse-toggle{border-color:#dbe4f0;background:#f8fafc;color:#0f172a}
.app-shell .sidebar-collapse-toggle:hover{background:rgba(255,255,255,.18)}
body.app-shell.sidebar-collapsed{--sidebar-w:64px}
body.app-shell.sidebar-collapsed .sidebar-collapse-toggle{left:16px}
body.app-shell.sidebar-collapsed .app-sidebar{width:64px!important;padding-left:10px!important;padding-right:10px!important;overflow:visible}
body.app-shell.sidebar-collapsed .company-brand{justify-content:center;padding-right:0}
body.app-shell.sidebar-collapsed .brand-copy,
body.app-shell.sidebar-collapsed .company-switcher,
body.app-shell.sidebar-collapsed .nav-section summary,
body.app-shell.sidebar-collapsed .nav-section a span:not(.nav-ico),
body.app-shell.sidebar-collapsed .sidebar-update-manager strong{display:none!important}
body.app-shell.sidebar-collapsed .nav-groups{margin-top:16px}
body.app-shell.sidebar-collapsed .nav-section{display:block;margin:4px 0}
body.app-shell.sidebar-collapsed .nav-section[open] .nav-section-items,
body.app-shell.sidebar-collapsed .nav-section-items{display:flex!important;flex-direction:column;gap:6px}
body.app-shell.sidebar-collapsed .nav-section a{
  width:42px;height:42px;padding:0!important;justify-content:center;border-radius:12px;margin:0 auto;
}
body.app-shell.sidebar-collapsed .nav-ico{margin:0!important}
body.app-shell.sidebar-collapsed .sidebar-update-manager-slot{left:10px!important;right:10px!important}
body.app-shell.sidebar-collapsed .sidebar-update-manager{
  width:42px;height:42px;padding:0!important;justify-content:center;border-radius:14px;
}
body.app-shell.sidebar-collapsed .sidebar-update-manager span{margin:0!important}
body.app-shell.sidebar-collapsed .brand-logo,
body.app-shell.sidebar-collapsed .brand-initial{width:42px!important;height:42px!important}
@media(min-width:981px){
  .app-shell .app{display:block!important;min-height:100vh;width:100%!important}
  .app-shell .app-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--sidebar-w,248px)!important;
    min-width:var(--sidebar-w,248px)!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    z-index:250!important;
    overflow:hidden!important;
  }
  .app-shell .app-main{
    margin-left:var(--sidebar-w,248px)!important;
    width:calc(100% - var(--sidebar-w,248px))!important;
    min-height:100vh!important;
  }
  .app-shell .nav-groups{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
  }
}
.autosave-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.autosave-status{
  display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;
  background:#f1f5f9;color:#64748b;border:1px solid #dbe4f0;font-size:12px;font-weight:800;
}
.autosave-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#94a3b8;margin-right:7px}
.autosave-status.is-saving{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.autosave-status.is-saving::before{background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.13)}
.autosave-status.is-saved{background:#ecfdf5;color:#166534;border-color:#bbf7d0}
.autosave-status.is-saved::before{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}
.autosave-status.is-error{background:#fff1f2;color:#9f1239;border-color:#fecdd3}
.autosave-status.is-error::before{background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.13)}
.announcement-overlay{
  position:fixed;inset:0;z-index:130000;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(15,23,42,.56);backdrop-filter:blur(5px);
}
.announcement-overlay.is-closing{opacity:0;transition:opacity .18s ease}
.announcement-card{
  position:relative;width:min(980px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:18px;
  padding:24px;border-radius:18px;background:#fff;color:#0f172a;box-shadow:0 28px 80px -32px rgba(15,23,42,.75);
}
.announcement-close{
  position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:50%;
  background:#fff;color:#0f172a;font-size:22px;line-height:1;cursor:pointer;z-index:3;
}
.announcement-eyebrow{display:block;margin-bottom:8px;color:#2563eb;font-size:12px;font-weight:900;text-transform:uppercase}
.announcement-copy h2{margin:0 0 10px;font-size:30px;line-height:1.08;letter-spacing:0}
.announcement-copy p{margin:0 0 12px;color:#475569;font-size:15px;line-height:1.5}
.announcement-body{color:#334155;line-height:1.55}
.announcement-media{min-width:0;border-radius:14px;overflow:hidden;background:#0f172a;align-self:stretch;display:flex}
.announcement-media-el{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.announcement-blocks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.announcement-block{
  display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;
}
.announcement-block>span{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-weight:900;flex:0 0 auto}
.announcement-block strong{display:block;font-size:13px;margin-bottom:3px}
.announcement-block small{display:block;color:#64748b;line-height:1.35}
.announcement-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}
.announcement-admin-card{margin-top:18px}
.announcement-admin-form{border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:16px;background:#fbfdff}
.announcement-block-editor{margin:14px 0}
.announcement-block-editor h3{margin:0 0 10px;font-size:16px}
.announcement-block-row{display:grid;grid-template-columns:70px minmax(170px,.45fr) minmax(220px,1fr);gap:8px;margin-bottom:8px}
.announcement-block-row input{width:100%}
@media(max-width:980px){
  .app-shell .sidebar-collapse-toggle{display:none!important}
  body.app-shell.sidebar-collapsed{--sidebar-w:0}
  body.app-shell.sidebar-collapsed .app-sidebar{width:var(--sidebar-w)!important}
  .announcement-card{grid-template-columns:1fr}
  .announcement-media-el{min-height:200px}
  .announcement-blocks{grid-template-columns:1fr}
}
@media(max-width:680px){
  .announcement-overlay{padding:12px}
  .announcement-card{width:100%;padding:18px;border-radius:14px}
  .announcement-copy h2{font-size:23px}
  .announcement-actions{justify-content:stretch;flex-direction:column}
  .announcement-actions .btn{width:100%;justify-content:center}
  .announcement-block-row{grid-template-columns:1fr}
}