:root{
  --bg:#061434; --bg2:#071b43; --side:#020712; --side2:#07122b; --panel:#071b43; --panel2:#0a2455;
  --border:#173a7a; --text:#f8fbff; --muted:#97a9cf; --primary:#1368ff; --primary2:#55a6ff;
  --success:#14c784; --warning:#f59e0b; --danger:#ef4444; --cyan:#22d3ee; --violet:#8b5cf6;
  --shadow:0 18px 45px rgba(0,0,0,.28); --radius:18px;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0,#0b2a67 0,#061434 28%,#020712 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;}
a{color:var(--primary2);text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:300px;min-height:100vh;background:linear-gradient(180deg,#020712,#071225);border-right:1px solid var(--border);position:fixed;left:0;top:0;bottom:0;padding:18px 14px;display:flex;flex-direction:column;z-index:20}.main-content{margin-left:300px;width:calc(100% - 300px);min-height:100vh}.brand-block{display:flex;gap:12px;align-items:center;padding:8px 8px 26px}.brand-logo{width:54px;height:54px;object-fit:contain}.brand-name{font-size:22px;font-weight:800;letter-spacing:.2px}.brand-sub{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{gap:6px;overflow:auto;padding-right:4px}.sidebar-nav .nav-link{color:#b7c5e5;border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-weight:600;border:1px solid transparent}.sidebar-nav .nav-link i{font-size:18px;color:#8fb6ff}.sidebar-nav .nav-link:hover{background:#0b2454;color:#fff}.sidebar-nav .nav-link.active{background:linear-gradient(90deg,#0d6efd,#0a49c9);color:#fff;border-color:#2b7dff;box-shadow:0 10px 28px rgba(13,110,253,.28)}.sidebar-nav .nav-link.active i{color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;color:var(--muted)}.mini-user{display:flex;gap:10px;align-items:center;margin-bottom:12px}.mini-user small,.user-pill small{display:block;color:var(--muted);font-size:12px}.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d6efd,#00c2ff);font-weight:800;color:#fff}.avatar.sm{width:34px;height:34px}.logout-link{display:flex;gap:8px;align-items:center;color:#cbd7ee}.topbar{height:78px;background:rgba(5,15,36,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:10}.content-pad{padding:26px}.search-wrap{width:440px;background:#071b43;border:1px solid var(--border);border-radius:12px;height:46px;align-items:center;padding:0 12px;gap:10px;color:var(--muted)}.search-wrap input{background:transparent;border:0;color:#fff;box-shadow:none}.search-wrap input:focus{background:transparent;color:#fff;box-shadow:none}.shortcut{font-size:12px;border:1px solid #244b94;border-radius:7px;padding:2px 7px;color:#acc2ea}.topbar-links{gap:24px;margin-left:30px}.topbar-links a{color:#bcc9e6;font-weight:600}.btn-soft{background:#071b43;border:1px solid var(--border);color:#dce8ff;border-radius:11px}.btn-soft:hover{background:#0d2c66;color:#fff}.user-pill{display:flex;gap:10px;align-items:center;background:#071b43;border:1px solid var(--border);border-radius:14px;padding:7px 12px}.module-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.module-title h2,.h4{color:#fff}.text-muted{color:var(--muted)!important}.text-small{font-size:12px}.card{background:linear-gradient(180deg,rgba(12,34,78,.96),rgba(7,27,67,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)}.card-header{background:rgba(9,32,77,.92)!important;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0!important;color:#fff;font-weight:700}.card-body{color:var(--text)}.stat-card{padding:20px;min-height:124px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-25px;top:-25px;width:120px;height:120px;border-radius:50%;background:rgba(13,110,253,.15)}.stat-icon,.category-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0d6efd,#22d3ee);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 12px 30px rgba(13,110,253,.25)}.mini-card,.category-card{background:#081f4c;border:1px solid var(--border);border-radius:16px;padding:16px;color:#fff}.category-card{text-align:center}.display-count{font-size:28px;font-weight:800}.table{--bs-table-bg:transparent;--bs-table-color:#eaf2ff;--bs-table-border-color:#173a7a;color:#eaf2ff}.table thead th{background:#0a2455;color:#cfe1ff;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table tbody tr:hover{background:#0b2a67}.table td,.table th{vertical-align:middle;border-color:#173a7a}.form-control,.form-select,textarea.form-control{background:#071b43;border:1px solid #244b94;color:#fff;border-radius:12px}.form-control:focus,.form-select:focus{background:#061a43;border-color:#2f8cff;color:#fff;box-shadow:0 0 0 .2rem rgba(13,110,253,.18)}.form-control::placeholder{color:#7890bd}.form-label{color:#d7e4ff;font-weight:600}.modal-content{background:#071b43;border:1px solid var(--border);border-radius:20px;color:#fff}.modal-header,.modal-footer{border-color:var(--border)}.btn-primary{background:#0d6efd;border-color:#0d6efd;border-radius:11px;font-weight:700}.btn-outline-primary{border-color:#2f7dff;color:#8dbaff}.btn-outline-primary:hover{background:#0d6efd;color:#fff}.btn-dark{background:#0a2455;border-color:#173a7a}.btn-outline-secondary{border-color:#31548f;color:#d5e3ff}.badge{border-radius:999px;padding:.45rem .7rem}.text-bg-success{background:#0b8f5a!important}.text-bg-warning{background:#b86f00!important;color:#fff!important}.text-bg-danger{background:#c52d3b!important}.table-actions{display:inline-flex;gap:6px}.btn-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0}.btn-outline-danger{color:#ff6b7a;border-color:#6f2630}.btn-outline-secondary{color:#d8e4ff}.btn-outline-primary{color:#6eadff}.alert{border-radius:14px;border:1px solid var(--border)}.alert-success{background:#073d35;color:#d6fff4}.alert-danger{background:#44121b;color:#ffdbe2}.alert-warning{background:#452b07;color:#fff2cc}.api-status{border-radius:999px;padding:7px 12px;font-weight:700}.api-connected{background:#073d35;color:#12d98b}.api-failed{background:#44121b;color:#ff7c88}.api-pending{background:#42330b;color:#ffd36a}.login-page{min-height:100vh;background:radial-gradient(circle at 80% 0,#0b2a67,#020712 58%);display:flex;align-items:center;justify-content:center}.login-card{width:min(440px,92vw);background:#071b43;border:1px solid var(--border);border-radius:28px;padding:36px;color:#fff;box-shadow:var(--shadow)}.login-logo-img img{width:84px;height:84px;object-fit:contain;display:block;margin:auto}.btn-close{filter:invert(1)}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:none}.main-content{margin-left:0;width:100%}.topbar-links,.search-wrap{display:none!important}}


/* V13 layout and visibility fixes */
html,body{overflow-x:hidden;}
.sidebar{width:286px;max-width:286px;overflow:hidden;padding:18px 12px;}
.main-content{margin-left:286px;width:calc(100% - 286px);background:linear-gradient(180deg,#071a3c 0,#061434 42%,#020712 100%);}
.sidebar-nav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:6px;overflow-y:auto;overflow-x:hidden;padding-right:2px;max-height:calc(100vh - 180px);scrollbar-width:thin;}
.sidebar-nav .nav-link{width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;}
.sidebar-nav .nav-link span{display:block;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.sidebar-nav .nav-link i{flex:0 0 22px;text-align:center;}
.sidebar-footer{flex:0 0 auto;}
.topbar{left:286px;width:calc(100vw - 286px);}
.content-pad{min-height:calc(100vh - 78px);}
.card,.mini-card,.category-card,.modal-content,.login-card{background:#071b43;border-color:#173a7a;color:#f8fbff;}
.card-header,.card-header.bg-white{background:#0a2455!important;color:#f8fbff!important;border-color:#173a7a!important;}
.card-header strong,.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{color:#f8fbff!important;}
.table{color:#eaf2ff!important;}
.table td,.table th{color:#eaf2ff!important;}
.table thead th{background:#0a2455!important;color:#cfe1ff!important;}
.table tbody tr{background:transparent!important;}
.table tbody tr:hover{background:#0b2a67!important;}
.form-control,.form-select,textarea.form-control{background:#071b43!important;border-color:#244b94!important;color:#ffffff!important;caret-color:#ffffff;}
.form-control:focus,.form-select:focus,textarea.form-control:focus{background:#061a43!important;color:#ffffff!important;border-color:#2f8cff!important;box-shadow:0 0 0 .2rem rgba(13,110,253,.22)!important;}
.form-control::placeholder{color:#8aa3d2!important;opacity:1;}
option{background:#071b43;color:#ffffff;}
.bg-white,.table-responsive.bg-white{background:#071b43!important;color:#f8fbff!important;}
.text-dark{color:#f8fbff!important;}
.text-muted{color:#9fb0d6!important;}
.btn-icon{width:32px;height:32px;border-radius:9px;}

.app-toast{position:fixed;right:24px;top:96px;z-index:2500;min-width:320px;max-width:min(440px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);animation:toastIn .28s ease-out;background:#081f4c;color:#fff;}
.app-toast-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto;}
.app-toast-success{border-color:rgba(20,199,132,.45);}.app-toast-success .app-toast-icon{background:#0b8f5a;}
.app-toast-warning{border-color:rgba(245,158,11,.55);}.app-toast-warning .app-toast-icon{background:#b86f00;}
.app-toast-danger{border-color:rgba(239,68,68,.55);}.app-toast-danger .app-toast-icon{background:#c52d3b;}
.app-toast-info .app-toast-icon{background:#0d6efd;}
.app-toast-content{display:flex;flex-direction:column;line-height:1.35;padding-right:8px;}
.app-toast-content strong{font-size:14px;color:#fff;}
.app-toast-content span{font-size:13px;color:#dbe7ff;}
.app-toast-close{margin-left:auto;background:transparent;border:0;color:#dbe7ff;font-size:20px;line-height:1;padding:0;}
.app-toast.hide{animation:toastOut .22s ease-in forwards;}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px) translateX(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateY(-8px) translateX(12px) scale(.96)}}
.btn-loading{position:relative;pointer-events:none;opacity:.82;}
.btn-loading:after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;border-radius:50%;display:inline-block;margin-left:8px;vertical-align:-3px;animation:spin .75s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s;width:286px;max-width:286px}.sidebar.show{transform:none}.main-content{margin-left:0;width:100%}.topbar{left:0;width:100%}}

/* V14 API diagnostics */
.api-preview{background:#020b1e;border:1px solid #173a7a;border-radius:14px;color:#dbeafe;max-height:280px;overflow:auto;padding:14px;font-size:12px;white-space:pre-wrap;word-break:break-word;}
.quick-guide code{color:#93c5fd;background:#071b43;border:1px solid #173a7a;border-radius:6px;padding:2px 6px;}
.quick-guide li{margin-bottom:8px;color:#dbe7ff;}

/* V15 PO / GRN */
.doc-barcode{max-width:100%;height:auto;background:#fff;border-radius:10px;padding:10px;}
@media print{.sidebar,.topbar,.module-title .btn,.sidebar-footer,.app-toast{display:none!important}.main-content{margin-left:0!important;width:100%!important}.content-pad{padding:0!important}.card{box-shadow:none!important;border-color:#999!important;background:#fff!important;color:#111!important}.card-header{background:#fff!important;color:#111!important}.table{color:#111!important}.table td,.table th{color:#111!important;border-color:#ddd!important}.text-muted{color:#555!important}.bg-white{background:#fff!important}.text-dark{color:#111!important}body{background:#fff!important;color:#111!important}}

/* V17 fixes: VAT form alignment and PO/GRN document presentation */
.vat-period-form{display:grid;grid-template-columns:2fr 1.05fr 1.35fr 1.35fr 1.25fr 120px;gap:16px;align-items:end}
.vat-period-form .form-field{min-width:0}.vat-period-form .btn{height:44px;margin-top:28px}.vat-period-form small{display:block;margin-top:5px}
.document-card .card-body{background:#fff;color:#0f172a;border-radius:0 0 var(--radius) var(--radius)}
.document-card .table{--bs-table-bg:transparent;--bs-table-color:#0f172a;--bs-table-border-color:#e5e7eb;color:#0f172a}.document-card .table thead th{background:#f3f6fb;color:#334155;border-color:#e5e7eb}.document-card .table td,.document-card .table th{border-color:#e5e7eb}.document-card small,.document-card .text-muted{color:#64748b!important}.doc-brand{display:flex;gap:16px;align-items:center;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:14px}.doc-brand img{max-width:150px;max-height:70px;object-fit:contain;background:#fff;border-radius:10px;padding:6px}.doc-brand h4{color:#0f172a;font-weight:800}.totals-table th,.totals-table td{background:#f8fafc!important;color:#0f172a!important}.totals-table tr:last-child th,.totals-table tr:last-child td{background:#eaf2ff!important;font-size:1.05rem}
@media(max-width:1200px){.vat-period-form{grid-template-columns:1fr 1fr}.vat-period-form .btn{margin-top:0}}
@media(max-width:576px){.vat-period-form{grid-template-columns:1fr}.doc-brand{align-items:flex-start;flex-direction:column}.doc-brand img{max-width:180px}}
@media print{.sidebar,.topbar,.module-title .d-flex,.btn,.sidebar-footer{display:none!important}.main-content{margin-left:0!important;width:100%!important}.content-pad{padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}.document-card .card-body{background:#fff!important;color:#000!important}}


/* V18 PO/GRN document logo and email settings fixes */
.document-card .card-body{background:#ffffff!important;color:#0f172a!important;overflow:hidden;}
.doc-brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;border:1px solid #e5e7eb!important;background:#ffffff!important;border-radius:16px!important;padding:18px 14px!important;margin-bottom:18px!important;}
.doc-brand img{display:block!important;width:auto!important;max-width:220px!important;max-height:95px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important;}
.doc-brand h4{font-size:20px!important;margin:4px 0 0!important;color:#0f172a!important;font-weight:800!important;}
.doc-brand .text-muted{font-size:12px!important;color:#475569!important;}
.document-card .table-responsive{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;}
.document-card .table{margin-bottom:0!important;color:#0f172a!important;}
.document-card .table td,.document-card .table th{color:#0f172a!important;}
.document-card .table thead th{background:#0b2a67!important;color:#ffffff!important;border-color:#0b2a67!important;}
.document-card .totals-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;}
.document-card .totals-table th,.document-card .totals-table td{color:#0f172a!important;background:#f8fafc!important;}
.document-card .totals-table tr:last-child th,.document-card .totals-table tr:last-child td{background:#eaf2ff!important;color:#0f172a!important;}
.smtp-help-card{background:#f8fafc;border:1px solid #dbe4f0;border-radius:14px;color:#0f172a;padding:14px;}
.smtp-help-card code{color:#0b5ed7;background:#eef4ff;border:1px solid #dbe8ff;border-radius:6px;padding:2px 6px;}
@media print{.doc-brand img{max-width:180px!important;max-height:80px!important}.document-card .card-body{background:#fff!important;color:#000!important}.document-card .table td,.document-card .table th{color:#000!important}}


/* V19 approved PO/GRN document view and PDF preview layout */
.po-view-shell{max-width:1600px;margin:0 auto;}
.po-view-topbar h2{font-weight:800;color:#f8fbff;letter-spacing:-.02em;}
.po-tabs{border-bottom:1px solid #1c458b;gap:22px;}
.po-tabs .nav-link{color:#c8d8fb;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 0 12px;font-weight:600;}
.po-tabs .nav-link.active{color:#fff;border-bottom-color:#1485ff;background:transparent;}
.info-panel{background:linear-gradient(180deg,#082452,#071b43)!important;border-color:#173a7a!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important;}
.info-panel .card-header{background:rgba(10,36,85,.72)!important;color:#fff!important;}
.info-panel small{display:block;color:#9fb0d6;font-size:12px;margin-bottom:5px;}
.info-panel strong{display:block;color:#fff;font-size:14px;line-height:1.35;}
.fin-list{display:grid;gap:12px;}
.fin-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px;}
.fin-list div:last-child{border-bottom:0;}
.fin-list span{color:#c6d7fb;}
.fin-list .gross{font-size:18px;font-weight:800;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);}
.pdf-preview-card{height:calc(100vh - 190px);min-height:720px;background:#071b43!important;border-color:#173a7a!important;}
.pdf-preview-card .card-body{padding:14px;background:#20242b;border-radius:0 0 var(--radius) var(--radius);}
.pdf-iframe{width:100%;height:100%;border:0;border-radius:10px;background:#2a2d34;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.btn-success{background:#0aa66a;border-color:#0aa66a;color:#fff;border-radius:11px;font-weight:700;}
@media(max-width:1199px){.pdf-preview-card{height:820px;min-height:680px;}.po-view-topbar{align-items:flex-start!important;}}
@media(max-width:767px){.pdf-preview-card{height:640px;min-height:520px;}.po-tabs{overflow:auto;flex-wrap:nowrap;}.po-tabs .nav-link{white-space:nowrap;}.po-view-topbar .btn{width:100%;}}

/* V21 Global Search + Backup UI */
.global-search-box{position:relative;overflow:visible!important;}
.global-search-results{position:absolute;left:0;right:0;top:54px;background:#071b43;border:1px solid #214b94;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.45);padding:8px;display:none;z-index:3000;max-height:420px;overflow:auto;}
.global-search-results.show{display:block;}
.global-search-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#eaf2ff;text-decoration:none;border:1px solid transparent;}
.global-search-item:hover,.global-search-item.active{background:#0b2a67;border-color:#2563eb;color:#fff;}
.global-search-item i{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#0d6efd;color:#fff;flex:0 0 auto;}
.global-search-item strong{display:block;font-size:14px;line-height:1.25;}
.global-search-item small{display:block;color:#9fb0d6;font-size:12px;}
.global-search-empty{padding:16px;color:#9fb0d6;text-align:center;}
.backup-danger-box{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08);border-radius:16px;padding:14px;}


/* V27 menu cleanup */
.sidebar{overflow:hidden}.sidebar-nav{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 184px);padding-right:2px;}
.nav-group{margin:6px 0 2px;}
.nav-group-label{width:100%;display:flex;align-items:center;gap:12px;color:#f8fbff;border-radius:12px;padding:12px 14px;font-weight:800;border:1px solid transparent;background:rgba(13,110,253,.08);}
.nav-group-label i{font-size:18px;color:#8fb6ff;flex:0 0 22px;text-align:center;}
.nav-group-link:hover{background:#0b2454;color:#fff;}
.nav-group-label.active{background:linear-gradient(90deg,#0d6efd,#0a49c9);border-color:#2b7dff;box-shadow:0 10px 28px rgba(13,110,253,.22);}
.nav-submenu{display:flex;flex-direction:column;gap:4px;margin:6px 0 8px;padding-left:14px;border-left:1px solid rgba(143,182,255,.18);}
.nav-submenu .nav-link{padding:10px 12px 10px 14px;font-size:13px;border-radius:10px;color:#bdd0f4;}
.nav-submenu .nav-link i{font-size:15px;flex-basis:18px;color:#78aaff;}
.nav-submenu .nav-link.active{background:#0d6efd;color:#fff;box-shadow:none;}
.brand-logo{object-fit:contain;background:transparent;}

/* V28 sidebar collapse fix */
.nav-group{width:100%;margin:4px 0;}
.nav-group-label{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:#b7c5e5;border-radius:12px;padding:12px 14px;background:transparent;border:1px solid transparent;
  font-weight:700;text-align:left;cursor:pointer;line-height:1.2;transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.nav-group-label:hover{background:#0b2454;color:#fff;}
.nav-group-label.active{background:linear-gradient(90deg,#0d6efd,#0a49c9);color:#fff;border-color:#2b7dff;box-shadow:0 10px 28px rgba(13,110,253,.25);}
.nav-label-left{display:flex;align-items:center;gap:12px;min-width:0;}
.nav-label-left i{font-size:18px;color:#8fb6ff;flex:0 0 22px;text-align:center;}
.nav-group-label.active .nav-label-left i,.nav-group-label.active .nav-chevron{color:#fff;}
.nav-label-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-chevron{font-size:13px;color:#8fb6ff;transition:transform .22s ease;flex:0 0 auto;}
.nav-group.open .nav-chevron{transform:rotate(180deg);}
.nav-submenu{max-height:0;overflow:hidden;opacity:0;margin:0!important;padding-top:0!important;padding-bottom:0!important;transition:max-height .26s ease,opacity .2s ease,margin .2s ease,padding .2s ease;}
.nav-group.open .nav-submenu{max-height:420px;opacity:1;margin:6px 0 8px!important;padding-top:2px!important;padding-bottom:2px!important;}
.nav-group:not(.open) .nav-submenu .nav-link{pointer-events:none;}
.sidebar-nav{padding-bottom:16px;}

/* V33 PO vendor search suggestion box */
.selected-vendor-box{margin-top:8px;border:1px solid #2f7dff;background:#0a2455;border-radius:12px;padding:9px 12px;color:#fff;display:grid;gap:2px;}
.selected-vendor-box strong{color:#fff;font-size:13px;}
.selected-vendor-box small{color:#bfd3f5;font-size:12px;}

/* V47 modal action visibility fix: keep Save/Cancel visible on long forms */
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1.5rem);display:flex;flex-direction:column;}
.modal-dialog-scrollable .modal-body{overflow-y:auto;min-height:0;padding-bottom:24px;}
.modal-dialog-scrollable .modal-footer{position:sticky;bottom:0;z-index:6;background:#071b43;box-shadow:0 -12px 24px rgba(0,0,0,.22);}
.modal-header .btn-primary.btn-sm{border-radius:10px;padding:.45rem .8rem;}
.vehicle-current-image{display:flex;align-items:center;gap:10px;background:#061a43;border:1px solid #244b94;border-radius:12px;padding:8px;}
.vehicle-current-image img{width:92px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #173a7a;}
.vehicle-current-image span{font-size:12px;color:#a9bdd8;}


/* V50 clean document tabs and email approval UI */
.doc-tab-pane{display:none;}
.doc-tab-pane.active{display:block;}
.doc-tabs .nav-link{cursor:pointer;}
.doc-clean-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.doc-clean-card{background:linear-gradient(180deg,#082452,#071b43);border:1px solid #173a7a;border-radius:16px;padding:16px;min-height:92px;}
.doc-clean-card small{display:block;color:#9fb0d6;font-size:12px;margin-bottom:6px;}
.doc-clean-card strong{display:block;color:#fff;font-size:18px;line-height:1.25;}
.doc-action-panel{background:#071b43;border:1px solid #173a7a;border-radius:16px;padding:16px;}
.approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.approval-summary>div{background:#061938;border:1px solid #173a7a;border-radius:12px;padding:12px;}
.approval-summary small{display:block;color:#9fb0d6;}
.approval-summary strong{display:block;color:#fff;font-size:13px;}
.preview-tab-card{height:calc(100vh - 260px);min-height:760px;background:#071b43!important;border-color:#173a7a!important;}
.preview-tab-card .card-body{height:calc(100% - 52px);padding:14px;background:#20242b;border-radius:0 0 var(--radius) var(--radius);}
@media(max-width:1199px){.doc-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.preview-tab-card{height:760px;}}
@media(max-width:767px){.doc-clean-grid,.approval-summary{grid-template-columns:1fr;}.preview-tab-card{height:640px;min-height:520px;}}