:root{
    --navy-950:#0f1c30;
    --navy-900:#152744;
    --navy-800:#1c3357;
    --navy-700:#28466f;
    --gold-600:#a9812f;
    --gold-500:#c49a3f;
    --gold-100:#f4ead0;
    --paper:#f6f4ef;
    --paper-2:#efece3;
    --ink-900:#20242c;
    --ink-600:#565b66;
    --ink-400:#8a8f99;
    --line:#dcd7c9;
    --white:#ffffff;
    --green-700:#2f6b46;
    --green-100:#e3efe4;
    --red-700:#a13b2c;
    --red-100:#f6e4e0;
    --amber-700:#93630f;
    --amber-100:#f6ecd6;
    --radius-s:4px;
    --radius-m:6px;
    --shadow-1:0 1px 2px rgba(15,28,48,0.06), 0 1px 1px rgba(15,28,48,0.04);
    --shadow-2:0 6px 20px rgba(15,28,48,0.10);
  }
  *{box-sizing:border-box;}
  html,body{height:100%;}
  body{
    margin:0;
    font-family:'Source Sans 3', Arial, sans-serif;
    background:var(--paper);
    color:var(--ink-900);
    font-size:14.5px;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Lora', Georgia, 'Times New Roman', serif;
    color:var(--navy-950);
    margin:0;
    letter-spacing:-0.01em;
  }
  .mono{font-family:'JetBrains Mono', monospace;}
  a{color:inherit;text-decoration:none;}
  ::selection{background:var(--gold-100);}

  /* ---------- Shell ---------- */
  .shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;}

  /* ---------- Sidebar ---------- */
  .sidebar{
    background:linear-gradient(180deg,var(--navy-950),var(--navy-900) 60%,var(--navy-800));
    color:#dfe6f0;
    padding:22px 0 18px;
    display:flex;flex-direction:column;
    position:sticky;top:0;height:100vh;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,0.25) transparent;
  }
  .sidebar::-webkit-scrollbar{width:6px;}
  .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px;}
  .sidebar::-webkit-scrollbar-track{background:transparent;}
  .brand{
    display:flex;align-items:center;gap:10px;
    padding:0 20px 20px;
    border-bottom:1px solid rgba(255,255,255,0.08);
    margin-bottom:14px;
  }
  .brand-mark{
    width:34px;height:34px;border-radius:var(--radius-s);
    background:linear-gradient(135deg,var(--gold-500),var(--gold-600));
    display:flex;align-items:center;justify-content:center;
    font-family:'Lora',serif;font-weight:700;color:var(--navy-950);font-size:17px;
    flex-shrink:0;
  }
  .brand-text .name{font-family:'Lora',serif;font-size:17px;font-weight:600;color:#fff;line-height:1.1;}
  .brand-text .tag{font-size:10.5px;color:#9fb0c8;letter-spacing:.09em;text-transform:uppercase;margin-top:2px;}

  .nav-group{padding:0 12px;margin-bottom:4px;}
  .nav-label{
    font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;
    color:#7d8fab;padding:14px 10px 6px;font-weight:600;
  }
  .nav-item{
    display:flex;align-items:center;gap:11px;
    padding:9px 11px;border-radius:var(--radius-s);
    color:#c4cfe0;font-size:13.6px;font-weight:500;cursor:pointer;
    margin-bottom:1px;border-left:3px solid transparent;
  }
  .nav-item:hover{background:rgba(255,255,255,0.06);color:#fff;}
  .nav-item.active{
    background:rgba(196,154,63,0.14);
    color:#fff;
    border-left:3px solid var(--gold-500);
  }
  .nav-item .ic{
    width:17px;height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    opacity:.85;
  }
  .nav-item.active .ic{opacity:1;color:var(--gold-500);}
  .nav-item .ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;}

  .sidebar-footer{
    margin-top:auto;padding:14px 20px 0;
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .user-chip{display:flex;align-items:center;gap:10px;padding-top:14px;}
  .avatar{
    width:32px;height:32px;border-radius:50%;
    background:var(--gold-500);color:var(--navy-950);
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;
  }
  .user-chip .u-name{font-size:13px;color:#fff;font-weight:600;}
  .user-chip .u-role{font-size:11px;color:#8fa0ba;}

  /* ---------- Main ---------- */
  .main{min-width:0;}
  .topbar{
    height:62px;background:var(--white);border-bottom:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;
    padding:0 26px;position:sticky;top:0;z-index:5;
  }
  .search{
    display:flex;align-items:center;gap:8px;
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-s);
    padding:7px 12px;width:320px;color:var(--ink-400);
  }
  .search svg{width:15px;height:15px;stroke:var(--ink-400);fill:none;stroke-width:1.8;}
  .search input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;width:100%;color:var(--ink-900);}
  .top-actions{display:flex;align-items:center;gap:16px;}
  .top-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);cursor:pointer;position:relative;}
  .top-icon svg{width:16px;height:16px;stroke:var(--ink-600);fill:none;stroke-width:1.7;}
  .dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--red-700);border-radius:50%;border:2px solid #fff;}

  .btn{
    display:inline-flex;align-items:center;gap:7px;
    padding:9px 16px;border-radius:var(--radius-s);
    font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;
    font-family:inherit;
  }
  .btn-gold{background:var(--gold-600);color:#fff;}
  .btn-gold:hover{background:#976d24;}
  .btn-outline{background:#fff;border-color:var(--line);color:var(--navy-900);}
  .btn-outline:hover{border-color:var(--navy-700);}
  .btn-ghost{background:transparent;color:var(--ink-600);}
  .btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}

  .view{padding:26px 30px 60px;display:none;}
  .view.active{display:block;}
  .view-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px;}
  .view-head h1{font-size:23px;}
  .view-head .sub{color:var(--ink-600);font-size:13px;margin-top:4px;}
  .breadcrumb{font-size:11.5px;color:var(--ink-400);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-weight:600;}

  /* ---------- Cards / grid ---------- */
  .card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);
    box-shadow:var(--shadow-1);
  }
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
  .stat-card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);
    padding:18px 18px;box-shadow:var(--shadow-1);
    border-top:3px solid var(--navy-800);
  }
  .stat-card.gold{border-top-color:var(--gold-600);}
  .stat-card.green{border-top-color:var(--green-700);}
  .stat-card.red{border-top-color:var(--red-700);}
  .stat-card .label{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);font-weight:600;}
  .stat-card .value{font-family:'Lora',serif;font-size:26px;color:var(--navy-950);margin-top:8px;font-weight:600;}
  .stat-card .delta{font-size:12px;margin-top:6px;color:var(--green-700);font-weight:600;}
  .stat-card .delta.down{color:var(--red-700);}

  .two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;}
  .panel{padding:18px 20px;margin-bottom:18px;}
  .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
  .panel-head h3{font-size:15.5px;}
  .panel-head .link{font-size:12.5px;color:var(--gold-600);font-weight:600;}

  table{width:100%;border-collapse:collapse;}
  th{
    text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;
    color:var(--ink-400);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--line);
  }
  td{padding:11px 10px;border-bottom:1px solid #ece8dc;font-size:13.4px;color:var(--ink-900);}
  tr:last-child td{border-bottom:none;}
  tr:hover td{background:#faf9f4;}
  .name-cell{display:flex;align-items:center;gap:9px;}
  .mini-avatar{
    width:28px;height:28px;border-radius:50%;background:var(--navy-800);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;
  }
  .cell-sub{font-size:11.5px;color:var(--ink-400);}

  .badge{
    display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.2px;font-weight:700;
    text-transform:uppercase;letter-spacing:.03em;
  }
  .badge-green{background:var(--green-100);color:var(--green-700);}
  .badge-gold{background:var(--gold-100);color:var(--gold-600);}
  .badge-red{background:var(--red-100);color:var(--red-700);}
  .badge-amber{background:var(--amber-100);color:var(--amber-700);}
  .badge-gray{background:#eceae2;color:var(--ink-600);}

  /* pipeline */
  .pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
  .pcol{background:var(--paper-2);border-radius:var(--radius-m);padding:10px;}
  .pcol-head{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--navy-800);padding:4px 4px 10px;text-transform:uppercase;letter-spacing:.04em;}
  .pcol-head span{color:var(--ink-400);font-weight:600;}
  .deal-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 11px;margin-bottom:8px;box-shadow:var(--shadow-1);}
  .deal-card .dname{font-size:13px;font-weight:600;color:var(--ink-900);}
  .deal-card .dval{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--gold-600);margin-top:4px;font-weight:600;}
  .deal-card .dco{font-size:11px;color:var(--ink-400);margin-top:2px;}

  /* activity feed */
  .feed-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #ece8dc;}
  .feed-item:last-child{border-bottom:none;}
  .feed-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-500);margin-top:5px;flex-shrink:0;}
  .feed-item .ftxt{font-size:13px;color:var(--ink-900);}
  .feed-item .ftime{font-size:11px;color:var(--ink-400);margin-top:2px;}

  /* filters row */
  .filter-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center;}
  .chip{
    padding:7px 13px;border-radius:20px;border:1px solid var(--line);font-size:12.5px;font-weight:600;
    color:var(--ink-600);background:#fff;cursor:pointer;
  }
  .chip.active{background:var(--navy-900);color:#fff;border-color:var(--navy-900);}

  /* ---------- Module Management ---------- */
  .module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .module-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);padding:18px;box-shadow:var(--shadow-1);}
  .module-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
  .module-icon{
    width:40px;height:40px;border-radius:var(--radius-s);background:var(--navy-950);color:var(--gold-500);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .module-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;}
  .module-title{font-size:14.5px;font-weight:700;color:var(--navy-950);}
  .module-ver{font-size:11px;color:var(--ink-400);font-family:'JetBrains Mono',monospace;}
  .module-desc{font-size:12.6px;color:var(--ink-600);line-height:1.5;margin-bottom:14px;}
  .module-foot{display:flex;align-items:center;justify-content:space-between;}
  .switch{width:38px;height:21px;border-radius:20px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0;}
  .switch.on{background:var(--green-700);}
  .switch::after{content:'';position:absolute;top:2px;left:2px;width:17px;height:17px;background:#fff;border-radius:50%;transition:.15s;}
  .switch.on::after{left:19px;}
  .install-zone{
    border:2px dashed var(--line);border-radius:var(--radius-m);
    padding:34px 20px;text-align:center;background:#fff;margin-top:20px;
  }
  .install-zone svg{width:30px;height:30px;stroke:var(--gold-600);fill:none;stroke-width:1.5;margin-bottom:10px;}
  .install-zone .t1{font-family:'Lora',serif;font-size:16px;color:var(--navy-950);font-weight:600;}
  .install-zone .t2{font-size:12.5px;color:var(--ink-600);margin:6px 0 16px;}

  /* ---------- Settings ---------- */
  .settings-shell{display:grid;grid-template-columns:220px 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-1);}
  .settings-nav{background:var(--paper-2);border-right:1px solid var(--line);padding:16px 0;}
  .settings-nav .sn-item{padding:10px 20px;font-size:13px;font-weight:600;color:var(--ink-600);cursor:pointer;border-left:3px solid transparent;}
  .settings-nav .sn-item.active{color:var(--navy-950);border-left-color:var(--gold-500);background:#fff;}
  .settings-body{padding:26px 30px;}
  .settings-body h2{font-size:17px;margin-bottom:4px;}
  .settings-body .sd{font-size:12.5px;color:var(--ink-600);margin-bottom:22px;}
  .form-row{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #ece8dc;align-items:start;}
  .form-row:last-child{border-bottom:none;}
  .form-row label{font-size:13px;font-weight:600;color:var(--navy-950);padding-top:8px;}
  .form-row .hint{font-size:11.5px;color:var(--ink-400);margin-top:5px;}
  input[type=text],input[type=number],input[type=email],input[type=date],input[type=password],input[type=url],input[type=tel],input[type=file],select,textarea{
    width:100%;max-width:380px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-s);
    font-family:inherit;font-size:13px;color:var(--ink-900);background:#fff;
  }
  input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=date]:focus,input[type=password]:focus,input[type=url]:focus,input[type=tel]:focus,select:focus,textarea:focus{
    outline:2px solid var(--gold-500);outline-offset:0;border-color:var(--gold-500);
  }
  input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-500);outline-offset:0;border-color:var(--gold-500);}
  .row-2{display:flex;gap:10px;max-width:380px;}
  .logo-upload{width:110px;height:70px;border:2px dashed var(--line);border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-400);text-align:center;}

  /* ---------- Invoice ---------- */
  .invoice-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-2);max-width:780px;margin:0 auto;overflow:hidden;}
  .invoice-band{background:var(--navy-950);height:8px;}
  .invoice-pad{padding:38px 42px 30px;}
  .inv-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--navy-950);padding-bottom:22px;margin-bottom:22px;}
  .inv-brand{display:flex;gap:12px;align-items:center;}
  .inv-brand .bm{width:46px;height:46px;border-radius:var(--radius-s);background:linear-gradient(135deg,var(--gold-500),var(--gold-600));display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-weight:700;color:var(--navy-950);font-size:21px;}
  .inv-brand .bn{font-family:'Lora',serif;font-size:19px;font-weight:700;color:var(--navy-950);}
  .inv-brand .ba{font-size:11.5px;color:var(--ink-600);margin-top:2px;line-height:1.5;}
  .inv-meta{text-align:right;}
  .inv-meta .it{font-family:'Lora',serif;font-size:24px;letter-spacing:.06em;color:var(--navy-950);text-transform:uppercase;}
  .inv-meta table{margin-top:10px;}
  .inv-meta td{border:none;padding:2px 0;font-size:12.5px;}
  .inv-meta td:first-child{color:var(--ink-400);padding-right:14px;}
  .inv-meta td:last-child{font-weight:700;font-family:'JetBrains Mono',monospace;color:var(--navy-950);}

  .inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px;}
  .inv-parties .plabel{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-600);font-weight:700;margin-bottom:6px;}
  .inv-parties .pname{font-size:14.5px;font-weight:700;color:var(--navy-950);}
  .inv-parties .paddr{font-size:12.5px;color:var(--ink-600);line-height:1.6;margin-top:4px;}

  .inv-table{width:100%;border-collapse:collapse;margin-bottom:6px;}
  .inv-table thead th{background:var(--navy-950);color:#f4ead0;font-size:10.8px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border:none;}
  .inv-table thead th:last-child, .inv-table td:last-child{text-align:right;}
  .inv-table thead th:nth-child(2), .inv-table td:nth-child(2){text-align:center;}
  .inv-table td{padding:11px 12px;font-size:13px;border-bottom:1px solid #ece8dc;}
  .inv-table .item-name{font-weight:600;color:var(--navy-950);}
  .inv-table .item-sku{font-size:11px;color:var(--ink-400);font-family:'JetBrains Mono',monospace;}

  .inv-totals{display:flex;justify-content:flex-end;margin-top:14px;}
  .inv-totals table{width:280px;}
  .inv-totals td{border:none;padding:6px 4px;font-size:13px;}
  .inv-totals td:last-child{text-align:right;font-family:'JetBrains Mono',monospace;}
  .inv-totals .grand td{border-top:2px solid var(--navy-950);font-size:16px;font-weight:700;color:var(--navy-950);padding-top:10px;}
  .inv-totals .grand td:first-child{font-family:'Lora',serif;}

  .inv-foot{margin-top:28px;padding-top:18px;border-top:1px dashed var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:24px;}
  .inv-foot .note-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-600);font-weight:700;margin-bottom:6px;}
  .inv-foot .note-text{font-size:12px;color:var(--ink-600);line-height:1.6;}
  .paid-stamp{
    border:3px solid var(--green-700);color:var(--green-700);display:inline-block;
    padding:5px 16px;font-family:'Lora',serif;font-weight:700;letter-spacing:.15em;
    transform:rotate(-6deg);font-size:15px;border-radius:4px;
  }
  .inv-barcode{margin-top:20px;text-align:center;padding-top:16px;border-top:1px solid var(--line);}
  .inv-barcode .bars{font-size:34px;letter-spacing:2px;font-family:'JetBrains Mono',monospace;color:var(--navy-950);line-height:1;}
  .inv-barcode .bnum{font-size:11px;letter-spacing:.3em;color:var(--ink-400);margin-top:4px;}

  .invoice-actions{display:flex;justify-content:center;gap:10px;margin:18px 0 40px;}

  /* wizard preview */
  .wizard-wrap{max-width:640px;margin:20px auto;}
  .wz-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;}
  .wz-steps::before{content:'';position:absolute;top:15px;left:0;right:0;height:2px;background:var(--line);z-index:0;}
  .wz-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;}
  .wz-num{width:31px;height:31px;border-radius:50%;background:#fff;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--ink-400);}
  .wz-step.done .wz-num{background:var(--green-700);border-color:var(--green-700);color:#fff;}
  .wz-step.now .wz-num{background:var(--gold-600);border-color:var(--gold-600);color:#fff;}
  .wz-label{font-size:11px;font-weight:600;color:var(--ink-600);text-align:center;}
  .wz-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);padding:30px;box-shadow:var(--shadow-1);}
  .wz-check{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ece8dc;font-size:13.5px;}
  .wz-check:last-child{border:none;}
  .wz-ok{color:var(--green-700);font-weight:700;font-size:12px;}

  .note-tag{
    display:inline-block;background:var(--amber-100);color:var(--amber-700);border:1px solid #e5cd8c;
    font-size:11.5px;padding:8px 12px;border-radius:var(--radius-s);margin-bottom:18px;
  }

/* ---------- Additions for the live application (login, alerts, forms) ---------- */
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:20px;}
.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-2);padding:34px 32px;}
.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;}
.login-brand .bm{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-weight:700;color:var(--navy-950);font-size:22px;}
.login-brand .bn{font-family:'Lora',serif;font-size:19px;font-weight:700;color:var(--navy-950);}
.login-brand .tag{font-size:11px;color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;}

.alert{padding:11px 16px;border-radius:6px;font-size:13px;margin-bottom:16px;border:1px solid transparent;}
.alert-success{background:var(--green-100);color:var(--green-700);border-color:#bfe0c6;}
.alert-error{background:var(--red-100);color:var(--red-700);border-color:#e0b7ac;}

.field{margin-bottom:16px;}
.field label{display:block;font-size:12.8px;font-weight:600;color:var(--navy-950);margin-bottom:6px;}
.field .hint{font-size:11.5px;color:var(--ink-400);margin-top:5px;}
.field .req{color:var(--red-700);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-grid .full{grid-column:1 / -1;}

.table-actions{display:flex;gap:10px;justify-content:flex-end;}
.table-actions a, .table-actions button{font-size:12px;font-weight:600;color:var(--gold-600);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;}
.table-actions .danger{color:var(--red-700);}
.empty-state{padding:50px 20px;text-align:center;color:var(--ink-400);}
.empty-state svg{width:36px;height:36px;stroke:var(--ink-400);fill:none;stroke-width:1.5;margin-bottom:10px;}

.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:14px;}
.pagination a, .pagination span{padding:6px 11px;border:1px solid var(--line);border-radius:4px;font-size:12.5px;color:var(--ink-600);}
.pagination .active{background:var(--navy-900);color:#fff;border-color:var(--navy-900);}

.items-table input[type=text], .items-table input[type=number]{padding:6px 8px;font-size:12.5px;}
.total-row td{font-weight:700;}
.kv-list{display:grid;grid-template-columns:140px 1fr;row-gap:8px;font-size:13px;}
.kv-list .k{color:var(--ink-400);}
.badge-blue{background:#e2e9f4;color:var(--navy-800);}

textarea{font-family:inherit;}