:root{--bg:#f5f7fb;--card:#fff;--ink:#17202a;--muted:#667085;--line:#e4e7ec;--brand:#173f73;--brand2:#2d6ca2;--warn:#b54708;--danger:#b42318;--info:#175cd3}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}header{background:#0f2f55;color:white;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}header strong{font-size:23px}header span{opacity:.75}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-size:14px;opacity:.9}main{max-width:1450px;margin:auto;padding:32px}footer{padding:30px;text-align:center;color:var(--muted);font-size:12px}h1{margin:0 0 5px;font-size:30px}h2{font-size:18px;margin-top:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:16px;margin:25px 0}.card,section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.card span,.card small{display:block;color:var(--muted)}.card strong{font-size:27px;display:block;margin:8px 0}section{margin:18px 0;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.pill{padding:3px 8px;border-radius:999px;font-size:11px;background:#f2f4f7}.pill.high{background:#fee4e2;color:var(--danger)}.pill.warning{background:#fef0c7;color:var(--warn)}.pill.info{background:#eff8ff;color:var(--info)}.two-col{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(600px,1.3fr);gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:12px;color:var(--muted)}input,select{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #d0d5dd;border-radius:7px;background:white}button{border:0;border-radius:7px;padding:10px 15px;background:var(--brand);color:white;cursor:pointer;font-weight:600}.small{padding:6px 10px;font-size:11px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.inline-form{display:flex;gap:8px;align-items:end}.inline-form input,.inline-form select{margin:0}.empty{padding:30px;text-align:center;color:var(--muted);background:#fafafa;border-radius:8px}.notice{background:#ecfdf3;border:1px solid #abefc6;padding:12px 15px;border-radius:8px;margin:14px 0}.resolved{opacity:.5}.narrow{max-width:780px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}@media(max-width:600px){main{padding:18px}.cards,.form-grid{grid-template-columns:1fr}}


.record-editor {
    background: white;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 14px;
}
.record-actions {
    margin-top: 12px;
}
.danger-button {
    background: #dc3545 !important;
    margin-top: 8px;
}
.danger-button:hover {
    opacity: .9;
}


/* ===== Novius v0.5 sidebar + management UI ===== */
body { overflow-x: hidden; }
.app-shell { min-height: 100vh; display: flex; background: var(--bg, #f4f6f9); }
.sidebar { width: 230px; min-height: 100vh; background: #172b45; color: #fff; display: flex; flex-direction: column; position: fixed; left: 0; top: 0; bottom: 0; z-index: 20; box-shadow: 2px 0 8px rgba(0,0,0,.08); }
.sidebar-brand { padding: 18px 16px 16px; border-bottom: 1px solid rgba(255,255,255,.12); display: flex; flex-direction: column; gap: 8px; }
.sidebar-brand img { width: 185px; max-width: 100%; height: auto; display: block; background: #fff; }
.sidebar-brand span { font-size: 13px; font-weight: 600; opacity: .9; }
.side-nav { display: flex; flex-direction: column; padding: 14px 0; gap: 4px; }
.side-link { color: rgba(255,255,255,.92); text-decoration: none; display: flex; align-items: center; gap: 12px; padding: 11px 18px; font-size: 14px; border-left: 3px solid transparent; }
.side-link:hover { background: rgba(0,119,200,.24); color: #fff; border-left-color: #0077C8; }
.nav-icon { width: 22px; text-align: center; font-size: 16px; }
.sidebar-bottom { margin-top: auto; padding-bottom: 16px; }
.settings-link { border-top: 1px solid rgba(255,255,255,.1); padding-top: 14px; }
.sidebar-footer { padding: 14px 18px 0; font-size: 11px; line-height: 1.45; color: rgba(255,255,255,.65); }
.main-shell { margin-left: 230px; width: calc(100% - 230px); min-height: 100vh; }
.topbar { height: 64px; background: #fff; color: #172b45; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; position: sticky; top: 0; z-index: 15; }
.topbar strong { font-size: 18px; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.top-settings { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d7dde5; border-radius: 7px; text-decoration: none; color: #172b45; font-size: 18px; background: #fff; }
.top-settings:hover { background: #f3f6f9; }
.content-wrap { max-width: 1400px; margin: 0 auto; padding: 28px; }

/* compact action icons */
.icon-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; white-space: nowrap; }
.icon-btn { width: 32px; height: 32px; padding: 0; border: 1px solid #d7dde5; border-radius: 6px; background: #fff; color: #0077C8; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; cursor: pointer; }
.icon-btn:hover { background: #f4f8fc; }
.icon-btn.delete { color: #dc3545; }
.icon-btn.delete:hover { background: #fff3f3; }
.status-badge { display: inline-block; padding: 4px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.status-badge.active { background: #e9f7ee; color: #1f7a3d; }
.status-badge.inactive { background: #eef1f4; color: #5f6b78; }

/* settings */
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-card { background: #fff; border: 1px solid #dfe4ea; border-radius: 10px; padding: 20px; box-shadow: 0 2px 6px rgba(17,24,39,.03); }
.settings-card h2 { margin-top: 0; }
.setting-row { padding: 12px 0; border-bottom: 1px solid #edf0f3; }
.setting-row:last-child { border-bottom: 0; }
.setting-label { font-weight: 600; color: #172b45; display: block; margin-bottom: 4px; }
.setting-help { color: #667085; font-size: 13px; }

@media (max-width: 900px) {
  .sidebar { width: 76px; }
  .sidebar-brand span, .side-link span:last-child, .sidebar-footer { display: none; }
  .sidebar-brand { padding: 14px 8px; }
  .sidebar-brand img { width: 58px; }
  .side-link { justify-content: center; padding: 12px 8px; }
  .nav-icon { width: auto; }
  .main-shell { margin-left: 76px; width: calc(100% - 76px); }
  .settings-grid { grid-template-columns: 1fr; }
}


/* ===== Novius v0.6 management tables, settings, analytics ===== */
:root{--novius:#0077C8;--navy:#15283f;--bg:#f4f7fb;--ink:#172033;--muted:#667085}
body{background:var(--bg);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#14283f,#102236);width:230px}
.main-shell{margin-left:230px;width:calc(100% - 230px)}
.topbar{height:62px;padding:0 26px}.topbar-title{font-weight:700;font-size:19px}.top-settings{width:auto;padding:0 12px;gap:7px;text-decoration:none}
.content-wrap{max-width:1500px;padding:28px 30px}.page-card,.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 2px 7px rgba(16,24,40,.04)}
.page-card{padding:22px}.page-heading-row h1{margin:0 0 5px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 14px}.primary-btn{background:var(--novius)!important;color:#fff;border:0;border-radius:7px;padding:10px 15px;font-weight:650;cursor:pointer}.secondary-btn{background:#fff!important;color:#344054;border:1px solid #d0d5dd;border-radius:7px;padding:10px 15px;cursor:pointer}.search-box{height:40px;min-width:310px;border:1px solid #d6dde6;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:7px;background:#fff}.search-box input{border:0!important;outline:0;margin:0!important;padding:0!important;background:transparent;width:100%}.table-scroll{overflow:auto;border:1px solid #e1e6ed;border-radius:8px}.management-table{width:100%;border-collapse:collapse;background:#fff}.management-table th,.management-table td{padding:13px 12px;border-bottom:1px solid #e8edf2;text-align:left;white-space:nowrap}.management-table th{font-size:12px;color:#344054;background:#fbfcfd;cursor:default}.management-table th[data-sort]{cursor:pointer}.management-table th[data-sort]::after{content:' ↕';color:#98a2b3}.management-table td{font-size:13px}.management-table tbody tr:hover{background:#fafcff}.actions-cell{display:flex;gap:6px;justify-content:flex-end}.inline-action{display:inline;margin:0}.icon-btn{width:31px;height:31px;border:1px solid #dbe2ea;background:#fff!important;color:var(--novius);border-radius:6px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn.delete{color:#dc3545}.icon-btn.restore{color:#198754}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px}.status-badge.active{background:#dcf5e5;color:#137333}.status-badge.inactive{background:#eef1f4;color:#5f6b78}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;color:#475467}.pagination{display:flex;gap:6px}.pagination button{background:#fff!important;color:#344054;border:1px solid #d8dee7;border-radius:6px;padding:5px 11px}.pagination button.current{background:var(--novius)!important;color:#fff}.pagination button:disabled{opacity:.45}.modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.46);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-panel{width:min(680px,96vw);background:#fff;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.24);padding:22px}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title h2{margin:0}.modal-title button{background:#fff!important;color:#667085;font-size:24px;padding:0;width:30px;height:30px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-grid .wide{grid-column:1/-1}.modal-grid textarea{width:100%;border:1px solid #d0d5dd;border-radius:7px;padding:10px;margin-top:5px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.success-banner{background:#ecfdf3;border:1px solid #abefc6;color:#166534;padding:10px 12px;border-radius:7px;margin:12px 0}.settings-page .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.settings-card label{display:block;margin:12px 0}.checkbox-row{display:flex!important;align-items:center;gap:8px}.checkbox-row input{width:auto!important;margin:0!important}.notice-box{margin-top:12px;background:#eff8ff;border:1px solid #b2ddff;color:#175cd3;padding:10px;border-radius:7px;font-size:12px}.settings-save{margin-top:18px;display:flex;justify-content:flex-end}
.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.chart-card{padding:18px;min-width:0}.chart-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:8px}.chart-title h2{font-size:16px;margin:0 0 3px}.chart-title p{font-size:12px;color:#667085;margin:0}.chart-title select{width:min(280px,48%);margin:0}.chart-card canvas{width:100%;display:block}.cards .card{border-top:4px solid var(--novius)}.cards .card.positive{border-top-color:#28a745}.cards .card.negative,.cards .card.alert{border-top-color:#dc3545}.cards .card.warning{border-top-color:#f0ad4e}
@media(max-width:1050px){.analytics-grid,.settings-page .settings-grid{grid-template-columns:1fr}.search-box{min-width:220px}.modal-grid{grid-template-columns:1fr}.modal-grid .wide{grid-column:auto}}
@media(max-width:900px){.sidebar{width:76px}.main-shell{margin-left:76px;width:calc(100% - 76px)}.table-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%;min-width:0}}


/* NOVIUS V0.7 CUSTOMER ARCHITECTURE */
.customer-link{color:#1769aa;text-decoration:none}.customer-link:hover{text-decoration:underline}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#667085;margin-bottom:5px}.customer-head{align-items:center}.link-btn{text-decoration:none;display:inline-flex;align-items:center}
.detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.detail-kpi{background:white;border:1px solid #e7ebf0;border-radius:12px;padding:18px}.detail-kpi span{font-size:12px;color:#667085;display:block}.detail-kpi strong{font-size:25px;display:block;margin-top:6px;color:#101828}
.detail-card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:#667085;font-size:12px}.detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-stack{display:flex;flex-direction:column;gap:10px}.product-drop{border:1px solid #e4e7ec;border-radius:10px;overflow:hidden}.product-drop summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:2fr 1.4fr 1.2fr .7fr .7fr;gap:12px;align-items:center;padding:14px 16px;background:#fff}.product-drop summary::-webkit-details-marker{display:none}.product-drop summary:hover{background:#f9fafb}.product-drop[open] summary{border-bottom:1px solid #e4e7ec;background:#f8fbfe}.product-main{display:flex;flex-direction:column}.product-main small{font-size:11px;color:#667085;margin-top:2px}.product-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;background:#fff}.product-detail-grid>div{padding:10px 12px;background:#f9fafb;border-radius:8px}.product-detail-grid span{display:block;color:#667085;font-size:11px;margin-bottom:4px}.product-detail-grid strong{font-size:13px}.mini-history{padding:0 16px 16px}.mini-history h3{font-size:14px;margin:10px 0}.compact-empty{padding:16px}.wide-modal{max-width:760px}.table-wrap{overflow:auto}
@media(max-width:1000px){.detail-kpis{grid-template-columns:repeat(2,1fr)}.detail-two-col{grid-template-columns:1fr}.product-drop summary{grid-template-columns:1.5fr 1fr 1fr}.product-drop summary span:nth-child(4),.product-drop summary span:nth-child(5){display:none}.product-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.detail-kpis{grid-template-columns:1fr}.product-detail-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}

/* NOVIUS V0.8 CRM + SUPPORT + MULTI-TENANT FOUNDATION */
.pipeline-kpi{background:#eef7fd;border:1px solid #cfe8f8;border-radius:10px;padding:12px 16px;min-width:190px}.pipeline-kpi span{display:block;font-size:11px;color:#667085}.pipeline-kpi strong{display:block;font-size:22px;color:#0b5f99;margin-top:3px}.notice-box strong{font-weight:700}.side-nav{overflow-y:auto}.side-nav .side-link{min-height:42px}.page-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.settings-card .link-btn{margin-top:12px}

/* v0.9 customer operations */
.tabs-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}.tabs-row a{padding:8px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;text-decoration:none;color:#344054}.tabs-row a:hover{border-color:#0077C8;color:#0077C8}.pay-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.pay-dot.paid{background:#22c55e}.pay-dot.unpaid{background:#ef4444}.icon-btn{padding:5px 7px;background:transparent;color:#344054}.icon-btn.danger{color:#b42318}.page-head{display:flex;justify-content:space-between;align-items:center}.notice{margin:10px 0}

.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.kanban-col{background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;padding:12px;min-height:420px}.kanban-col h3{margin:0 0 10px}.kanban-card{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:12px;margin-bottom:10px}.kanban-card strong,.kanban-card small{display:block}.kanban-meta{font-size:12px;color:#667085;margin:7px 0}.button-link{display:inline-block;background:#0077C8;color:#fff!important;text-decoration:none;padding:9px 13px;border-radius:8px;font-weight:600}

/* v0.10 */
.analytics-grid td,.analytics-grid th{white-space:nowrap;text-align:right}.analytics-grid td:first-child,.analytics-grid th:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}.narrow-card{max-width:800px}.danger-btn{background:#b42318!important;color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.danger-link{color:#b42318;font-weight:700}.icon-link{text-decoration:none;font-size:18px}.v10-board{grid-template-columns:repeat(6,minmax(260px,1fr))}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:11px;margin:9px 0}.money-grid span{background:#f2f4f7;padding:6px;border-radius:6px}.money-grid b{display:block;font-size:13px}.stage-total{font-weight:700;color:#475467;border-top:1px solid #d0d5dd;padding-top:8px}.kanban-card details{margin-top:8px}.kanban-card details summary{cursor:pointer;color:#0077C8;font-size:12px;font-weight:700}.kanban-card details label{display:block;margin-top:7px}.pipeline-summary{margin-bottom:12px}.management-table .icon-link{padding:4px 7px}


/* v0.11 customer workspace / knowledge base */
.head-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px;position:sticky;top:60px;background:#f7f9fc;padding:8px 0;z-index:5}.workspace-tabs a{background:#fff;border:1px solid #d7dee8;border-radius:999px;padding:7px 11px;text-decoration:none;color:#344054;font-size:12px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-grid>div{background:#f9fafb;padding:12px;border-radius:8px}.profile-grid span{display:block;color:#667085;font-size:11px;margin-bottom:4px}.profile-grid .wide{grid-column:1/-1}.inline-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.form-button{padding-bottom:1px}.relationship-chip{margin-top:14px;background:#eff8ff;border:1px solid #b2ddff;padding:9px 12px;border-radius:8px}.child-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.child-card{border:1px solid #e4e7ec;border-radius:10px;padding:12px;text-decoration:none;color:#101828;background:#fff}.child-card span{display:block;color:#667085;font-size:11px;margin-top:4px}.contract-stack,.monthly-stack{display:flex;flex-direction:column;gap:9px}.contract-row,.month-row{border:1px solid #e4e7ec;border-radius:10px;background:#fff}.contract-row summary{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .6fr;gap:10px;padding:12px;cursor:pointer}.contract-body{padding:14px;border-top:1px solid #e4e7ec}.contract-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.doc-upload{display:grid;grid-template-columns:1.4fr 1.4fr auto;gap:10px;align-items:end}.doc-list{display:flex;flex-direction:column;gap:5px;margin-top:10px}.month-row summary{display:flex;justify-content:space-between;padding:12px 14px;cursor:pointer}.month-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border-top:1px solid #e4e7ec}.month-source-grid>div{background:#f9fafb;border-radius:8px;padding:10px}.month-source-grid span{display:block;color:#667085;font-size:11px}.system-links summary{cursor:pointer}.system-links summary span{font-weight:400;color:#667085;margin-left:8px}.kb-search{display:flex;gap:8px;margin:18px 0}.kb-search input{margin:0}.kb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kb-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:18px}.kb-card h2{font-size:17px}.kb-category{font-size:10px;letter-spacing:.1em;color:#0077C8;font-weight:800;text-transform:uppercase}.kb-body{color:#475467;line-height:1.55;font-size:13px}.recon-process{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.recon-process>div{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:12px;display:flex;gap:8px;align-items:center}.recon-process b{background:#0077C8;color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.nav-order-item{padding:9px 10px;border:1px solid #d7dee8;background:#fff;border-radius:7px;margin:6px 0;cursor:grab}.cards .card[draggable="true"]{cursor:grab}.modal textarea{width:100%;border:1px solid #d0d5dd;border-radius:7px;padding:10px;margin-top:5px}
@media(max-width:1000px){.profile-grid{grid-template-columns:repeat(2,1fr)}.child-grid,.month-source-grid,.kb-grid{grid-template-columns:1fr}.inline-grid,.doc-upload{grid-template-columns:1fr}.recon-process{grid-template-columns:1fr 1fr}.contract-row summary{grid-template-columns:1fr 1fr}}


/* NOVIUS V0.11.1 RECONCILIATION + SIDEBAR UTILITIES */
.sidebar-bottom .sidebar-utility-link{
    display:block;
    width:100%;
    color:#fff !important;
    text-align:center;
    text-decoration:none;
    padding:8px 10px;
    margin:2px 0;
    font-size:13px;
    font-weight:600;
    opacity:.92;
    border-radius:7px;
}
.sidebar-bottom .sidebar-utility-link:hover{
    background:rgba(255,255,255,.10);
    color:#fff !important;
    opacity:1;
}
.recon-table th,.recon-table td{vertical-align:middle}.recon-table th:first-child,.recon-table td:first-child{position:sticky;left:0;background:#fff;z-index:2}.recon-table thead th:first-child{z-index:3}.recon-table tr.resolved td:first-child{background:#fafafa}.needs-mapping{display:inline-block;background:#fef0c7;color:#93370d;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.recon-table .customer-link{font-weight:700}


/* NOVIUS V0.11.2 NAVIGATION / PIPELINE / CUSTOMER / TICKETS */
.no-brand-sidebar{padding-top:18px}.no-brand-sidebar .side-nav{padding-top:4px}
.side-nav .side-link{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:15px;font-weight:500;min-height:45px;padding:10px 14px}
.side-nav .side-link .nav-icon{width:22px;text-align:center;flex:0 0 22px}.side-nav .side-link>span:last-child{min-width:145px;text-align:left}
.sidebar-bottom .sidebar-utility-link{font-size:14px;font-weight:650;text-align:center}.sidebar-bottom{padding-top:12px}
.suite-topbar .topbar-title{font-size:18px;font-weight:750;white-space:normal}.suite-topbar{min-height:62px}
.customers-table th,.customers-table td{vertical-align:middle}.customers-table .phone-value{white-space:nowrap}
.pipeline-page-head{margin-bottom:10px}.pipeline-grand-summary{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:8px;margin:8px 0 12px}.pipeline-grand-summary>div{background:#fff;border:1px solid #e4e7ec;border-radius:9px;padding:9px 11px}.pipeline-grand-summary span{display:block;color:#667085;font-size:10px}.pipeline-grand-summary strong{font-size:17px;display:block;margin-top:2px}.v112-board{grid-template-columns:repeat(6,minmax(185px,1fr));gap:9px}.v112-col{padding:8px;min-height:360px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.stage-heading h3{font-size:14px;margin:0}.stage-heading>span{background:#eaf2f8;border-radius:999px;padding:2px 7px;font-size:10px}.stage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0 9px}.stage-metrics>div{background:#fff;border:1px solid #e4e7ec;border-radius:6px;padding:5px 6px}.stage-metrics small{display:block;color:#667085;font-size:9px}.stage-metrics b{font-size:11px}.stage-metrics .stage-first{grid-column:1/-1;background:#eef7fd}.compact-opportunity-card{padding:8px;margin-bottom:7px}.opp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.compact-opportunity-card strong{font-size:12px}.compact-opportunity-card small,.compact-opportunity-card .kanban-meta{font-size:10px}.compact-money{grid-template-columns:1fr 1fr;gap:3px}.compact-money span{padding:4px;font-size:9px}.compact-money b{font-size:10px}.compact-opportunity-card select{padding:6px 7px;font-size:10px}.compact-opportunity-card details summary{font-size:10px}.toolbar-actions{display:flex;align-items:center;gap:8px}.ticket-reorder-table th[draggable="true"]{cursor:grab;user-select:none}.ticket-reorder-table th.dragging{opacity:.45}.priority-pill{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;background:#f2f4f7}.priority-high,.priority-urgent{background:#fee4e2;color:#b42318}.priority-low{background:#ecfdf3;color:#067647}
@media(max-width:1200px){.pipeline-grand-summary{grid-template-columns:repeat(3,1fr)}.v112-board{grid-template-columns:repeat(6,minmax(175px,1fr))}}
/* Center sidebar labels while keeping icons aligned */
.no-brand-sidebar .side-nav .side-link{position:relative;justify-content:center;text-align:center;padding-left:42px;padding-right:42px}
.no-brand-sidebar .side-nav .side-link .nav-icon{position:absolute;left:18px;width:22px;text-align:center}
.no-brand-sidebar .side-nav .side-link>span:last-child{min-width:0;width:100%;text-align:center}

/* v0.12 secure sign-in and security administration */
.auth-body{margin:0;min-height:100vh;background:#eef3f8;color:#17243a;font-family:Inter,Segoe UI,Arial,sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,48%) 1fr}.auth-visual{position:relative;overflow:hidden;padding:54px 64px;color:#fff;background:linear-gradient(145deg,#092747 0%,#075b75 55%,#16a2a5 100%);display:flex;flex-direction:column;justify-content:space-between}.auth-visual:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-220px;bottom:-210px;box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 170px rgba(255,255,255,.025)}.auth-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.auth-brand strong{display:block;font-size:17px;letter-spacing:.03em}.auth-brand span{display:block;font-size:12px;opacity:.75;margin-top:3px}.auth-mark{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#67e8e3,#fff);color:#0a5267;font-weight:900;display:grid;place-items:center;font-size:25px;box-shadow:0 9px 30px rgba(0,0,0,.18)}.auth-message{position:relative;z-index:2;max-width:530px}.auth-message h1,.bootstrap-card h1{font-size:clamp(34px,4vw,55px);line-height:1.08;margin:12px 0 20px;letter-spacing:-.035em}.auth-message p:not(.eyebrow){font-size:18px;line-height:1.65;color:rgba(255,255,255,.82)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#85f1e7}.auth-trust{position:relative;z-index:2;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.68)}.auth-form-panel{display:grid;place-items:center;padding:42px;background:#fff}.auth-form-wrap{width:min(430px,100%)}.auth-form-wrap h2{font-size:35px;margin:0 0 8px;letter-spacing:-.025em}.mobile-brand{display:none}.auth-form{display:grid;gap:18px;margin-top:28px}.auth-form label,.settings-card label{font-size:13px;font-weight:700;color:#33445d}.auth-form input,.settings-card select{box-sizing:border-box;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #cbd6e3;border-radius:9px;background:#fff;font-size:15px;outline:none}.auth-form input:focus,.settings-card select:focus{border-color:#087b8d;box-shadow:0 0 0 3px rgba(8,123,141,.12)}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:13px}.auth-options a{color:#087b8d;font-weight:700;text-decoration:none}.remember-row{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.remember-row input{width:auto!important;margin:0!important}.auth-submit{display:block;box-sizing:border-box;width:100%;border:0;border-radius:9px;background:linear-gradient(100deg,#075b75,#0e9292);color:#fff;padding:14px 20px;font-weight:800;font-size:15px;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 9px 22px rgba(7,91,117,.18)}.auth-alert,.bootstrap-notice{padding:13px 15px;border-radius:8px;margin:20px 0 0;font-size:13px;line-height:1.5}.auth-alert{background:#fff0f0;color:#9d2525;border:1px solid #f3c4c4}.bootstrap-notice{background:#fff8df;color:#725812;border:1px solid #eedc9f}.auth-help{text-align:center;color:#7a8797;font-size:12px;margin-top:24px}.network-art{position:absolute;inset:100px 0 0 0;opacity:.28}.node{position:absolute;width:12px;height:12px;background:#b9fff8;border:4px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 20px #67e8e3}.n1{top:20%;left:20%}.n2{top:39%;left:72%}.n3{top:70%;left:40%}.n4{top:58%;left:88%}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#a9fff9,transparent);transform-origin:left}.l1{top:23%;left:21%;width:55%;transform:rotate(18deg)}.l2{top:42%;left:40%;width:39%;transform:rotate(63deg)}.l3{top:71%;left:41%;width:51%;transform:rotate(-15deg)}.bootstrap-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#092747,#087481)}.bootstrap-card{width:min(520px,100%);box-sizing:border-box;background:#fff;border-radius:18px;padding:45px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.bootstrap-card h1{font-size:36px}.bootstrap-card .eyebrow{color:#087b8d;margin-top:25px}.bootstrap-card .auth-submit{margin-top:24px}.top-user{display:flex;align-items:center;gap:13px;font-size:13px}.top-user form{margin:0}.top-logout{border:1px solid #d3dce7;background:#fff;border-radius:7px;padding:8px 11px;color:#42526a;cursor:pointer}.security-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dce4ed;margin:22px 0}.security-tabs a{padding:12px 15px;text-decoration:none;color:#607087;font-weight:700;font-size:13px;border-bottom:3px solid transparent}.security-tabs a.active{color:#087b8d;border-bottom-color:#0e9292}.wide-card{grid-column:span 2}.role-card{padding:16px 0;border-bottom:1px solid #e2e8ef}.permission-list{display:flex;gap:6px;flex-wrap:wrap}.permission-list span,.status-pill{font-size:11px;background:#e9f6f5;color:#08716f;border-radius:99px;padding:5px 9px}.status-pill{margin-left:8px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:11px;border-bottom:1px solid #e5ebf1;font-size:13px}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-panel{min-height:100vh;padding:28px}.mobile-brand{display:block;color:#087b8d;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:35px}.wide-card{grid-column:auto}.bootstrap-card{padding:30px}.top-user>span{display:none}}

/* v0.12.1 Novius blue suite header and navigation */
:root{--novius-suite-blue:#0077C8}
.sidebar,.no-brand-sidebar{background:var(--novius-suite-blue)!important;color:#fff}
.side-nav .side-link,.side-nav .side-link:visited,.sidebar-bottom .sidebar-utility-link{color:#fff!important;opacity:1}
.side-nav .side-link .nav-icon{color:#fff}
.side-nav .side-link:hover,.side-nav .side-link:focus,.sidebar-bottom .sidebar-utility-link:hover,.sidebar-bottom .sidebar-utility-link:focus{background:rgba(0,0,0,.14)!important;color:#fff!important;border-left-color:#fff}
.suite-topbar .topbar-title{color:var(--novius-suite-blue);font-weight:800}
.appearance-settings select{width:100%}.appearance-settings .color-picker{width:76px;height:44px;padding:4px;cursor:pointer}.theme-preview{margin-top:14px;border-radius:8px;padding:14px 16px;color:#fff;font-weight:750;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

/* v0.12.1 guided monthly reconciliation workspace */
.recon-controls{padding:14px 18px}.recon-controls .inline-form{align-items:center}.recon-controls label{min-width:210px;font-size:12px;color:#475467}.recon-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:18px 0}.recon-summary-card{background:#fff;border:1px solid #e4e7ec;border-top:4px solid #0077C8;border-radius:10px;padding:15px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.recon-summary-card span,.recon-summary-card small{display:block;color:#667085;font-size:11px}.recon-summary-card strong{display:block;font-size:23px;margin:6px 0;color:#172033}.recon-summary-card.mapping-alert{border-top-color:#d89000;background:#fffcf4}.negative-text{color:#b42318!important}.recon-overview-grid{display:grid;grid-template-columns:minmax(480px,1.4fr) minmax(320px,.8fr);gap:16px}.recon-overview-grid section{margin:0}.recon-legend h2{margin-bottom:14px}.legend-line{display:grid;grid-template-columns:minmax(150px,.8fr) 1.4fr;align-items:start;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f3}.legend-line p{margin:0;color:#667085;font-size:12px;line-height:1.45}.match-state,.field-unmapped,.report-indicator{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;line-height:1.25}.match-state.confirmed{background:#e8f3fd;color:#0966a4}.match-state.unmatched,.field-unmapped{background:#fff0c7;color:#924d00}.report-indicator{margin-top:8px}.report-indicator.listed{background:#e9f8ef;color:#176b36}.report-indicator.not-listed{background:#fff0c7;color:#924d00}.recon-worklist{table-layout:auto}.recon-worklist th:nth-child(1){min-width:235px}.recon-worklist th:nth-child(2){min-width:310px}.recon-worklist th:last-child{min-width:230px}.recon-worklist td{vertical-align:top;white-space:normal}.month-label{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.customer-primary,.imported-customer{display:block;font-size:14px;margin-bottom:6px}.supporting-details,.action-panel{margin-top:9px}.supporting-details summary,.action-panel summary{cursor:pointer;color:#1769aa;font-size:11px;font-weight:750}.supporting-details dl{display:grid;grid-template-columns:110px 1fr;gap:5px 9px;background:#f8fafc;border-radius:8px;padding:10px;margin:8px 0 0;font-size:11px}.supporting-details dt{color:#667085}.supporting-details dd{margin:0;overflow-wrap:anywhere}.reason-text{margin:6px 0 0;color:#475467;font-size:12px;line-height:1.5;white-space:normal}.compact-reason{max-width:520px}.money-cell{font-variant-numeric:tabular-nums;text-align:right!important}.action-panel{border:1px solid #dce4ed;border-radius:8px;padding:8px}.action-panel summary{list-style:none}.action-panel summary::-webkit-details-marker{display:none}.action-panel form{display:grid;gap:8px;margin-top:9px}.action-panel label{font-size:11px;color:#475467}.action-panel select,.action-panel textarea{width:100%;margin-top:4px;border:1px solid #d0d5dd;border-radius:6px;padding:7px;font:inherit;background:#fff}.priority-exceptions-table td{vertical-align:top;white-space:normal}.priority-exceptions-table th:nth-child(1){min-width:210px}.priority-exceptions-table th:nth-child(2){min-width:330px}
@media(max-width:1200px){.recon-summary-grid{grid-template-columns:repeat(3,1fr)}.recon-overview-grid{grid-template-columns:1fr}}
@media(max-width:720px){.recon-summary-grid{grid-template-columns:1fr 1fr}.recon-controls .inline-form{flex-direction:column;align-items:stretch}.recon-controls label{min-width:0}.legend-line{grid-template-columns:1fr}.recon-overview-grid{display:block}.recon-overview-grid section{margin-bottom:14px}}