/* ITQAN v70.0.43 — full-program professional visual system
   Approved direction: navy + gold + white, Arabic RTL, strong table borders,
   compact forms, consistent cards, responsive side navigation.
   This file is intentionally loaded last and is visual-only: it does not alter
   accounting, inventory or posting logic. */
:root{
  --itq43-navy-950:#071827;
  --itq43-navy-900:#0c2235;
  --itq43-navy-850:#102b42;
  --itq43-navy-800:#15344e;
  --itq43-navy-700:#214b6b;
  --itq43-gold-700:#a97817;
  --itq43-gold-600:#bd8a24;
  --itq43-gold-500:#d4a83e;
  --itq43-gold-300:#ead18f;
  --itq43-gold-100:#fff7df;
  --itq43-bg:#edf3f8;
  --itq43-surface:#ffffff;
  --itq43-surface-2:#f8fafc;
  --itq43-line:#c7d2dc;
  --itq43-line-strong:#91a2b1;
  --itq43-text:#172a3b;
  --itq43-muted:#647789;
  --itq43-success:#16833d;
  --itq43-danger:#cf2f2f;
  --itq43-warning:#c57a13;
  --itq43-info:#1769aa;
  --itq43-shadow:0 12px 32px rgba(10,32,49,.10);
  --itq43-shadow-soft:0 4px 14px rgba(10,32,49,.07);
  --itq43-radius:12px;
  --itq43-sidebar:246px;
  --itq43-sidebar-collapsed:68px;
}

html,body{min-height:100%;background:var(--itq43-bg)!important;color:var(--itq43-text)!important}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit}

/* ====== Whole application shell ====== */
.app-shell.v7043-app{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:var(--itq43-sidebar) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  grid-template-areas:
    "top top"
    "menu menu"
    "quick quick"
    "side main"
    "status status"!important;
  background:var(--itq43-bg)!important;
  direction:ltr!important;
}
.v7043-app>.titlebar,.v7043-app>.menubar,.v7043-app>.quickbar,.v7043-app>.content,.v7043-app>.statusbar,.v7043-app>.v7043-sidebar{direction:rtl!important}
body.v7043-side-collapsed .app-shell.v7043-app{grid-template-columns:var(--itq43-sidebar-collapsed) minmax(0,1fr)!important}
.v7043-app>.titlebar{grid-area:top!important}
.v7043-app>.menubar{grid-area:menu!important}
.v7043-app>.quickbar{grid-area:quick!important}
.v7043-app>.content{grid-area:main!important;min-width:0!important}
.v7043-app>.statusbar{grid-area:status!important}
.v7043-sidebar{grid-area:side!important;min-width:0!important}

.v7043-app .titlebar{
  min-height:60px!important;
  background:linear-gradient(100deg,var(--itq43-navy-950),var(--itq43-navy-850))!important;
  color:#fff!important;
  border-bottom:2px solid var(--itq43-gold-500)!important;
  box-shadow:0 3px 14px rgba(3,18,31,.16)!important;
  padding:8px 18px!important;
}
.v7043-app .top-brand{display:flex!important;align-items:center!important;gap:10px!important}
.v7043-app .top-brand .mark{
  width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;background:linear-gradient(145deg,#f0cf73,var(--itq43-gold-600))!important;
  color:var(--itq43-navy-950)!important;font-weight:1000!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important
}
.v7043-app .top-brand strong{font-size:18px!important;letter-spacing:.3px!important;color:#fff!important}
.v7043-app .top-brand small,.v7043-app .top-actions small{color:#cbd8e2!important}
.v7043-app .top-actions{gap:10px!important}
.v7043-app .window-action{border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;border-radius:8px!important;padding:7px 12px!important}
.v7043-app .connection-dot{box-shadow:0 0 0 4px rgba(39,176,86,.13)!important}

.v7043-app .menubar{
  min-height:43px!important;
  background:var(--itq43-navy-900)!important;
  border-bottom:1px solid #29445a!important;
  color:#fff!important;
  box-shadow:none!important;
}
.v7043-app .menubar>button,.v7043-app .menubar .menu-button{
  color:#f4f7f9!important;background:transparent!important;border:0!important;border-radius:0!important;
  min-height:42px!important;padding:0 15px!important;font-weight:800!important
}
.v7043-app .menubar>button:hover,.v7043-app .menubar .menu-button:hover{background:#173a57!important;color:#fff!important}
.v7043-app .menubar>button.active,.v7043-app .menubar .menu-button.active{background:linear-gradient(#e3bd5d,#c28e24)!important;color:#13283a!important}
.v7043-app .menu-popup,.v7043-app .top-menu-popup{border:1px solid var(--itq43-gold-300)!important;border-radius:10px!important;box-shadow:var(--itq43-shadow)!important;overflow:hidden!important;background:#fff!important}
.v7043-app .menu-entry{padding:9px 12px!important;border-bottom:1px solid #edf1f4!important}
.v7043-app .menu-entry:hover{background:var(--itq43-gold-100)!important;color:var(--itq43-navy-900)!important}

.v7043-app .quickbar{
  min-height:50px!important;background:#fff!important;border-bottom:1px solid var(--itq43-line)!important;
  box-shadow:0 2px 10px rgba(16,43,66,.05)!important;padding:6px 14px!important;gap:8px!important
}
.v7043-app .quickbar .btn,.v7043-app .quickbar button{border-radius:8px!important}
.v7043-app .content{padding:14px!important;background:var(--itq43-bg)!important;overflow:auto!important}
.v7043-app .workspace-window{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important}
.v7043-app .workspace-body{min-width:0!important}
.v7043-app .page-head{
  background:#fff!important;border:1px solid var(--itq43-line)!important;border-top:3px solid var(--itq43-gold-500)!important;
  border-radius:var(--itq43-radius)!important;padding:12px 16px!important;margin-bottom:12px!important;box-shadow:var(--itq43-shadow-soft)!important
}
.v7043-app .page-head h2{font-size:21px!important;color:var(--itq43-navy-900)!important;margin:0!important;font-weight:1000!important}
.v7043-app .page-head p{font-size:11px!important;color:var(--itq43-muted)!important;margin:4px 0 0!important;max-width:760px!important}
.v7043-app .page-head .toolbar{gap:7px!important;flex-wrap:wrap!important}
.v7043-app .statusbar{min-height:30px!important;background:var(--itq43-navy-950)!important;color:#dce6ed!important;border-top:1px solid #27445b!important;padding:5px 14px!important;font-size:11px!important}

/* ====== Left navigation ====== */
.v7043-sidebar{
  background:linear-gradient(180deg,var(--itq43-navy-950),#0c263b)!important;
  color:#fff!important;border-right:1px solid #29465d!important;min-height:0!important;
  overflow:hidden!important;box-shadow:6px 0 18px rgba(8,25,38,.08)!important;position:relative!important
}
.v7043-side-inner{height:100%;overflow:auto;padding:10px 8px 18px!important;scrollbar-width:thin;scrollbar-color:#436078 transparent}
.v7043-side-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 4px 10px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:8px}
.v7043-side-head strong{font-size:13px;color:#f4d778;white-space:nowrap}
.v7043-side-toggle{width:32px;height:32px;border:1px solid #50687b;background:#132f46;color:#fff;border-radius:8px;cursor:pointer;font-weight:900}
.v7043-side-section{margin:9px 0 13px}
.v7043-side-section>span{display:block;padding:0 9px 5px;color:#87a0b5;font-size:9px;font-weight:1000;letter-spacing:.2px;white-space:nowrap}
.v7043-side-nav{display:grid;gap:4px}
.v7043-side-link{
  width:100%;min-height:38px;display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#eef5f9;
  border-radius:8px;padding:7px 9px;text-align:right;cursor:pointer;font-weight:800;font-size:12px;transition:.12s ease
}
.v7043-side-link:hover{background:#153a57;border-color:#2e5876}
.v7043-side-link.active{background:linear-gradient(90deg,#d4a83e,#b7801b);color:#11283b;border-color:#f0d47e;box-shadow:0 4px 12px rgba(0,0,0,.16)}
.v7043-side-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.08);font-size:13px;flex:0 0 auto}
.v7043-side-link.active .v7043-side-icon{background:rgba(255,255,255,.30)}
.v7043-side-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v7043-side-foot{margin-top:14px;padding:10px 9px;border-top:1px solid rgba(255,255,255,.10);color:#8fa5b7;font-size:10px}
body.v7043-side-collapsed .v7043-side-head strong,body.v7043-side-collapsed .v7043-side-section>span,body.v7043-side-collapsed .v7043-side-label,body.v7043-side-collapsed .v7043-side-foot{display:none!important}
body.v7043-side-collapsed .v7043-side-link{justify-content:center;padding:7px 4px!important}
body.v7043-side-collapsed .v7043-side-head{justify-content:center}

/* ====== Cards, panels, KPIs ====== */
.v7043-app .panel,.v7043-app section.panel{
  background:#fff!important;border:1px solid var(--itq43-line)!important;border-radius:var(--itq43-radius)!important;
  box-shadow:var(--itq43-shadow-soft)!important;overflow:hidden!important
}
.v7043-app .panel+.panel{margin-top:10px}
.v7043-app .panel-head{
  min-height:48px!important;padding:10px 13px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border-bottom:1px solid var(--itq43-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important
}
.v7043-app .panel-head h3,.v7043-app .panel-head h4{margin:0!important;color:var(--itq43-navy-900)!important;font-size:14px!important;font-weight:1000!important}
.v7043-app .panel-head p{margin:3px 0 0!important;color:var(--itq43-muted)!important;font-size:10px!important}
.v7043-app .panel-body{padding:12px!important}
.v7043-app .desktop-grid,.v7043-app .dashboard-grid,.v7043-app .quality-layout{gap:12px!important}
.v7043-app .action-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:9px!important}
.v7043-app .action-cards>button{
  min-height:82px!important;background:#fff!important;border:1px solid var(--itq43-line)!important;border-top:3px solid var(--itq43-gold-500)!important;
  border-radius:10px!important;color:var(--itq43-navy-900)!important;box-shadow:0 2px 8px rgba(12,34,53,.04)!important;font-weight:900!important
}
.v7043-app .action-cards>button:hover{background:var(--itq43-gold-100)!important;border-color:var(--itq43-gold-500)!important;transform:translateY(-1px)}
.v7043-app .action-cards>button b{color:var(--itq43-gold-700)!important;font-size:20px!important}

/* generic metric families across old/new modules */
.v7043-app :is(.kpis,.stats,.metrics,.summary-cards,.fuel-kpis,.v70-kpis,.v500-kpis,.v66-kpis,.v471-kpis,.v478-kpis){gap:9px!important}
.v7043-app :is(.kpis,.stats,.metrics,.summary-cards,.fuel-kpis,.v70-kpis,.v500-kpis,.v66-kpis,.v471-kpis,.v478-kpis)>div{
  background:#fff!important;border:1px solid var(--itq43-line)!important;border-top:3px solid var(--itq43-gold-500)!important;border-radius:10px!important;
  box-shadow:0 3px 10px rgba(12,34,53,.05)!important;padding:10px 12px!important
}
.v7043-app :is(.kpis,.stats,.metrics,.summary-cards,.fuel-kpis,.v70-kpis,.v500-kpis,.v66-kpis,.v471-kpis,.v478-kpis)>div span{color:var(--itq43-muted)!important;font-size:10px!important}
.v7043-app :is(.kpis,.stats,.metrics,.summary-cards,.fuel-kpis,.v70-kpis,.v500-kpis,.v66-kpis,.v471-kpis,.v478-kpis)>div b{color:var(--itq43-navy-900)!important;font-size:18px!important}

/* ====== Buttons ====== */
.v7043-app .btn,.modal-backdrop .btn{
  min-height:34px;border-radius:8px!important;font-weight:850!important;border:1px solid #b9c5cf!important;background:#fff!important;color:var(--itq43-navy-900)!important;
  padding:6px 12px!important;box-shadow:none!important;transition:.12s ease
}
.v7043-app .btn:hover,.modal-backdrop .btn:hover{border-color:var(--itq43-gold-500)!important;background:var(--itq43-gold-100)!important}
.v7043-app .btn.gold,.v7043-app .btn.primary,.modal-backdrop .btn.gold,.modal-backdrop .btn.primary{
  color:#132739!important;border-color:#ad7917!important;background:linear-gradient(#e8c86f,#c99329)!important;box-shadow:0 3px 8px rgba(170,116,20,.18)!important
}
.v7043-app .btn.gold:hover,.v7043-app .btn.primary:hover,.modal-backdrop .btn.gold:hover,.modal-backdrop .btn.primary:hover{background:linear-gradient(#f1d98e,#d3a13b)!important}
.v7043-app .btn.danger,.modal-backdrop .btn.danger{color:#b72121!important;border-color:#e2adad!important;background:#fff6f6!important}
.v7043-app .btn.light,.modal-backdrop .btn.light{background:#fff!important;color:#2a4357!important}
.v7043-app .btn.small,.modal-backdrop .btn.small{min-height:30px!important;padding:4px 9px!important;font-size:11px!important}

/* ====== Forms ====== */
.v7043-app .field,.modal-backdrop .field{display:grid;gap:4px}
.v7043-app label,.modal-backdrop label{color:#43596c!important;font-size:11px!important;font-weight:850!important}
.v7043-app input,.v7043-app select,.v7043-app textarea,.modal-backdrop input,.modal-backdrop select,.modal-backdrop textarea{
  border:1px solid #9eacba!important;border-radius:7px!important;background:#fff!important;color:#162c3e!important;outline:none!important;box-shadow:none!important
}
.v7043-app input,.v7043-app select,.modal-backdrop input,.modal-backdrop select{min-height:35px!important;padding:6px 9px!important}
.v7043-app textarea,.modal-backdrop textarea{padding:8px 9px!important;resize:vertical}
.v7043-app input:focus,.v7043-app select:focus,.v7043-app textarea:focus,.modal-backdrop input:focus,.modal-backdrop select:focus,.modal-backdrop textarea:focus{
  border-color:var(--itq43-gold-600)!important;box-shadow:0 0 0 3px rgba(212,168,62,.14)!important
}
.v7043-app input[readonly],.v7043-app input:disabled,.v7043-app select:disabled,.modal-backdrop input[readonly],.modal-backdrop input:disabled,.modal-backdrop select:disabled{background:#f1f4f7!important;color:#627484!important}
.v7043-app input[type=number],.v7043-app input[inputmode=numeric],.v7043-app input[inputmode=decimal],.modal-backdrop input[type=number],.modal-backdrop input[inputmode=numeric],.modal-backdrop input[inputmode=decimal]{direction:ltr!important;text-align:left;font-variant-numeric:tabular-nums}
.v7043-app details,.modal-backdrop details{border:1px solid var(--itq43-line)!important;border-radius:9px!important;background:#fff!important}
.v7043-app details>summary,.modal-backdrop details>summary{padding:9px 11px!important;cursor:pointer;font-weight:900;color:var(--itq43-navy-900)!important;background:#f8fafc!important;border-radius:9px!important}

/* ====== Tables — clear bordered data ====== */
.v7043-app .table-wrap,.modal-backdrop .table-wrap{border:1px solid var(--itq43-line-strong)!important;border-radius:10px!important;overflow:auto!important;background:#fff!important}
.v7043-app table,.modal-backdrop table{width:100%;border-collapse:collapse!important;background:#fff!important;font-variant-numeric:tabular-nums}
.v7043-app table thead th,.modal-backdrop table thead th{
  position:relative;background:linear-gradient(180deg,#173b57,var(--itq43-navy-900))!important;color:#fff!important;font-weight:900!important;
  border:1px solid #46627a!important;border-bottom:2px solid var(--itq43-gold-500)!important;padding:8px 8px!important;white-space:nowrap!important;font-size:11px!important
}
.v7043-app table tbody td,.modal-backdrop table tbody td{border:1px solid #c9d2da!important;padding:8px!important;color:#22394c!important;font-size:11px!important;vertical-align:middle!important}
.v7043-app table tbody tr:nth-child(even) td,.modal-backdrop table tbody tr:nth-child(even) td{background:#f7fafc!important}
.v7043-app table tbody tr:hover td,.modal-backdrop table tbody tr:hover td{background:#fff8e8!important}
.v7043-app table tbody tr.clickable,.v7043-app table tbody tr[onclick],.modal-backdrop table tbody tr[onclick]{cursor:pointer}
.v7043-app table code,.modal-backdrop table code{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;background:#eef3f7!important;border:1px solid #d3dde5!important;color:#174f76!important;border-radius:5px!important;padding:2px 5px!important}
.v7043-app .empty,.modal-backdrop .empty{padding:22px!important;color:#7a8b99!important;text-align:center!important;background:#fbfcfd!important}

/* badges / messages */
.v7043-app .badge,.modal-backdrop .badge{border-radius:999px!important;padding:3px 8px!important;font-weight:900!important;font-size:10px!important}
.v7043-app .badge.ok,.modal-backdrop .badge.ok{background:#e9f8ee!important;color:#167038!important;border:1px solid #b8dfc5!important}
.v7043-app .badge.warn,.modal-backdrop .badge.warn{background:#fff5dc!important;color:#9b6214!important;border:1px solid #ebd194!important}
.v7043-app .message,.modal-backdrop .message{border:1px solid #c7d2dc!important;border-right:4px solid var(--itq43-info)!important;background:#f7fbff!important;border-radius:8px!important;padding:9px 11px!important;color:#334d61!important}
.v7043-app .message.success,.modal-backdrop .message.success{border-right-color:var(--itq43-success)!important;background:#f2fbf5!important}
.v7043-app .message.error,.modal-backdrop .message.error{border-right-color:var(--itq43-danger)!important;background:#fff5f5!important}
.v7043-app .message.warning,.modal-backdrop .message.warning{border-right-color:var(--itq43-warning)!important;background:#fffaf0!important}

/* ====== Universal modal system ====== */
.modal-backdrop{
  background:rgba(5,18,29,.58)!important;backdrop-filter:blur(2px);padding:14px!important;z-index:12000!important
}
.modal-backdrop>.modal,.modal-backdrop>section.modal{
  border:1px solid #8093a4!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(2,16,27,.30)!important;background:var(--itq43-bg)!important;overflow:hidden!important
}
.modal-backdrop .modal-head{
  min-height:58px!important;padding:10px 14px!important;background:linear-gradient(100deg,var(--itq43-navy-950),#193b56)!important;color:#fff!important;
  border-bottom:3px solid var(--itq43-gold-500)!important
}
.modal-backdrop .modal-head h3,.modal-backdrop .modal-head h2{color:#fff!important;margin:0!important;font-size:19px!important;font-weight:1000!important}
.modal-backdrop .modal-head small,.modal-backdrop .modal-head p{color:#cedae3!important}
.modal-backdrop .modal-body{background:var(--itq43-bg)!important;padding:12px!important}
.modal-backdrop .footer-actions,.modal-backdrop .modal-foot,.modal-backdrop footer{
  background:#fff!important;border-top:1px solid var(--itq43-line)!important;padding:9px 12px!important
}
#itemModal .modal,#v465EmployeeModal .modal,#partyModal .modal,#journalModal .modal,#v66NewFormulaModal .modal,#v70OrderModal .modal,#v70BatchModal .modal{width:min(1180px,97vw)!important;max-height:96vh!important}
#itemModal .modal-body,#v465EmployeeModal .modal-body{background:#f3f7fa!important}
#itemModal .tabs,#v465EmployeeModal .tabs,#journalModal .tabs{background:#fff!important;border:1px solid var(--itq43-line)!important;border-radius:9px!important;padding:4px!important;gap:4px!important}
#itemModal .tabs button.active,#v465EmployeeModal .tabs button.active,#journalModal .tabs button.active{background:var(--itq43-navy-900)!important;color:#fff!important;border-color:var(--itq43-navy-900)!important}

/* ====== Lists: sales, purchases, indexes, inventory, reports ====== */
body[data-itqan-page="sales"] .workspace-body>.panel:first-child,
body[data-itqan-page="purchases"] .workspace-body>.panel:first-child,
body[data-itqan-page="items"] .workspace-body>.panel:first-child,
body[data-itqan-page="accounts"] .workspace-body>.panel:first-child,
body[data-itqan-page="customers"] .workspace-body>.panel:first-child,
body[data-itqan-page="suppliers"] .workspace-body>.panel:first-child,
body[data-itqan-page="employees-v465"] .workspace-body>.panel:first-child{
  border-top:3px solid var(--itq43-gold-500)!important
}
body[data-itqan-page="sales"] table tbody tr td:first-child,
body[data-itqan-page="purchases"] table tbody tr td:first-child{font-weight:1000;color:#1d6b97!important}
body[data-itqan-page="items"] table tbody tr td:nth-child(2){font-weight:900!important;color:var(--itq43-navy-900)!important}
body[data-itqan-page="employees-v465"] .v470-employee-hero{background:linear-gradient(105deg,var(--itq43-navy-900),#274f6f)!important;border-bottom:3px solid var(--itq43-gold-500)!important;color:#fff!important;border-radius:12px!important;box-shadow:var(--itq43-shadow-soft)!important}
body[data-itqan-page="employees-v465"] .v470-employee-hero h3,body[data-itqan-page="employees-v465"] .v470-employee-hero p{color:#fff!important}
body[data-itqan-page="accounts"] .account-tree,body[data-itqan-page="accounts"] .tree-card{background:#fff!important;border:1px solid var(--itq43-line)!important;border-radius:10px!important}

/* report pages */
body[data-itqan-page*="report"] .workspace-body .panel,
body[data-itqan-page="reports"] .workspace-body .panel{border-top:3px solid #7690a3!important}
body[data-itqan-page*="report"] .table-wrap,body[data-itqan-page="reports"] .table-wrap{box-shadow:0 4px 12px rgba(12,34,53,.04)!important}

/* ====== Invoice modal: refine approved v70.0.42 structure ====== */
#documentModal.v7042-pro-invoice .v472-classic-modal{border-radius:14px!important;border:1px solid #75899a!important;box-shadow:0 24px 75px rgba(4,21,34,.34)!important}
#documentModal.v7042-pro-invoice .v472-window-caption{background:linear-gradient(100deg,var(--itq43-navy-950),#1b3f5c)!important;border-bottom:3px solid var(--itq43-gold-500)!important;min-height:58px!important}
#documentModal.v7042-pro-invoice .v472-record-toolbar{padding:7px 10px!important;gap:6px!important}
#documentModal.v7042-pro-invoice .v7042-invoice-primary{border-top:3px solid var(--itq43-gold-500)!important;background:#fff!important}
#documentModal.v7042-pro-invoice .v7042-section-cap{border-bottom:2px solid #e5d29c!important}
#documentModal.v7042-pro-invoice .v7042-invoice-primary .v7040-counterparty-card{border:1px solid #d9b95f!important;background:linear-gradient(180deg,#fffdf5,#fff7df)!important}
#documentModal.v7042-pro-invoice .v472-invoice-head{background:linear-gradient(180deg,#173b57,var(--itq43-navy-900))!important;border-bottom:2px solid var(--itq43-gold-500)!important}
#documentModal.v7042-pro-invoice .v472-invoice-line:hover>*{background:#fff9e8!important}
#documentModal.v7042-pro-invoice .v472-invoice-bottom>div{box-shadow:0 3px 10px rgba(12,34,53,.05)!important}
#documentModal.v7042-pro-invoice .v472-total-box{border-top:3px solid var(--itq43-gold-500)!important}
#documentModal.v7042-pro-invoice .v472-payment-box{border-top:3px solid #6f8fa8!important}
#documentModal.v7042-pro-invoice .v472-notes-box{border-top:3px solid #a5b2bc!important}
#documentModal.v7042-pro-invoice .v472-total-box .grand{background:linear-gradient(135deg,var(--itq43-navy-900),#203f58)!important;color:#fff!important;border:0!important}
#documentModal.v7042-pro-invoice .v472-total-box .grand *{color:#fff!important}
#documentModal.v7042-pro-invoice .v472-total-box .grand output{color:#f2cf70!important}

/* ====== Voucher: approved quick form ====== */
#cashModal.v7042-pro-voucher .v491-modal{border-radius:14px!important;border:1px solid #75899a!important;box-shadow:0 24px 75px rgba(4,21,34,.34)!important}
#cashModal.v7042-pro-voucher .v499-modal-head{background:linear-gradient(100deg,var(--itq43-navy-950),#1b3f5c)!important;border-bottom:3px solid var(--itq43-gold-500)!important}
#cashModal.v7042-pro-voucher .v7040-voucher-fast{border-top:3px solid var(--itq43-gold-500)!important}
#cashModal.v7042-pro-voucher #v7040VoucherAmount{background:#fffdf5!important;color:var(--itq43-navy-900)!important}
#cashModal.v7042-pro-voucher .v7042-voucher-tabs button{font-weight:900!important}
#cashModal.v7042-pro-voucher .v7042-voucher-tabs button.active{background:linear-gradient(180deg,#e5bf60,#c28f29)!important;color:#12283a!important}
#cashModal.v7042-pro-voucher .v491-allocation-table thead th{background:var(--itq43-navy-900)!important;border-bottom:2px solid var(--itq43-gold-500)!important}
#cashModal.v7042-pro-voucher .v499-totals .primary{background:#eff9ee!important;border-color:#94c58e!important}

/* ====== Statement ====== */
#v483PartyStatement.v7042-pro-statement .v7040-statement-modal{border-radius:14px!important;overflow:hidden!important;box-shadow:0 24px 75px rgba(4,21,34,.34)!important}
#v483PartyStatement.v7042-pro-statement .modal-head{background:linear-gradient(100deg,var(--itq43-navy-950),#1b3f5c)!important;border-bottom:3px solid var(--itq43-gold-500)!important}
#v483PartyStatement.v7042-pro-statement .v7040-mode-switch button.active{background:linear-gradient(#e6c367,#c58f25)!important;color:#13283a!important}
#v483PartyStatement.v7042-pro-statement .v7040-kpis>div{border-top:3px solid #7991a4!important}
#v483PartyStatement.v7042-pro-statement .v7040-kpis>div.closing{border-top:3px solid var(--itq43-gold-500)!important}
#v483PartyStatement.v7042-pro-statement .v7040-ledger th{background:var(--itq43-navy-900)!important;color:#fff!important;border-bottom:2px solid var(--itq43-gold-500)!important}

/* ====== Fuel ====== */
#fuelInvoiceModal.v7042-pro-fuel .fuel-modal{border-radius:14px!important;border:1px solid #75899a!important;box-shadow:0 24px 75px rgba(4,21,34,.34)!important}
#fuelInvoiceModal.v7042-pro-fuel .modal-head{background:linear-gradient(100deg,var(--itq43-navy-950),#1b3f5c)!important;border-bottom:3px solid var(--itq43-gold-500)!important}
#fuelInvoiceModal.v7042-pro-fuel .fuel-meter-table tbody tr{border-top-color:var(--itq43-gold-500)!important}
#fuelInvoiceModal.v7042-pro-fuel .fuel-lines-table th{background:var(--itq43-navy-900)!important;border-bottom:2px solid var(--itq43-gold-500)!important}
#fuelInvoiceModal.v7042-pro-fuel .fuel-grand-summary>div:last-child{background:var(--itq43-gold-100)!important}
#fuelInvoiceModal.v7042-pro-fuel .fuel-settlement{background:#fff!important;border:1px solid var(--itq43-line)!important;border-top:3px solid var(--itq43-gold-500)!important;border-radius:10px!important}

/* ====== Drawer-like mobile navigation ====== */
.v7043-mobile-toggle{display:none!important}
@media(max-width:1199px){
  .app-shell.v7043-app{grid-template-columns:1fr!important;grid-template-areas:"top" "menu" "quick" "main" "status"!important}
  .v7043-sidebar{display:none!important}
  .v7043-app .content{padding:10px!important}
  .v7043-app .page-head{padding:10px 12px!important}
}
@media(max-width:820px){
  .v7043-app .titlebar{padding:7px 9px!important}.v7043-app .top-brand strong{font-size:15px!important}.v7043-app .top-actions .user-role{display:none!important}
  .v7043-app .menubar{overflow-x:auto!important;white-space:nowrap!important;justify-content:flex-start!important}
  .v7043-app .quickbar{overflow-x:auto!important;white-space:nowrap!important}
  .v7043-app .page-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v7043-app .page-head .toolbar{justify-content:flex-start!important}
  .modal-backdrop{padding:4px!important}.modal-backdrop>.modal{max-width:100vw!important;max-height:99vh!important;border-radius:8px!important}
  .v7043-app .panel-head{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:620px){
  .v7043-app .titlebar{min-height:54px!important}.v7043-app .top-brand small{display:none!important}.v7043-app .top-actions>span:not(.connection-dot){display:none!important}
  .v7043-app .content{padding:6px!important}.v7043-app .page-head{margin-bottom:7px!important;border-radius:8px!important}.v7043-app .page-head h2{font-size:17px!important}
  .v7043-app .panel,.v7043-app section.panel{border-radius:8px!important}.v7043-app .panel-body{padding:8px!important}
  .v7043-app table thead th,.v7043-app table tbody td,.modal-backdrop table thead th,.modal-backdrop table tbody td{padding:6px!important;font-size:10px!important}
}

@media print{
  .v7043-sidebar,.v7043-app .titlebar,.v7043-app .menubar,.v7043-app .quickbar,.v7043-app .statusbar,.no-print{display:none!important}
  .app-shell.v7043-app{display:block!important}.v7043-app .content{padding:0!important;background:#fff!important}.v7043-app .page-head{box-shadow:none!important}
  .v7043-app .panel,.modal-backdrop>.modal{box-shadow:none!important}
}