@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#002b50;--navy2:#003963;--gold:#d39b16;--green:#008c69;--green2:#0ca887;--red:#ed4c46;--purple:#7048cf;--orange:#f1871e;--blue:#0d5fa8;--teal:#0aa39a;--ink:#0b2f52;--muted:#6c7b8a;--bg:#f6f8fa;--card:#fff;--line:#e5e9ee;--shadow:0 5px 16px rgba(10,45,78,.11);--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'Cairo','Tahoma',sans-serif;color:var(--ink);direction:rtl}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block}.app{min-height:100vh}.topbar{height:72px;background:linear-gradient(90deg,#002a4d,#00345d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:30;box-shadow:0 2px 9px rgba(0,0,0,.13)}.brand{display:flex;align-items:center;gap:11px;direction:ltr;font-size:21px;font-weight:700}.brand img{width:43px;height:37px}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{position:relative;background:transparent;border:0;color:inherit;padding:7px;cursor:pointer;border-radius:9px}.icon-button:hover{background:rgba(255,255,255,.1)}.badge{position:absolute;top:0;right:0;background:#e7a719;color:#fff;width:17px;height:17px;border-radius:50%;font-size:10px;display:grid;place-items:center;font-weight:800}.profile{display:flex;align-items:center;gap:10px;border-right:1px solid rgba(255,255,255,.2);padding-right:18px;cursor:pointer}.profile-avatar{width:39px;height:39px;background:#f3f5f7;color:var(--navy);border-radius:50%;display:grid;place-items:center;font-weight:800}.profile-text{line-height:1.25;font-size:12px}.profile-text strong{display:block;font-size:13px}.page-shell{max-width:1440px;margin:0 auto;padding:30px 44px 60px}.headline-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.headline h1{font-size:30px;margin:0 0 5px;font-weight:800}.meta{display:flex;gap:7px;align-items:center;color:#526273;font-size:14px;margin-top:3px}.status-dot{width:7px;height:7px;background:#18a56f;border-radius:50%;display:inline-block}.refresh-btn{background:linear-gradient(135deg,#007b62,#00907a);border:0;color:#fff;padding:10px 18px;border-radius:8px;font-family:inherit;font-weight:700;display:flex;align-items:center;gap:9px;box-shadow:0 4px 13px rgba(0,128,101,.2);cursor:pointer;margin-top:14px}.refresh-btn.loading .icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-title{font-size:21px;font-weight:800;margin:18px 0 12px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid #dfe5eb;border-radius:var(--radius);box-shadow:var(--shadow);padding:17px 16px;min-height:104px;display:flex;align-items:flex-start;justify-content:space-between;transition:.2s;cursor:pointer}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(10,45,78,.12)}.kpi-info small{font-size:13px;font-weight:700;color:#243f5a}.kpi-value{font-size:20px;font-weight:800;margin-top:9px;letter-spacing:.2px}.kpi-unit{display:block;font-size:10px;font-weight:700;margin-top:2px}.kpi-icon{width:37px;height:37px;display:grid;place-items:center}.kpi-card.green .kpi-icon,.kpi-card.green .kpi-unit{color:var(--green)}.kpi-card.red .kpi-icon,.kpi-card.red .kpi-unit{color:var(--red)}.kpi-card.teal .kpi-icon,.kpi-card.teal .kpi-unit{color:var(--teal)}.kpi-card.purple .kpi-icon,.kpi-card.purple .kpi-unit{color:var(--purple)}.kpi-card.gold .kpi-icon,.kpi-card.gold .kpi-unit{color:var(--gold)}.kpi-card.orange .kpi-icon,.kpi-card.orange .kpi-unit{color:var(--orange)}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.quick-btn{background:#fff;border:1px solid #dfe5eb;border-radius:9px;min-height:58px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#173b5f;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(10,45,78,.045);transition:.18s}.quick-btn:hover{border-color:#c4d4e2;transform:translateY(-1px)}.quick-btn .icon{width:27px;height:27px}.quick-btn[data-tone="green"] .icon{color:var(--green)}.quick-btn[data-tone="red"] .icon{color:var(--red)}.quick-btn[data-tone="gold"] .icon{color:var(--gold)}.quick-btn[data-tone="blue"] .icon{color:var(--blue)}.quick-btn[data-tone="teal"] .icon{color:var(--teal)}.dashboard-panels{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid #dfe5eb;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;min-height:260px}.panel-title{font-size:15px;font-weight:800;text-align:right;margin-bottom:14px}.chart-legend{display:flex;justify-content:center;gap:22px;font-size:11px;color:#526273;margin-bottom:7px}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:2px}.bar-chart{height:188px;position:relative;display:flex;align-items:flex-end;gap:16px;padding:8px 10px 26px;border-bottom:1px solid #dfe5eb;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#edf1f4 33px)}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative}.bar{width:14px;border-radius:2px 2px 0 0;min-height:4px;transition:.4s}.bar.in{background:#12a37f}.bar.out{background:#e94f48}.bar-label{position:absolute;bottom:-23px;font-size:10px;color:#5e6a75;white-space:nowrap}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:18px;padding-top:10px}.donut{width:160px;height:160px;border-radius:50%;position:relative;background:conic-gradient(#073f70 0 38%,#15a186 38% 60%,#c8941b 60% 75%,#714a9e 75% 88%,#8e97a1 88% 100%)}.donut:after{content:"";position:absolute;inset:38px;background:#fff;border-radius:50%}.donut-center{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center;font-weight:800;font-size:16px}.donut-center small{font-size:10px;color:#677584}.category-list{list-style:none;padding:0;margin:0;min-width:165px}.category-list li{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:10px 0;gap:12px}.cat-name{display:flex;align-items:center;gap:7px}.cat-dot{width:9px;height:9px;border-radius:50%}.alerts-list{display:flex;flex-direction:column;gap:8px}.alert-row{background:#f8fafb;border-radius:7px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:11px}.alert-count{font-size:17px;font-weight:800}.alert-row.orange .alert-count,.alert-row.orange .icon{color:var(--orange)}.alert-row.gold .alert-count,.alert-row.gold .icon{color:var(--gold)}.alert-row.green .alert-count,.alert-row.green .icon{color:var(--green)}.alert-row.blue .alert-count,.alert-row.blue .icon{color:var(--blue)}.view-all{border:0;background:transparent;color:#0a5b9e;font-family:inherit;font-weight:700;cursor:pointer;padding:10px 0}.transactions-panel{margin-top:14px;min-height:auto;padding-bottom:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;min-width:850px}.data-table th{color:#274866;font-weight:800;padding:8px;border-bottom:1px solid #dce4ea}.data-table td{padding:8px;border-bottom:1px solid #edf1f4;color:#44596d}.amount-in{color:var(--green)!important;font-weight:800}.amount-out{color:var(--red)!important;font-weight:800}.pill{display:inline-flex;align-items:center;gap:5px}.tiny-dot{width:6px;height:6px;border-radius:50%}.tiny-dot.green{background:var(--green)}.tiny-dot.red{background:var(--red)}.status-ok{color:var(--green);font-weight:700}.subview{display:none}.subview.active{display:block}.subview-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 18px}.subview-title{font-size:26px;margin:0}.back-btn,.filter-btn{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-family:inherit;color:var(--ink);display:flex;align-items:center;gap:7px;cursor:pointer}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.account-card-head{display:flex;justify-content:space-between;align-items:center}.account-card h3{margin:0;font-size:18px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.stat{background:#f8fafb;padding:10px;border-radius:8px}.stat small{display:block;color:var(--muted);font-size:10px}.stat strong{display:block;margin-top:4px;font-size:14px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}.search-box{flex:1;min-width:240px;position:relative}.search-box input,.toolbar select,.toolbar input[type=date]{width:100%;height:42px;border:1px solid #dbe3e9;border-radius:7px;padding:0 12px;font-family:inherit;background:#fff}.search-box .icon{position:absolute;left:12px;top:9px;color:#648096}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;box-shadow:var(--shadow)}.summary-card small{color:var(--muted)}.summary-card strong{display:block;font-size:20px;margin-top:6px}.audit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.audit-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.audit-card .count{font-size:25px;font-weight:800}.mobile-nav{display:none}.drawer{position:fixed;inset:0;z-index:50;visibility:hidden}.drawer.open{visibility:visible}.drawer-overlay{position:absolute;inset:0;background:rgba(0,28,53,.45);opacity:0;transition:.2s}.drawer.open .drawer-overlay{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:310px;background:#fff;transform:translateX(100%);transition:.25s;padding:24px}.drawer.open .drawer-panel{transform:translateX(0)}.drawer-menu{display:flex;flex-direction:column;margin-top:30px}.drawer-menu button{border:0;background:transparent;text-align:right;padding:14px 8px;font-family:inherit;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1f3;cursor:pointer}.toast{position:fixed;left:22px;bottom:24px;background:#08385f;color:#fff;padding:12px 17px;border-radius:9px;box-shadow:0 8px 25px rgba(0,0,0,.2);z-index:80;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.skeleton{animation:pulse 1.2s infinite;background:linear-gradient(90deg,#eef2f5,#f8fafb,#eef2f5);background-size:200% 100%}@keyframes pulse{to{background-position:-200% 0}}.mobile-menu-btn{display:none}.login-screen{min-height:100vh;background:linear-gradient(145deg,#001f3a,#00426e);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.27);text-align:center}.login-logo{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--navy);direction:ltr;font-size:24px;font-weight:800}.login-logo img{width:54px}.login-card h1{font-size:25px;margin:22px 0 4px}.login-card p{color:var(--muted);font-size:13px}.login-card input{width:100%;height:47px;border:1px solid #d8e0e7;border-radius:8px;padding:0 13px;font-family:inherit;margin-top:10px}.primary-btn{width:100%;height:48px;background:var(--navy);color:#fff;border:0;border-radius:8px;font-family:inherit;font-weight:800;margin-top:14px;cursor:pointer}.login-error{color:var(--red);font-size:12px;margin-top:8px}.offline-banner{display:none;background:#fff0cf;color:#7b5700;padding:8px 15px;text-align:center;font-size:12px;font-weight:700}.offline .offline-banner{display:block}
@media(max-width:1180px){.kpi-grid,.quick-grid{grid-template-columns:repeat(3,1fr)}.dashboard-panels{grid-template-columns:1fr 1fr}.dashboard-panels .alerts-panel{grid-column:1/-1}.account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:76px}.topbar{height:62px;padding:0 14px;position:sticky}.brand{font-size:17px}.brand img{width:35px}.profile,.top-actions .help-btn{display:none}.mobile-menu-btn{display:block}.page-shell{padding:18px 12px 25px}.headline-row{display:block;margin-bottom:15px}.headline h1{font-size:24px}.meta{font-size:11px}.refresh-btn{width:43px;height:38px;padding:0;justify-content:center;margin-top:13px}.refresh-btn span{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{min-height:91px;padding:12px 10px}.kpi-info small{font-size:11px}.kpi-value{font-size:15px;margin-top:6px}.kpi-icon{width:28px;height:28px}.kpi-icon .icon{width:22px}.section-title{font-size:15px;margin:17px 0 9px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:7px}.quick-btn{min-height:75px;padding:7px 3px;flex-direction:column-reverse;justify-content:center;text-align:center;font-size:9px;line-height:1.25}.quick-btn .icon{width:25px;height:25px}.dashboard-panels{grid-template-columns:1fr}.panel{min-height:230px;padding:13px 11px}.dashboard-panels .donut-panel,.dashboard-panels .alerts-panel{display:none}.bar-chart{height:170px;gap:8px}.bar{width:9px}.transactions-panel{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);height:72px;bottom:0;left:0;right:0;background:linear-gradient(90deg,#002a4d,#00345d);z-index:40;color:#fff;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{background:transparent;border:0;color:#fff;font-family:inherit;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.mobile-nav button.active{color:#e2a71d}.mobile-nav .icon{width:23px;height:23px}.account-grid,.audit-grid{grid-template-columns:1fr}.account-stats{grid-template-columns:repeat(2,1fr)}.summary-row{grid-template-columns:repeat(2,1fr)}.subview-title{font-size:21px}.toolbar{align-items:stretch}.toolbar>*{width:100%}.donut-wrap{flex-direction:column}.top-actions{gap:5px}.headline-row{position:relative}.refresh-btn{position:absolute;left:0;top:40px}.drawer-panel{width:84%}}
/* =========================================================
   OSOS Finance — Delivery Details Responsive Fix
   يمنع جداول وتفاصيل شركات التوصيل من الخروج عن الشاشة
   ========================================================= */

#view-delivery,
#deliveryDetailsPanel,
#deliveryDetailsBody {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#deliveryDetailsPanel {
  overflow: hidden;
}

/* بطاقات الإحصائيات داخل تفاصيل شركة التوصيل */
#deliveryDetailsBody .summary-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  max-width: 100%;
  gap: 12px;
}

#deliveryDetailsBody .summary-card {
  width: auto;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

#deliveryDetailsBody .summary-card strong,
#deliveryDetailsBody .summary-card small {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* لوحات الجداول */
#deliveryDetailsBody .dashboard-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 16px;
  align-items: start;
}

#deliveryDetailsBody .dashboard-panels > .panel {
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

/* الجدول يبقى داخل لوحته */
#deliveryDetailsBody .table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

#deliveryDetailsBody .data-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
}

#deliveryDetailsBody .data-table th,
#deliveryDetailsBody .data-table td {
  min-width: 0;
  padding: 12px 10px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* منع أي عنصر داخل التفاصيل من توسيع الصفحة */
#deliveryDetailsBody * {
  box-sizing: border-box;
}

/* الشاشات المتوسطة */
@media (max-width: 1100px) {
  #deliveryDetailsBody .summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #deliveryDetailsBody .dashboard-panels {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* الجوال */
@media (max-width: 640px) {
  #deliveryDetailsBody .summary-row {
    grid-template-columns: minmax(0, 1fr);
  }

  #deliveryDetailsBody .data-table {
    min-width: 520px;
    table-layout: auto;
  }

  #deliveryDetailsBody .data-table th,
  #deliveryDetailsBody .data-table td {
    white-space: nowrap;
  }
}


/* ======================================================================
   E-MY CORE — WORKFORCE & OSOS PLANNING ORGANIZED WORKSPACE V146
   Native pages, drawer navigation, and viewport-level modal hosting.
   ====================================================================== */

body #view-employees {
  --section-accent: #0b817e;
  --section-accent-rgb: 11, 129, 126;
}

body #view-ososp {
  --section-accent: #a8781c;
  --section-accent-rgb: 168, 120, 28;
}

body .subview-description {
  max-width: 760px;
  margin: 7px 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  line-height: 1.75;
}

.workspace-loading-panel {
  min-height: 180px !important;
  display: grid;
  place-items: center;
  color: var(--osos-text-soft);
  text-align: center;
}

.drawer-menu button.active {
  border-radius: 11px;
  border-bottom-color: transparent;
  background: linear-gradient(135deg, rgba(10, 72, 108, .10), rgba(13, 147, 134, .08));
  color: var(--osos-navy-800);
  box-shadow: inset -3px 0 0 var(--section-accent, var(--osos-navy-800));
}

.workspace-modal-host {
  position: relative;
  z-index: 10000;
}

.workspace-modal-host:empty {
  display: none;
}

.workspace-modal-host > .employee-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10020 !important;
  width: 100vw;
  height: 100dvh;
  min-height: 100vh;
  overflow: hidden;
  overscroll-behavior: contain;
}

.workspace-modal-host > .employee-modal .employee-dialog {
  display: flex;
  max-height: min(92dvh, 980px);
  flex-direction: column;
  overflow: hidden;
}

.workspace-modal-host > .employee-modal .employee-dialog-head {
  flex: 0 0 auto;
}

.workspace-modal-host > .employee-modal .employee-dialog-body {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.workspace-modal-host > .employee-modal .payroll-report-dialog {
  width: min(1500px, calc(100vw - 32px));
  height: min(94dvh, 1040px);
  max-height: min(94dvh, 1040px);
}

.workspace-modal-host > .employee-modal .payroll-report-studio-grid {
  min-height: 0;
  height: 100%;
}

.workspace-modal-host > .employee-modal .payroll-report-controls,
.workspace-modal-host > .employee-modal .payroll-report-preview {
  min-height: 0;
  max-height: calc(94dvh - 132px);
  overflow: auto;
}

body.workspace-modal-open {
  overflow: hidden !important;
  touch-action: none;
}

@media (max-width: 720px) {
  body .subview:not(#view-dashboard) > .subview-header {
    min-height: 0;
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
  }

  body .subview:not(#view-dashboard) > .subview-header .back-btn {
    width: 100%;
    justify-content: center;
  }

  .workspace-modal-host > .employee-modal {
    padding: 8px !important;
    align-items: stretch !important;
  }

  .workspace-modal-host > .employee-modal .employee-dialog,
  .workspace-modal-host > .employee-modal .payroll-report-dialog {
    width: 100%;
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 16px;
  }

  .workspace-modal-host > .employee-modal .employee-dialog-body {
    padding: 14px;
  }

  .workspace-modal-host > .employee-modal .payroll-report-controls,
  .workspace-modal-host > .employee-modal .payroll-report-preview {
    max-height: none;
  }
}

/* Keep the expanded drawer usable after adding the two work centers. */
body .drawer-panel {
  overflow-y: auto;
  overscroll-behavior: contain;
}

body .drawer-menu {
  padding-bottom: 28px;
}


/* ======================================================================
   E-MY CORE — QIWA SCREEN READER EXPERIMENT V147
   Client-side tab capture + local OCR only. No server storage in this step.
   ====================================================================== */

#view-qiwa {
  padding-bottom: 34px;
}

.qiwa-reader-workspace {
  display: grid;
  gap: 15px;
  min-width: 0;
}

.qiwa-reader-hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  padding: 23px 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 10%, rgba(118, 231, 207, .20), transparent 28%),
    linear-gradient(135deg, #172d54, #4e4f8d 62%, #6857a8);
  box-shadow: 0 18px 46px rgba(28, 42, 85, .17);
  color: #fff;
}

.qiwa-reader-hero::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  left: -88px;
  bottom: -145px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 31px rgba(255, 255, 255, .035), 0 0 0 62px rgba(255, 255, 255, .025);
}

.qiwa-reader-hero > * {
  position: relative;
  z-index: 1;
}

.qiwa-reader-eyebrow {
  display: inline-flex;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  direction: ltr;
}

.qiwa-reader-hero h1 {
  margin: 10px 0 6px;
  font-size: 27px;
  line-height: 1.35;
}

.qiwa-reader-hero p {
  max-width: 820px;
  margin: 0;
  color: rgba(255, 255, 255, .74);
  font-size: 11px;
  line-height: 1.9;
}

.qiwa-reader-hero-actions,
.qiwa-reader-inline-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.qiwa-reader-btn,
.qiwa-reader-inline-actions button,
.qiwa-clear-btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 13px;
  border: 1px solid #d3dee7;
  border-radius: 11px;
  background: #fff;
  color: #31566d;
  font: inherit;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}

.qiwa-reader-btn .icon,
.qiwa-reader-inline-actions button .icon {
  width: 16px;
  height: 16px;
}

.qiwa-reader-btn.is-light {
  border-color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .09);
  color: #fff;
}

.qiwa-reader-btn.is-primary,
.qiwa-reader-inline-actions button:first-child {
  border-color: #fff;
  background: #fff;
  color: #45427f;
}

.qiwa-reader-btn:disabled,
.qiwa-reader-inline-actions button:disabled,
.qiwa-clear-btn:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.qiwa-security-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid #ead7a9;
  border-radius: 15px;
  background: linear-gradient(135deg, #fff8e8, #fff);
  color: #765511;
}

.qiwa-security-note > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #fff1c9;
}

.qiwa-security-note .icon {
  width: 18px;
  height: 18px;
}

.qiwa-security-note strong,
.qiwa-security-note small,
.qiwa-reader-status strong,
.qiwa-reader-status small {
  display: block;
}

.qiwa-security-note strong {
  font-size: 10px;
}

.qiwa-security-note small {
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.7;
}

.qiwa-reader-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid #d9e4eb;
  border-radius: 14px;
  background: #f7fafc;
  color: #31566d;
}

.qiwa-reader-status strong {
  font-size: 10px;
}

.qiwa-reader-status small {
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.6;
}

.qiwa-reader-status > span {
  display: inline-flex;
  min-width: 58px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e8eef3;
  color: #516a7c;
  font-size: 8px;
  font-weight: 900;
  direction: ltr;
}

.qiwa-reader-status.is-live {
  border-color: #b9dfd2;
  background: #eaf8f3;
  color: #006d55;
}

.qiwa-reader-status.is-live > span,
.qiwa-reader-status.is-success > span {
  background: #0f8a6b;
  color: #fff;
}

.qiwa-reader-status.is-reading {
  border-color: #c9c9eb;
  background: #f3f2fb;
  color: #4e4a88;
}

.qiwa-reader-status.is-warning {
  border-color: #ecd7a7;
  background: #fff8e7;
  color: #765511;
}

.qiwa-reader-status.is-error {
  border-color: #ecc8cc;
  background: #fff0f1;
  color: #a23d46;
}

.qiwa-reader-status.is-success {
  border-color: #b9dfd2;
  background: #eaf8f3;
  color: #006d55;
}

.qiwa-reader-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 14px;
  min-width: 0;
}

.qiwa-reader-panel,
.qiwa-progress-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce6ed;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(5, 47, 78, .055);
}

.qiwa-reader-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e9eef2;
  background: linear-gradient(180deg, #fff, #fbfdfe);
}

.qiwa-reader-panel h2 {
  margin: 0;
  color: #173d5a;
  font-size: 14px;
}

.qiwa-reader-panel header small {
  display: block;
  margin-top: 3px;
  color: #81919e;
  font-size: 8px;
  line-height: 1.55;
}

.qiwa-live-frame,
.qiwa-capture-frame {
  display: grid;
  min-height: 390px;
  place-items: center;
  overflow: hidden;
  background: #0d1d2c;
}

.qiwa-capture-frame {
  background: #eef3f6;
}

.qiwa-live-frame video,
.qiwa-capture-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 620px;
  object-fit: contain;
  background: #0d1d2c;
}

.qiwa-live-frame.is-live {
  box-shadow: inset 0 0 0 3px #20a984;
}

.qiwa-live-placeholder {
  display: grid;
  max-width: 380px;
  place-items: center;
  gap: 8px;
  padding: 28px;
  color: #7d909e;
  text-align: center;
}

.qiwa-live-placeholder > span {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 18px;
  background: rgba(255, 255, 255, .08);
  color: #8fb0c2;
}

.qiwa-capture-frame .qiwa-live-placeholder > span {
  background: #fff;
  color: #6857a8;
}

.qiwa-live-placeholder strong {
  font-size: 11px;
}

.qiwa-live-placeholder small {
  font-size: 8px;
  line-height: 1.7;
}

.qiwa-progress-panel {
  padding: 13px 15px;
}

.qiwa-progress-panel > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #4e4a88;
  font-size: 9px;
}

.qiwa-progress-track {
  height: 8px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #ecebf7;
}

.qiwa-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #554f96, #0f9a82);
  transition: width .18s ease;
}

.qiwa-results-panel {
  padding-bottom: 16px;
}

.qiwa-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 14px 16px 0;
}

.qiwa-result-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid #e2e9ee;
  border-radius: 13px;
  background: #fbfdfe;
}

.qiwa-result-card > small {
  display: block;
  color: #758899;
  font-size: 8px;
  font-weight: 800;
}

.qiwa-result-card .is-empty {
  display: block;
  margin-top: 6px;
  color: #9aa7b0;
  font-size: 10px;
}

.qiwa-result-chips {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 7px;
}

.qiwa-result-chips span {
  display: inline-flex;
  max-width: 100%;
  padding: 5px 8px;
  overflow-wrap: anywhere;
  border-radius: 999px;
  background: #f0eff9;
  color: #504b8b;
  font-size: 8px;
  font-weight: 900;
}

.qiwa-raw-text {
  display: grid;
  gap: 6px;
  padding: 14px 16px 0;
}

.qiwa-raw-text > span {
  color: #526b7d;
  font-size: 9px;
  font-weight: 900;
}

.qiwa-raw-text textarea {
  width: 100%;
  min-height: 230px;
  resize: vertical;
  padding: 12px;
  border: 1px solid #d8e3ea;
  border-radius: 12px;
  background: #f8fafc;
  color: #244960;
  font: inherit;
  font-size: 9px;
  line-height: 1.8;
  direction: auto;
}

@media (max-width: 980px) {
  .qiwa-reader-hero,
  .qiwa-reader-panel > header {
    align-items: stretch;
    flex-direction: column;
  }

  .qiwa-reader-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .qiwa-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .qiwa-reader-hero {
    padding: 19px 17px;
  }

  .qiwa-reader-hero h1 {
    font-size: 22px;
  }

  .qiwa-reader-hero-actions,
  .qiwa-reader-inline-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .qiwa-reader-btn,
  .qiwa-reader-inline-actions button,
  .qiwa-clear-btn {
    width: 100%;
  }

  .qiwa-reader-status {
    align-items: flex-start;
    flex-direction: column;
  }

  .qiwa-live-frame,
  .qiwa-capture-frame {
    min-height: 260px;
  }

  .qiwa-results-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* ======================================================================
   E-MY CORE — QIWA TABLE INTELLIGENCE V148
   Structured table extraction, identity verification and employee matching.
   ====================================================================== */

.qiwa-reader-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.qiwa-reader-summary article{position:relative;overflow:hidden;min-height:108px;padding:15px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(25,39,87,.05)}
.qiwa-reader-summary article:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#6857a8,#0d9386)}
.qiwa-reader-summary small,.qiwa-reader-summary strong,.qiwa-reader-summary em{display:block}
.qiwa-reader-summary small{color:#718394;font-size:9px;font-weight:800}
.qiwa-reader-summary strong{margin-top:7px;color:#173b59;font-size:24px;line-height:1.2}
.qiwa-reader-summary em{margin-top:5px;color:#8998a5;font-size:8px;font-style:normal;line-height:1.5}
.qiwa-table-panel{min-height:0!important}
.qiwa-table-wrap{width:100%;overflow:auto;border:1px solid #e1e8ee;border-radius:15px;background:#fff}
.qiwa-employee-table{width:100%;min-width:1650px;border-collapse:separate;border-spacing:0;font-size:10px}
.qiwa-employee-table th{position:sticky;top:0;z-index:2;padding:11px 9px;border-bottom:1px solid #dce5eb;background:#f2f6f9;color:#284b66;font-weight:900;white-space:nowrap}
.qiwa-employee-table td{padding:8px;border-bottom:1px solid #edf1f4;vertical-align:top;color:#435c70}
.qiwa-employee-table tbody tr:hover td{background:#fbfdfe}
.qiwa-employee-table tbody tr.is-invalid td{background:#fff9f4}
.qiwa-employee-table input{width:100%;min-width:115px;height:37px;padding:0 9px;border:1px solid #dce5eb;border-radius:9px;background:#fff;color:#173b59;font:inherit}
.qiwa-employee-table input:focus{outline:0;border-color:#7765ba;box-shadow:0 0 0 3px rgba(104,87,168,.11)}
.qiwa-id-cell{display:grid;gap:4px;min-width:135px}
.qiwa-id-cell input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;text-align:center;letter-spacing:.04em}
.qiwa-id-cell small{font-size:7px;font-weight:800;text-align:center}
.qiwa-id-cell small.is-valid{color:#0c8a68}.qiwa-id-cell small.is-invalid{color:#b04a53}
.qiwa-match-badge{display:inline-flex;max-width:145px;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#eef3f6;color:#64798a;font-size:8px;font-weight:900;line-height:1.35;text-align:center}
.qiwa-match-badge.is-match{background:#e8f7f1;color:#08775b}.qiwa-match-badge.is-review{background:#fff4df;color:#956711}.qiwa-match-badge.is-new{background:#edf3fb;color:#35648d}.qiwa-match-badge.is-danger{background:#fff0f1;color:#ac414a}
.qiwa-match-copy{min-width:155px}.qiwa-match-copy strong,.qiwa-match-copy small,.qiwa-match-copy em{display:block}.qiwa-match-copy strong{color:#173b59;font-size:9px}.qiwa-match-copy small{margin-top:2px;color:#81919e;font-size:7px}.qiwa-match-copy em{margin-top:4px;padding:4px 6px;border-radius:6px;background:#fff6e7;color:#86611f;font-size:7px;font-style:normal;line-height:1.45}
.qiwa-confidence{position:relative;display:flex;width:88px;height:29px;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#edf2f5;color:#173b59;font-size:8px;font-weight:900}
.qiwa-confidence i{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(13,147,134,.18),rgba(104,87,168,.2))}.qiwa-confidence b{position:relative;z-index:1}
.qiwa-row-action{min-width:76px;height:34px;border:1px solid #cbdbe5;border-radius:9px;background:#fff;color:#315d78;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.qiwa-row-action:hover{border-color:#6857a8;color:#6857a8}.qiwa-no-action{color:#a2aeb7}
.qiwa-table-empty{display:grid;min-height:220px;place-items:center;align-content:center;gap:7px;color:#7c8e9c;text-align:center}.qiwa-table-empty>span{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:17px;background:#f0eef9;color:#6857a8}.qiwa-table-empty .icon{width:25px;height:25px}.qiwa-table-empty strong{color:#284b66;font-size:13px}.qiwa-table-empty small{font-size:9px}
.qiwa-warning-list{display:grid;gap:8px;padding:15px 17px;border:1px solid #eadab7;border-radius:16px;background:#fffaf0;color:#78591c}.qiwa-warning-list>strong{font-size:11px}.qiwa-warning-list>div{display:flex;align-items:flex-start;gap:8px;padding-top:7px;border-top:1px solid rgba(149,103,17,.12);font-size:9px;line-height:1.7}.qiwa-warning-list .icon{width:16px;height:16px;flex:0 0 auto}
.qiwa-pass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.qiwa-pass-grid article{padding:11px;border:1px solid #e2e8ee;border-radius:12px;background:#fafcfd}.qiwa-pass-grid small,.qiwa-pass-grid strong,.qiwa-pass-grid span{display:block}.qiwa-pass-grid small{color:#7c8d9b;font-size:8px}.qiwa-pass-grid strong{margin-top:4px;color:#173b59;font-size:13px}.qiwa-pass-grid span{margin-top:3px;color:#8f9ca6;font-size:7px}
.qiwa-raw-details{border:1px solid #e1e8ed;border-radius:12px;background:#fbfdfe}.qiwa-raw-details summary{padding:11px 13px;color:#365d76;font-size:9px;font-weight:900;cursor:pointer}.qiwa-raw-details .qiwa-raw-text{padding:0 12px 12px}.qiwa-progress-panel>small{display:block;margin-top:7px;color:#738596;font-size:8px}
@media(max-width:1280px){.qiwa-reader-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.qiwa-reader-summary{grid-template-columns:1fr 1fr}.qiwa-pass-grid{grid-template-columns:1fr}.qiwa-table-wrap{margin-inline:-4px;width:calc(100% + 8px)}}
@media(max-width:480px){.qiwa-reader-summary{grid-template-columns:1fr}}


/* ======================================================================
   E-MY CORE V150 — DIRECT ASSISTANT SEND + STICKY COMPOSER
   ====================================================================== */
body #view-qiwa{--section-accent:#6756a6;--section-accent-rgb:103,86,166}
.vision-center-workspace{display:grid;gap:17px}
.vision-center-hero{background:radial-gradient(circle at 12% 18%,rgba(94,225,197,.2),transparent 25%),linear-gradient(125deg,#141d3e,#293769 58%,#0a6f77)!important}
.vision-security-banner{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;border:1px solid #e5d5a6;border-radius:16px;background:#fffaf0;color:#725517}
.vision-security-banner>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#fff0c9;color:#9b6b00}.vision-security-banner .icon{width:20px}.vision-security-banner strong,.vision-security-banner small{display:block}.vision-security-banner strong{font-size:11px}.vision-security-banner small{margin-top:4px;color:#8b7548;font-size:9px;line-height:1.7}
.vision-workspace-tabs{display:flex;gap:8px;overflow:auto;padding:5px;border:1px solid #dce6ed;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(12,45,75,.05)}
.vision-workspace-tabs button{display:flex;min-width:170px;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border:0;border-radius:12px;background:transparent;color:#60778b;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.vision-workspace-tabs button.active{background:linear-gradient(135deg,#263864,#0b797c);color:#fff;box-shadow:0 8px 18px rgba(33,59,103,.18)}.vision-workspace-tabs b{display:inline-grid;min-width:24px;height:20px;place-items:center;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.18);font-size:8px}
.vision-session-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:15px}.vision-live-panel,.vision-session-stats,.vision-timeline-panel,.vision-assistant-chat,.vision-analysis-sidebar{border:1px solid #dce6ed;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(7,47,78,.06);overflow:hidden}.vision-live-panel>header,.vision-timeline-panel>header,.vision-assistant-chat>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #edf2f5}.vision-live-panel h2,.vision-timeline-panel h2,.vision-assistant-chat h2{margin:0;color:#153b58;font-size:14px}.vision-live-panel header small,.vision-timeline-panel header small,.vision-assistant-chat header small{display:block;margin-top:3px;color:#8796a2;font-size:8px}
.vision-record-state{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef3f6;color:#718391;font-size:8px;font-weight:900;direction:ltr}.vision-record-state.is-recording{background:#fff0f1;color:#b1434d}.vision-record-state.is-recording:before{content:'';width:7px;height:7px;border-radius:50%;background:#db4f58;box-shadow:0 0 0 5px rgba(219,79,88,.12);animation:visionPulse 1.2s infinite}@keyframes visionPulse{50%{opacity:.4}}
.vision-session-controls{display:flex;gap:8px;flex-wrap:wrap;padding:13px 15px;border-top:1px solid #edf2f5}.vision-session-controls button,.vision-timeline-panel header button,.vision-assistant-chat header button,.vision-analysis-sidebar button,.vision-session-stats>button{min-height:38px;padding:8px 12px;border:1px solid #d8e3ea;border-radius:10px;background:#f8fbfc;color:#244a67;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.vision-session-controls button.is-primary{border-color:#0e7778;background:#0e7778;color:#fff}.vision-session-controls button.is-danger{border-color:#efc8cc;background:#fff3f4;color:#a94049}.vision-session-controls button:disabled,.vision-analysis-sidebar button:disabled{opacity:.45;cursor:not-allowed}
.vision-session-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;align-content:start}.vision-session-stats article{min-height:108px;padding:15px;border-bottom:1px solid #edf2f5}.vision-session-stats article:nth-child(odd){border-left:1px solid #edf2f5}.vision-session-stats small,.vision-session-stats strong,.vision-session-stats em{display:block}.vision-session-stats small{color:#748899;font-size:8px}.vision-session-stats strong{margin-top:6px;color:#183d59;font-size:24px}.vision-session-stats em{margin-top:5px;color:#94a0aa;font-size:7px;font-style:normal;line-height:1.5}.vision-session-stats>button{grid-column:1/-1;margin:12px}
.vision-timeline-panel{grid-column:1/-1}.vision-frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:15px}.vision-frame-card{overflow:hidden;border:1px solid #dfe7ed;border-radius:14px;background:#fff;transition:.18s}.vision-frame-card.is-unselected{opacity:.45;filter:grayscale(.7)}.vision-frame-card.is-important{border-color:#d9a935;box-shadow:0 0 0 3px rgba(217,169,53,.12)}.vision-frame-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#eaf0f4;cursor:pointer}.vision-frame-preview img{width:100%;height:100%;object-fit:cover;display:block}.vision-frame-preview>span{position:absolute;top:7px;right:7px;display:grid;min-width:23px;height:23px;place-items:center;border-radius:8px;background:rgba(8,35,58,.82);color:#fff;font-size:8px;font-weight:900}.vision-frame-meta{padding:9px 10px}.vision-frame-meta strong,.vision-frame-meta small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vision-frame-meta strong{color:#183d59;font-size:8px}.vision-frame-meta small{margin-top:3px;color:#8c9aa5;font-size:7px}.vision-frame-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf2f5}.vision-frame-actions button{padding:7px;border:0;background:#fbfdfe;color:#60778a;font:inherit;font-size:7px;font-weight:800;cursor:pointer}.vision-frame-actions button+button{border-right:1px solid #edf2f5;color:#a64a52}
.vision-empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:25px;color:#8394a1;text-align:center}.vision-empty>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#edf4f7;color:#486e87}.vision-empty strong{color:#466277;font-size:12px}.vision-empty small{max-width:520px;font-size:8px;line-height:1.7}
.vision-assistant-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:15px}.vision-assistant-chat{min-height:620px;display:grid;grid-template-rows:auto minmax(280px,1fr) auto auto auto}.vision-chat-log{display:flex;flex-direction:column;gap:11px;overflow:auto;max-height:520px;padding:18px;background:linear-gradient(180deg,#f8fbfd,#fff)}.vision-chat-message{max-width:84%;padding:12px 14px;border:1px solid #dce7ed;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(8,45,73,.04)}.vision-chat-message.is-user{align-self:flex-start;border-color:#cfe1e5;background:#edf8f6}.vision-chat-message.is-assistant{align-self:flex-end}.vision-chat-message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.vision-chat-message header strong{color:#173d5a;font-size:9px}.vision-chat-message header small{color:#95a1aa;font-size:7px}.vision-chat-message>div{color:#425d71;font-size:10px;line-height:1.85}.vision-chat-welcome{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7d8f9d;text-align:center}.vision-chat-welcome>span{display:grid;width:56px;height:56px;place-items:center;border-radius:18px;background:linear-gradient(135deg,#eaf2ff,#e8f8f4);color:#5367a6}.vision-chat-welcome strong{color:#244b68;font-size:14px}.vision-chat-welcome small{max-width:520px;font-size:9px;line-height:1.8}.vision-chat-options{display:flex;gap:14px;flex-wrap:wrap;padding:11px 16px;border-top:1px solid #edf2f5;background:#fbfdfe}.vision-chat-options label{display:flex;align-items:center;gap:6px;color:#5f7485;font-size:8px;font-weight:800}.vision-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 15px;border-top:1px solid #edf2f5}.vision-chat-compose textarea{min-height:78px;resize:vertical;border:1px solid #d5e0e7;border-radius:12px;padding:11px;font:inherit;font-size:10px;line-height:1.7}.vision-chat-compose button{min-width:120px;border:0;border-radius:12px;background:linear-gradient(135deg,#263864,#0b797c);color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.vision-assistant-error{padding:10px 14px;border:1px solid #efc8cc;border-radius:12px;background:#fff2f3;color:#a94049;font-size:9px;line-height:1.7}.vision-analysis-sidebar{padding:16px;align-self:start}.vision-analysis-sidebar h3{margin:0 0 12px;color:#173d5a;font-size:13px}.vision-analysis-sidebar button{display:block;width:100%;margin-bottom:8px;text-align:right}.vision-privacy-card{margin-top:14px;padding:13px;border:1px solid #cfe8df;border-radius:13px;background:#f0faf7}.vision-privacy-card strong,.vision-privacy-card small{display:block}.vision-privacy-card strong{color:#14745e;font-size:10px}.vision-privacy-card small{margin-top:4px;color:#668478;font-size:8px;line-height:1.7}.vision-qiwa-specialist{display:grid;gap:15px}
@media(max-width:1250px){.vision-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.vision-session-layout,.vision-assistant-layout{grid-template-columns:1fr}.vision-session-stats{grid-template-columns:repeat(4,1fr)}.vision-session-stats article{border-left:1px solid #edf2f5}.vision-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.vision-session-stats{grid-template-columns:1fr 1fr}.vision-frame-grid{grid-template-columns:1fr 1fr}.vision-chat-compose{grid-template-columns:1fr}.vision-chat-compose button{min-height:44px}.vision-workspace-tabs button{min-width:145px}}
@media(max-width:430px){.vision-frame-grid{grid-template-columns:1fr}.vision-session-stats{grid-template-columns:1fr}}


/* ======================================================================
   E-MY CORE V150 — DIRECT ASSISTANT SEND + ALWAYS-VISIBLE COMPOSER
   ====================================================================== */
.vision-timeline-panel>header{align-items:flex-start;flex-wrap:wrap}
.vision-timeline-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.vision-timeline-actions button{white-space:nowrap}
.vision-timeline-actions button.is-primary{border-color:#0d7778;background:linear-gradient(135deg,#263864,#0b797c);color:#fff;box-shadow:0 7px 17px rgba(31,67,105,.16)}
.vision-selection-pill{display:inline-flex;min-height:34px;align-items:center;padding:7px 10px;border:1px solid #cfe3e4;border-radius:999px;background:#eef9f7;color:#116f69;font-size:8px;font-weight:900;white-space:nowrap}
.vision-assistant-chat{display:flex;height:min(760px,calc(100vh - 170px));min-height:560px;flex-direction:column;overflow:hidden}
.vision-chat-log{min-height:0;max-height:none;flex:1;scroll-behavior:smooth}
.vision-send-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid #e7eef3;background:linear-gradient(135deg,#f2f7ff,#effaf7)}
.vision-send-summary>div{min-width:0}.vision-send-summary strong,.vision-send-summary small{display:block}.vision-send-summary strong{color:#173d5a;font-size:10px}.vision-send-summary small{margin-top:3px;color:#6e8393;font-size:8px;line-height:1.65}
.vision-send-summary button{min-height:39px;padding:8px 14px;border:0;border-radius:11px;background:linear-gradient(135deg,#263864,#0b797c);color:#fff;font:inherit;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(31,67,105,.15)}
.vision-send-summary button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.vision-chat-footer{position:sticky;bottom:0;z-index:8;border-top:1px solid #dce7ed;background:rgba(255,255,255,.98);box-shadow:0 -12px 30px rgba(8,45,73,.08);backdrop-filter:blur(12px)}
.vision-chat-footer .vision-chat-options{border-top:0}
.vision-chat-footer .vision-chat-compose{border-top:1px solid #edf2f5;background:#fff}
.vision-chat-compose button{min-height:48px;box-shadow:0 8px 18px rgba(31,67,105,.16)}
.vision-chat-options input:disabled+span{opacity:.55}
@media(max-width:980px){.vision-assistant-chat{height:min(720px,calc(100vh - 130px));min-height:520px}}
@media(max-width:680px){.vision-timeline-actions{width:100%;justify-content:stretch}.vision-timeline-actions .vision-selection-pill{width:100%;justify-content:center}.vision-timeline-actions button{flex:1}.vision-send-summary{align-items:stretch;flex-direction:column}.vision-send-summary button{width:100%}.vision-assistant-chat{height:calc(100vh - 112px);min-height:500px;border-radius:15px}.vision-chat-footer{bottom:0}.vision-chat-options{display:grid;gap:8px}.vision-chat-compose textarea{min-height:68px}}

/* OSOS Vision V151 — OpenAI diagnostics */
.vision-assistant-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vision-assistant-head-actions button{min-height:36px;padding:7px 11px;border:1px solid #d6e1e8;border-radius:10px;background:#fff;color:#123b59;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.vision-assistant-head-actions button:hover{border-color:#9fc1cf;background:#f4fafc}
.vision-assistant-head-actions button:disabled{opacity:.55;cursor:not-allowed}
.vision-assistant-success{margin:10px 0;padding:11px 13px;border:1px solid #bde5d6;border-radius:12px;background:#eefaf5;color:#126347;font-size:11px;font-weight:800;line-height:1.7}
@media(max-width:640px){.vision-assistant-head-actions{width:100%}.vision-assistant-head-actions button{flex:1}}

/* Moved from ensureExecutiveDashboardStyles in app.js for v156 */
#view-dashboard>.executive-dashboard-legacy{display:none!important}
      #executiveDashboard{display:grid;gap:18px;font-family:inherit;color:#102a43}
      .executive-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;align-items:stretch;padding:26px;border-radius:22px;background:linear-gradient(135deg,#062f51 0%,#0a466f 58%,#0d6b78 100%);box-shadow:0 18px 48px rgba(0,43,80,.18);color:#fff;overflow:hidden;position:relative}
      .executive-hero:after{content:'';position:absolute;inset:auto -80px -110px auto;width:270px;height:270px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(255,255,255,.035)}
      .executive-hero-copy,.executive-hero-meta{position:relative;z-index:1}
      .executive-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;letter-spacing:.04em}
      .executive-hero h1{margin:14px 0 8px;font-size:32px;line-height:1.25;font-weight:900}
      .executive-hero p{margin:0;max-width:700px;color:rgba(255,255,255,.78);line-height:1.9;font-size:14px}
      .executive-hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:stretch}
      .executive-hero-meta>div{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
      .executive-hero-meta small{color:rgba(255,255,255,.65);font-size:11px}
      .executive-hero-meta strong{font-size:15px;color:#fff}
      .executive-hero-meta .wide{grid-column:1/-1}
      #executiveDashboardRangeSlot .section-range-toolbar{margin:0;padding:14px 16px;border:1px solid #dfe8ef;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(0,43,80,.06)}
      #executiveDashboardRangeSlot .section-range-head{margin-bottom:10px}
      #executiveDashboardRangeSlot .section-range-fields{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto}
      #executiveDashboardRangeSlot .period-presets{margin-top:9px}
      #executiveDashboardRangeSlot .period-toolbar-note{display:none}
      .executive-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
      .executive-kpi{position:relative;min-height:126px;padding:17px;border:1px solid #dfe8ef;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(0,43,80,.055);overflow:hidden}
      .executive-kpi:before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:var(--executive-accent,#0b5d7e)}
      .executive-kpi-icon{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:var(--executive-soft,#edf6fa);color:var(--executive-accent,#0b5d7e)}
      .executive-kpi-icon .icon{width:19px;height:19px}
      .executive-kpi small{display:block;margin-top:13px;color:#6a7e91;font-size:11px;font-weight:700}
      .executive-kpi strong{display:block;margin-top:5px;color:#0d2f4d;font-size:20px;line-height:1.2;direction:ltr;text-align:right}
      .executive-kpi em{display:block;margin-top:5px;color:#8797a5;font-size:10px;font-style:normal}
      .executive-kpi-period{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;padding:4px 7px;border:1px solid #e1e8ee;border-radius:999px;background:#f8fafc;color:#607487;font-size:9px;font-weight:800;direction:rtl;white-space:nowrap}
      .executive-sales-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
      .executive-sales-card{position:relative;overflow:hidden;border:1px solid #dfe8ef;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(0,43,80,.055)}
      .executive-sales-card:before{content:'';position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--sales-accent,#0b607a)}
      .executive-sales-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 14px}
      .executive-sales-card-title small,.executive-sales-card-title strong{display:block}
      .executive-sales-card-title small{color:#748698;font-size:10px;font-weight:800}
      .executive-sales-card-title strong{margin-top:4px;color:#153b59;font-size:17px}
      .executive-sales-card-total{direction:ltr;text-align:left;white-space:nowrap}
      .executive-sales-card-total strong,.executive-sales-card-total small{display:block}
      .executive-sales-card-total strong{color:var(--sales-accent,#0b607a);font-size:21px}
      .executive-sales-card-total small{margin-top:3px;color:#91a0ac;font-size:9px}
      .executive-sales-breakdown{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf2f6;background:#fbfdfe}
      .executive-sales-breakdown>div{padding:13px 18px}
      .executive-sales-breakdown>div+div{border-right:1px solid #edf2f6}
      .executive-sales-breakdown small,.executive-sales-breakdown strong,.executive-sales-breakdown em{display:block}
      .executive-sales-breakdown small{color:#708496;font-size:10px}
      .executive-sales-breakdown strong{margin-top:4px;color:#173b58;font-size:15px;direction:ltr;text-align:right}
      .executive-sales-breakdown em{margin-top:3px;color:#95a2ad;font-size:8px;font-style:normal}
      .executive-sales-card.is-delivery{display:flex;min-height:132px;flex-direction:column;justify-content:space-between}
      .executive-sales-card-total.is-delivery-total{min-width:250px;white-space:normal}
      .executive-delivery-finance-lines{display:grid;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #edf2f6;direction:rtl;text-align:right}
      .executive-delivery-finance-lines>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6f8293;font-size:9px}
      .executive-delivery-finance-lines b{color:#173b58;font-size:10px;white-space:nowrap;direction:ltr}
      .executive-delivery-finance-lines .is-expected b{color:#946d19}
      .executive-delivery-finance-lines .is-deductions b{color:#b04750}
      .executive-delivery-rate-note{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
      .executive-delivery-rate-note span{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:#f6f2e9;color:#745819;font-size:8px;white-space:nowrap}
      .executive-delivery-rate-note b{direction:ltr;font-size:8px}
      .executive-sales-card-note{padding:12px 20px;border-top:1px solid #edf2f6;background:#fbfdfe;color:#708496;font-size:10px;line-height:1.7}
      .executive-sales-range-note{grid-column:1/-1;margin-top:-4px;color:#7b8d9c;font-size:9px;text-align:left}
      .executive-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px}
      .executive-panel{border:1px solid #dfe8ef;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(0,43,80,.055);overflow:hidden}
      .executive-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #edf2f6}
      .executive-panel-head h2{margin:0;color:#0d2f4d;font-size:16px}
      .executive-panel-head small{color:#7a8c9c;font-size:11px}
      .executive-panel-body{padding:18px}
      .executive-chart-legend{display:flex;justify-content:flex-end;gap:15px;margin-bottom:10px;color:#607487;font-size:11px}
      .executive-chart-legend span{display:flex;align-items:center;gap:6px}
      .executive-chart-legend i{display:block;width:9px;height:9px;border-radius:3px;background:#0f8a6b}
      .executive-chart-legend i.is-out{background:#d29c34}
      .executive-month-chart{display:grid;grid-template-columns:repeat(6,minmax(50px,1fr));gap:11px;height:238px;align-items:end;padding-top:16px;border-bottom:1px solid #e7edf2;background:repeating-linear-gradient(to top,transparent 0,transparent 56px,#eef3f6 57px,#eef3f6 58px)}
      .executive-month-column{display:grid;grid-template-rows:27px 172px 28px;gap:5px;min-width:0;text-align:center}
      .executive-month-values{display:flex;justify-content:center;gap:6px;font-size:9px;color:#74879a;direction:ltr}
      .executive-month-bars{display:flex;height:172px;align-items:flex-end;justify-content:center;gap:5px}
      .executive-month-bars i{display:block;width:16px;max-width:35%;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#22a782,#0f7d64)}
      .executive-month-bars i.is-out{background:linear-gradient(180deg,#efbc55,#c9891b)}
      .executive-month-column>strong{overflow:hidden;color:#526b7e;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
      .executive-donut-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center}
      .executive-donut{width:164px;height:164px;padding:19px;border-radius:50%}
      .executive-donut>span{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eef2f5;text-align:center}
      .executive-donut small{color:#718395;font-size:10px}
      .executive-donut strong{margin-top:5px;color:#0d2f4d;font-size:16px}
      .executive-donut em{color:#94a1ac;font-size:9px;font-style:normal}
      .executive-donut-legend{display:grid;gap:10px}
      .executive-donut-legend>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #eef2f5;font-size:11px}
      .executive-donut-legend span{display:flex;min-width:0;align-items:center;gap:7px;color:#51697c}
      .executive-donut-legend i{display:block;width:9px;height:9px;flex:0 0 auto;border-radius:3px}
      .executive-donut-legend strong{color:#173b58}
      .executive-supplier-bars{display:grid;gap:11px}
      .executive-supplier-bar{display:grid;grid-template-columns:28px minmax(145px,.8fr) minmax(130px,1.5fr) auto;gap:11px;align-items:center;width:100%;padding:7px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:right;cursor:pointer}
      .executive-supplier-bar:hover{background:#f5f9fc}
      .executive-supplier-rank{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:9px;background:#edf4f8;color:#0c5a78;font-size:11px;font-weight:900}
      .executive-supplier-name{min-width:0}
      .executive-supplier-name strong,.executive-supplier-name small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
      .executive-supplier-name strong{color:#163c59;font-size:11px}
      .executive-supplier-name small{margin-top:2px;color:#92a0ab;font-size:9px}
      .executive-supplier-track{height:8px;overflow:hidden;border-radius:999px;background:#edf2f5}
      .executive-supplier-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d647d,#18a27d)}
      .executive-supplier-value{color:#173b58;font-size:10px;white-space:nowrap;direction:ltr}
      .executive-readiness-head{display:flex;align-items:end;justify-content:space-between;gap:16px}
      .executive-readiness-head small,.executive-readiness-head strong{display:block}
      .executive-readiness-head small{color:#748698;font-size:11px}
      .executive-readiness-head strong{margin-top:4px;color:#153b59;font-size:16px}
      .executive-readiness-head b{color:#0f8a6b;font-size:24px;direction:ltr}
      .executive-readiness-track{height:10px;margin:13px 0 18px;overflow:hidden;border-radius:999px;background:#e9eff3}
      .executive-readiness-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d6680,#18a27d)}
      .executive-readiness-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
      .executive-readiness-grid>div{padding:12px;border:1px solid #e7edf2;border-radius:13px;background:#fbfdfe}
      .executive-readiness-grid small{display:block;color:#748698;font-size:10px}
      .executive-readiness-grid strong{display:block;margin-top:5px;color:#173b58;font-size:17px}
      .executive-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
      .executive-nav-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:14px;border:1px solid #dfe8ef;border-radius:16px;background:#fff;color:inherit;text-align:right;box-shadow:0 7px 22px rgba(0,43,80,.04);cursor:pointer}
      .executive-nav-card:hover{transform:translateY(-2px);border-color:#b9d3df;box-shadow:0 12px 30px rgba(0,43,80,.09)}
      .executive-nav-card>span{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:#edf5f8;color:#0b607a}
      .executive-nav-card .icon{width:21px;height:21px}
      .executive-nav-card strong,.executive-nav-card small{display:block}
      .executive-nav-card strong{color:#143a57;font-size:12px}
      .executive-nav-card small{margin-top:3px;color:#8393a1;font-size:9px;line-height:1.5}
      .executive-attention{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
      .executive-attention-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e4eaef;border-radius:14px;background:#fbfdfe}
      .executive-attention-item>span{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:#fff4df;color:#a56b00}
      .executive-attention-item.is-neutral>span{background:#edf5f8;color:#0b607a}
      .executive-attention-item.is-review>span{background:#fff0f0;color:#ad3c43}
      .executive-attention-item .icon{width:18px;height:18px}
      .executive-attention-item small,.executive-attention-item strong{display:block}
      .executive-attention-item small{color:#788a99;font-size:9px}
      .executive-attention-item strong{margin-top:2px;color:#173b58;font-size:14px}
      .executive-empty-chart{display:flex;min-height:170px;align-items:center;justify-content:center;color:#8797a5;text-align:center}
      .executive-sync-card{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(150px,.55fr) minmax(0,1.2fr) auto;align-items:center!important;gap:12px!important;padding:12px 14px!important}
      .executive-sync-user small,.executive-sync-user strong,.executive-sync-status small,.executive-sync-status strong{display:block}
      .executive-sync-user small,.executive-sync-status small{color:rgba(255,255,255,.62)!important;font-size:10px!important}
      .executive-sync-user strong{margin-top:3px;font-size:14px!important;letter-spacing:.02em}
      .executive-sync-status strong{margin-top:3px;font-size:12px!important;line-height:1.55}
      .executive-sync-status em{display:block;margin-top:4px;color:rgba(255,255,255,.58);font-size:9px;font-style:normal;line-height:1.5}
      .executive-sync-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:#fff;color:#0a466f;font:inherit;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.12)}
      .executive-sync-action:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.16)}
      .executive-sync-action:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
      .executive-sync-action .icon{width:17px;height:17px}
      .executive-sync-state{display:inline-flex;align-items:center;gap:6px}
      .executive-sync-state:before{content:'';width:8px;height:8px;border-radius:50%;background:#a9bbc8;box-shadow:0 0 0 4px rgba(169,187,200,.12)}
      .executive-sync-state.is-success:before{background:#56d6ae;box-shadow:0 0 0 4px rgba(86,214,174,.14)}
      .executive-sync-state.is-running:before{background:#ffd166;box-shadow:0 0 0 4px rgba(255,209,102,.14);animation:ososSyncPulse 1.2s infinite}
      .executive-sync-state.is-error:before{background:#ff8a92;box-shadow:0 0 0 4px rgba(255,138,146,.14)}
      @keyframes ososSyncPulse{0%,100%{opacity:.45}50%{opacity:1}}
      @media(max-width:1250px){.executive-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
      @media(max-width:980px){.executive-hero{grid-template-columns:1fr}.executive-grid{grid-template-columns:1fr}.executive-sales-overview{grid-template-columns:1fr 1fr}.executive-sales-card.is-delivery{grid-column:1/-1}.executive-attention{grid-template-columns:1fr 1fr}}
      @media(max-width:720px){.executive-sales-card-total.is-delivery-total{min-width:0;width:100%}.executive-sales-card.is-delivery .executive-sales-card-head{flex-direction:column}.executive-hero{padding:20px}.executive-hero h1{font-size:25px}.executive-kpi-grid{grid-template-columns:1fr 1fr}.executive-navigation{grid-template-columns:1fr 1fr}.executive-donut-layout{grid-template-columns:1fr}.executive-donut{margin:auto}.executive-supplier-bar{grid-template-columns:28px minmax(0,1fr) auto}.executive-supplier-track{grid-column:2/4}.executive-attention{grid-template-columns:1fr}.executive-sync-card{grid-template-columns:1fr!important}.executive-sync-action{width:100%}#executiveDashboardRangeSlot .section-range-fields{grid-template-columns:1fr 1fr}#executiveDashboardRangeSlot .section-range-apply{grid-column:1/-1}.executive-sales-overview{grid-template-columns:1fr}.executive-sales-card.is-delivery{grid-column:auto}}
      @media(max-width:480px){.executive-kpi-grid,.executive-navigation{grid-template-columns:1fr}.executive-month-chart{gap:5px}.executive-month-bars i{width:11px}.executive-hero-meta{grid-template-columns:1fr}.executive-hero-meta .wide{grid-column:auto}}
      /* v36: compact, full-width executive header with a dedicated sync status strip */
      .executive-hero{display:grid;grid-template-columns:1fr;gap:16px;padding:22px 24px;min-height:0}
      .executive-hero:after{width:220px;height:220px;right:-95px;bottom:-125px}
      .executive-hero-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}
      .executive-hero-copy{min-width:0}
      .executive-hero h1{margin:9px 0 0;font-size:29px}
      .executive-eyebrow{padding:5px 10px;font-size:11px}
      .executive-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
      .executive-user-pill{display:flex;min-width:156px;flex-direction:column;justify-content:center;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.08);text-align:right}
      .executive-user-pill small{color:rgba(255,255,255,.62);font-size:9px}
      .executive-user-pill strong{margin-top:2px;color:#fff;font-size:13px;letter-spacing:.02em}
      .executive-hero-meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
      .executive-hero-meta>div{min-height:74px;padding:11px 14px;border-radius:14px}
      .executive-hero-meta small{font-size:10px}
      .executive-hero-meta strong{margin-top:1px;font-size:14px;direction:ltr;text-align:right}
      .executive-sync-strip{position:relative;z-index:1;display:grid;grid-template-columns:minmax(245px,1.75fr) repeat(5,minmax(105px,.7fr));gap:0;align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.075)}
      .executive-sync-primary,.executive-sync-metric{min-width:0;padding:11px 13px}
      .executive-sync-metric{display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.11)}
      .executive-sync-primary{display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,.055)}
      .executive-sync-primary small,.executive-sync-metric small{color:rgba(255,255,255,.58);font-size:9px}
      .executive-sync-primary strong{margin-top:3px;color:#fff;font-size:11px;line-height:1.5;white-space:normal}
      .executive-sync-primary em{display:block;margin-top:3px;overflow:hidden;color:rgba(255,255,255,.6);font-size:8px;font-style:normal;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}
      .executive-sync-metric strong{display:block;margin-top:4px;overflow:hidden;color:#fff;font-size:11px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;direction:ltr;text-align:right}
      .executive-sync-metric:nth-child(2) strong{font-size:9px;line-height:1.25;white-space:normal;text-align:center}
      .executive-sync-action{min-height:39px;padding:9px 13px;border-radius:11px;font-size:10px}
      @media(max-width:1180px){.executive-sync-strip{grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(110px,.75fr))}.executive-sync-metric:nth-child(5),.executive-sync-metric:nth-child(6){display:none}}
      @media(max-width:820px){.executive-hero-head{align-items:flex-start;flex-direction:column}.executive-hero-actions{width:100%;justify-content:space-between}.executive-user-pill{min-width:0;flex:1}.executive-sync-action{flex:1}.executive-sync-strip{grid-template-columns:1fr 1fr}.executive-sync-primary{grid-column:1/-1}.executive-sync-metric{border-top:1px solid rgba(255,255,255,.1)}.executive-sync-metric:nth-child(5),.executive-sync-metric:nth-child(6){display:flex}}
      @media(max-width:560px){.executive-hero{padding:18px}.executive-hero h1{font-size:23px}.executive-hero-actions{display:grid;grid-template-columns:1fr}.executive-sync-action{width:100%}.executive-hero-meta{grid-template-columns:1fr}.executive-hero-meta>div{min-height:64px}.executive-sync-strip{grid-template-columns:1fr 1fr}.executive-sync-primary{grid-column:1/-1}.executive-sync-metric{grid-column:auto;border-right:0}.executive-sync-metric:nth-child(6){grid-column:1/-1}.executive-sync-primary em{white-space:normal}}

/* Moved from ensureCommandDashboardStyles in app.js for v156 */
#executiveDashboard.command-dashboard{display:grid;gap:18px;color:#102f49}
      .command-hero{position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 12% 5%,rgba(59,189,165,.28),transparent 26%),radial-gradient(circle at 88% 98%,rgba(210,156,52,.22),transparent 27%),linear-gradient(135deg,#052b4b 0%,#073b60 50%,#0b5b6d 100%);color:#fff;box-shadow:0 24px 60px rgba(0,43,80,.2)}
      .command-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.06),transparent 42%);pointer-events:none}
      .command-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:24px;padding:27px 28px 23px}
      .command-brand-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
      .command-brand-mark{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);font-size:10px;font-weight:900;letter-spacing:.08em}
      .command-live-state{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.75);font-size:10px;font-weight:800}
      .command-live-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#53ddb0;box-shadow:0 0 0 5px rgba(83,221,176,.13)}
      .command-hero h1{margin:14px 0 7px;font-size:34px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
      .command-hero-copy>p{max-width:760px;margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.9}
      .command-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}
      .command-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;font:inherit;font-size:11px;font-weight:900;cursor:pointer;backdrop-filter:blur(8px)}
      .command-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.15)}
      .command-action.is-primary{border-color:#fff;background:#fff;color:#074264;box-shadow:0 12px 26px rgba(0,0,0,.13)}
      .command-action .icon{width:17px;height:17px}
      .command-hero-console{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
      .command-console-card{min-height:86px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.075);backdrop-filter:blur(10px)}
      .command-console-card.is-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;min-height:76px}
      .command-console-card small,.command-console-card strong,.command-console-card em{display:block}
      .command-console-card small{color:rgba(255,255,255,.58);font-size:9px;font-weight:700}
      .command-console-card strong{margin-top:6px;color:#fff;font-size:18px;line-height:1.2}
      .command-console-card em{margin-top:4px;color:rgba(255,255,255,.58);font-size:8px;font-style:normal;line-height:1.5}
      .command-console-card.is-wide strong{margin:0;font-size:12px;line-height:1.6}
      .command-console-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:rgba(83,221,176,.13);color:#bdf8e5;font-size:9px;font-weight:900;white-space:nowrap}
      .command-trust-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.08)}
      .command-trust-strip>div{padding:11px 16px;border-left:1px solid rgba(255,255,255,.1)}
      .command-trust-strip>div:last-child{border-left:0}
      .command-trust-strip small,.command-trust-strip strong{display:block}
      .command-trust-strip small{color:rgba(255,255,255,.52);font-size:8px}
      .command-trust-strip strong{margin-top:3px;color:#fff;font-size:10px;line-height:1.5}
      #executiveDashboardRangeSlot .section-range-toolbar{margin:0!important;border-radius:19px!important;box-shadow:0 10px 32px rgba(0,43,80,.07)!important}
      .command-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
      .command-section-heading h2{margin:0;color:#0b3453;font-size:19px}
      .command-section-heading p{margin:4px 0 0;color:#7a8b99;font-size:10px;line-height:1.6}
      .command-section-heading>span{display:inline-flex;padding:5px 9px;border:1px solid #dfe8ee;border-radius:999px;background:#fff;color:#657b8d;font-size:9px;font-weight:800;white-space:nowrap}
      .command-pulse-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
      .command-pulse-card{position:relative;overflow:hidden;min-height:142px;padding:16px;border:1px solid #dde7ee;border-radius:19px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 10px 30px rgba(0,43,80,.055);cursor:pointer;text-align:right}
      .command-pulse-card:after{content:'';position:absolute;right:-35px;bottom:-46px;width:105px;height:105px;border-radius:50%;background:var(--pulse-soft,#edf6fa)}
      .command-pulse-card:hover{transform:translateY(-3px);border-color:#bdd3df;box-shadow:0 15px 38px rgba(0,43,80,.1)}
      .command-pulse-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:9px}
      .command-pulse-icon{display:flex;width:37px;height:37px;align-items:center;justify-content:center;border-radius:12px;background:var(--pulse-soft,#edf6fa);color:var(--pulse-accent,#0b607a)}
      .command-pulse-icon .icon{width:19px;height:19px}
      .command-pulse-top small{color:#82919d;font-size:8px;font-weight:800}
      .command-pulse-card>small,.command-pulse-card>strong,.command-pulse-card>em{position:relative;z-index:1;display:block}
      .command-pulse-card>small{margin-top:13px;color:#657b8d;font-size:10px;font-weight:800}
      .command-pulse-card>strong{margin-top:5px;color:#0d3452;font-size:19px;line-height:1.25;direction:ltr;text-align:right}
      .command-pulse-card>em{margin-top:4px;color:#8c9aa5;font-size:8px;font-style:normal;line-height:1.5}
      .command-operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
      .command-operation-card{position:relative;overflow:hidden;border:1px solid #dde7ee;border-radius:21px;background:#fff;box-shadow:0 11px 32px rgba(0,43,80,.055)}
      .command-operation-card:before{content:'';position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--operation-accent,#0b607a)}
      .command-operation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 19px 15px}
      .command-operation-title span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:var(--operation-soft,#edf6fa);color:var(--operation-accent,#0b607a)}
      .command-operation-title .icon{width:19px;height:19px}
      .command-operation-title small,.command-operation-title strong{display:block}
      .command-operation-title small{margin-top:10px;color:#7c8e9c;font-size:9px;font-weight:800}
      .command-operation-title strong{margin-top:3px;color:#123b59;font-size:15px}
      .command-operation-total{text-align:left;direction:ltr}
      .command-operation-total strong,.command-operation-total small{display:block}
      .command-operation-total strong{color:var(--operation-accent,#0b607a);font-size:21px}
      .command-operation-total small{margin-top:3px;color:#8b9aa6;font-size:8px}
      .command-operation-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf2f5;background:#fbfdfe}
      .command-operation-split>div{padding:12px 17px}
      .command-operation-split>div+div{border-right:1px solid #edf2f5}
      .command-operation-split small,.command-operation-split strong{display:block}
      .command-operation-split small{color:#788b9a;font-size:8px}
      .command-operation-split strong{margin-top:4px;color:#173d5a;font-size:13px;direction:ltr;text-align:right}
      .command-delivery-stack{display:grid;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #edf1f4}
      .command-delivery-stack span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718594;font-size:8px;direction:rtl}
      .command-delivery-stack b{color:#173d5a;font-size:9px;direction:ltr;white-space:nowrap}
      .command-delivery-stack .is-warning b{color:#a87316}
      .command-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr);gap:15px}
      .command-panel{overflow:hidden;border:1px solid #dde7ee;border-radius:21px;background:#fff;box-shadow:0 11px 34px rgba(0,43,80,.055)}
      .command-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #edf2f5;background:linear-gradient(180deg,#fff,#fcfdfe)}
      .command-panel-head h3{margin:0;color:#0d3452;font-size:15px}
      .command-panel-head small{display:block;margin-top:3px;color:#82919d;font-size:9px}
      .command-panel-head button{border:0;background:transparent;color:#0b6683;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
      .command-panel-body{padding:17px}
      .command-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
      .command-review-card{position:relative;min-height:117px;padding:13px;border:1px solid #e4eaef;border-radius:15px;background:#fbfdfe;cursor:pointer;text-align:right}
      .command-review-card:hover{border-color:#c5d7e1;background:#fff}
      .command-review-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:#fff2e0;color:#9c680e}
      .command-review-card.is-danger .command-review-icon{background:#fff0f1;color:#af4149}
      .command-review-card.is-info .command-review-icon{background:#edf6fa;color:#0b607a}
      .command-review-icon .icon{width:17px;height:17px}
      .command-review-card small,.command-review-card strong,.command-review-card em{display:block}
      .command-review-card small{margin-top:10px;color:#748797;font-size:8px}
      .command-review-card strong{margin-top:3px;color:#173d5a;font-size:16px}
      .command-review-card em{margin-top:3px;color:#94a0aa;font-size:7px;font-style:normal;line-height:1.5}
      .command-health-list{display:grid;gap:13px}
      .command-health-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
      .command-health-head span{color:#526b7d;font-size:9px;font-weight:800}
      .command-health-head strong{color:#153b58;font-size:11px}
      .command-health-track{height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#edf2f5}
      .command-health-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d6680,#19a67f)}
      .command-health-item.is-warning .command-health-track i{background:linear-gradient(90deg,#c98a21,#efbd59)}
      .command-health-item.is-danger .command-health-track i{background:linear-gradient(90deg,#b74b54,#ef8388)}
      .command-health-item>small{display:block;margin-top:5px;color:#92a0aa;font-size:7px;line-height:1.5}
      .command-bank-list,.command-activity-list{display:grid;gap:7px}
      .command-bank-row{display:grid;grid-template-columns:46px minmax(125px,.8fr) minmax(90px,1fr) auto;gap:10px;align-items:center;width:100%;padding:9px;border:0;border-radius:13px;background:transparent;color:inherit;text-align:right;cursor:pointer}
      .command-bank-row:hover,.command-activity-row:hover{background:#f5f9fb}
      .command-bank-code{display:flex;width:44px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#edf5f8;color:#0b607a;font-size:9px;font-weight:900;direction:ltr}
      .command-bank-copy,.command-activity-copy{min-width:0}
      .command-bank-copy strong,.command-bank-copy small,.command-activity-copy strong,.command-activity-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
      .command-bank-copy strong,.command-activity-copy strong{color:#173d5a;font-size:9px}
      .command-bank-copy small,.command-activity-copy small{margin-top:2px;color:#91a0aa;font-size:7px}
      .command-bank-track{height:7px;overflow:hidden;border-radius:999px;background:#edf2f5}
      .command-bank-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0c607c,#18a27d)}
      .command-bank-row>b{color:#173d5a;font-size:9px;white-space:nowrap;direction:ltr}
      .command-activity-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:8px;border:0;border-radius:13px;background:transparent;color:inherit;text-align:right;cursor:pointer}
      .command-activity-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:#eaf8f3;color:#0f8a6b}
      .command-activity-icon.is-out{background:#fff0f1;color:#b04750}
      .command-activity-icon .icon{width:16px;height:16px}
      .command-activity-row>b{font-size:9px;white-space:nowrap;direction:ltr}
      .command-activity-row>b.is-in{color:#0f8a6b}
      .command-activity-row>b.is-out{color:#b04750}
      .command-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
      .command-control-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-height:84px;padding:12px;border:1px solid #dfe8ee;border-radius:16px;background:#fff;color:inherit;text-align:right;box-shadow:0 7px 22px rgba(0,43,80,.04);cursor:pointer}
      .command-control-card:hover{transform:translateY(-2px);border-color:#bcd3df;box-shadow:0 12px 30px rgba(0,43,80,.09)}
      .command-control-card>span:first-child{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#edf5f8;color:#0b607a}
      .command-control-card .icon{width:20px;height:20px}
      .command-control-card strong,.command-control-card small{display:block}
      .command-control-card strong{color:#153b58;font-size:10px}
      .command-control-card small{margin-top:3px;color:#8a99a5;font-size:7px;line-height:1.5}
      .command-control-count{position:absolute;top:9px;left:9px;display:inline-flex;min-width:24px;height:20px;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#f1f5f8;color:#607789;font-size:7px;font-weight:900}
      .command-integrity-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:15px 17px;border:1px solid #dce7ed;border-radius:18px;background:linear-gradient(135deg,#f7fbfd,#fff)}
      .command-integrity-note>span{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:#eaf8f3;color:#0f8a6b}
      .command-integrity-note .icon{width:20px;height:20px}
      .command-integrity-note strong,.command-integrity-note small{display:block}
      .command-integrity-note strong{color:#143a57;font-size:10px}
      .command-integrity-note small{margin-top:4px;color:#708595;font-size:8px;line-height:1.7}
      .command-empty-state{display:flex;min-height:150px;align-items:center;justify-content:center;color:#8999a5;font-size:10px;text-align:center}
      @media(max-width:1260px){.command-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.command-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
      @media(max-width:1000px){.command-hero-main,.command-dashboard-grid{grid-template-columns:1fr}.command-operations-grid{grid-template-columns:1fr 1fr}.command-operation-card.is-delivery{grid-column:1/-1}.command-trust-strip{grid-template-columns:1fr 1fr}.command-trust-strip>div:nth-child(2){border-left:0}.command-trust-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.command-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
      @media(max-width:720px){.command-hero-main{padding:21px 18px}.command-hero h1{font-size:27px}.command-hero-console{grid-template-columns:1fr 1fr}.command-pulse-grid{grid-template-columns:1fr 1fr}.command-operations-grid{grid-template-columns:1fr}.command-operation-card.is-delivery{grid-column:auto}.command-review-grid{grid-template-columns:1fr 1fr}.command-control-grid{grid-template-columns:1fr 1fr}.command-bank-row{grid-template-columns:46px minmax(0,1fr) auto}.command-bank-track{grid-column:2/4}.command-section-heading{align-items:flex-start;flex-direction:column}.command-section-heading>span{white-space:normal}.command-hero-actions{display:grid;grid-template-columns:1fr 1fr}.command-action{width:100%}}
      @media(max-width:500px){.command-hero-console,.command-pulse-grid,.command-review-grid,.command-control-grid{grid-template-columns:1fr}.command-console-card.is-wide{grid-column:auto;grid-template-columns:1fr}.command-trust-strip{grid-template-columns:1fr}.command-trust-strip>div{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.1)}.command-trust-strip>div:last-child{border-bottom:0}.command-hero-actions{grid-template-columns:1fr}.command-operation-head{flex-direction:column}.command-operation-total{text-align:right}.command-bank-row{grid-template-columns:42px minmax(0,1fr)}.command-bank-row>b{grid-column:2}.command-bank-track{grid-column:2}.command-activity-row{grid-template-columns:34px minmax(0,1fr)}.command-activity-row>b{grid-column:2}.command-hero h1{font-size:24px}}

/* Moved from ensureUiEnhancementStyles in app.js for v156 */
.section-range-toolbar{margin:0 0 18px;padding:16px;border:1px solid #dce7f1;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,43,80,.05)}
      .section-range-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
      .section-range-head strong{color:#002b50}
      .section-range-head small{color:#6a7e95}
      .section-range-fields{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr)) auto;gap:10px;align-items:end}
      .section-range-field{display:grid;gap:6px;color:#6a7e95;font-size:12px;font-weight:700}
      .section-range-field input{min-height:42px;padding:8px 10px;border:1px solid #d6e0ea;border-radius:10px;background:#fff;color:#002b50}
      .section-range-apply{min-height:42px;white-space:nowrap}
      .period-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
      .period-preset-btn{border:1px solid #d6e0ea;background:#fff;color:#0b3768;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}
      .period-preset-btn:hover{background:#f3f8fd}
      .period-preset-btn:disabled,.section-range-apply:disabled{opacity:.55;cursor:not-allowed}
      .period-toolbar-note{margin-top:8px;font-size:12px;color:#6a7e95}
      .metric-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:10px;font-size:15px;background:#eef5fb;margin-inline-start:auto;margin-inline-end:auto}
      .metric-badge.total{background:#eef5fb}.metric-badge.cash{background:#eefaf2}.metric-badge.cards{background:#eff4ff}.metric-badge.delivery{background:#fff4eb}.metric-badge.review{background:#fff0f0}
      .stat.stat-with-icon small,.summary-card small{display:block}.stat.stat-with-icon{position:relative}
      .branch-period-note{margin-top:10px;font-size:12px;color:#6a7e95}
      .period-mini-chip{display:inline-block;border-radius:999px;padding:3px 10px;background:#edf4fb;color:#0b3768;font-size:12px;font-weight:700}
      .branch-card-issues{margin-top:8px;font-size:13px}
      .detail-page-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e3ebf3}
      .detail-page-nav-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
      .detail-page-nav-title{color:#002b50;font-weight:900;font-size:18px}
      .detail-page-nav button{display:inline-flex;align-items:center;gap:7px}
      .detail-page-panel{margin-top:0!important}
      .detail-page-panel>.section-range-toolbar{margin-top:0}
      .list-page-hidden{display:none!important}
      @media(max-width:760px){.section-range-fields{grid-template-columns:1fr 1fr}.section-range-apply{grid-column:1/-1}.detail-page-nav{align-items:stretch}.detail-page-nav-main{width:100%}.detail-page-nav button{flex:1;justify-content:center}}

/* ======================================================================
   E-MY CORE V156 — CONSOLIDATED APPLICATION SHELL
   One topbar, one drawer, one page-header system, and one dashboard layer.
   ====================================================================== */
:root{
  --osos-navy-950:#031f36;--osos-navy-900:#052d4d;--osos-navy-800:#073f61;
  --osos-teal-700:#0b7d79;--osos-teal-600:#0d9386;--osos-gold-600:#c79029;
  --osos-red-600:#c84e59;--osos-indigo-600:#5d67a8;--osos-surface:#fff;
  --osos-surface-soft:#f7fafc;--osos-surface-muted:#eef4f7;--osos-border:#dce6ed;
  --osos-border-strong:#c8d6e0;--osos-text:#12344f;--osos-text-soft:#6d8192;
  --osos-shadow-sm:0 6px 20px rgba(5,47,78,.055);--osos-shadow-md:0 14px 38px rgba(5,47,78,.085);
  --osos-shadow-lg:0 24px 58px rgba(5,47,78,.14);--osos-radius-sm:11px;
  --osos-radius-md:16px;--osos-radius-lg:22px;--osos-transition:180ms ease;
  --section-accent:#0a486c;--section-accent-rgb:10,72,108;--emy-appbar-height:88px;
}
html{min-height:100%;background:#edf3f6}
body{min-height:100%;overflow-x:hidden;color:var(--osos-text);background:radial-gradient(circle at 92% -12%,rgba(13,147,134,.10),transparent 31rem),radial-gradient(circle at 5% 8%,rgba(7,52,82,.08),transparent 28rem),linear-gradient(180deg,#f8fbfc 0%,#f1f6f8 100%)}
body .app{min-height:100vh}
body .page-shell{width:min(100%,1580px);max-width:1580px;margin-inline:auto;padding:26px clamp(16px,3vw,46px) 72px}

/* Topbar: E-My at far left; administrator and menu at far right. */
.topbar.emycore-appbar{position:sticky;top:0;z-index:1000;height:auto;min-height:var(--emy-appbar-height);padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(110deg,#031f36 0%,#053858 55%,#075f6e 100%);color:#fff;box-shadow:0 12px 34px rgba(0,31,54,.20);overflow:visible}
.emycore-appbar-inner{display:grid;grid-template-columns:auto minmax(20px,1fr) auto auto;gap:16px;align-items:center;width:min(100%,1660px);min-height:var(--emy-appbar-height);margin:auto;padding:10px 24px;direction:ltr}
.emycore-brand-lockup{grid-column:1;display:flex;align-items:center;justify-self:start;padding:0;border:0;background:transparent;cursor:pointer}
.emycore-brand-wordmark{display:block;width:78px;height:74px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28))}
.emycore-appbar-spacer{grid-column:2}
.emycore-current-route{grid-column:3;display:flex;min-width:0;align-items:center;gap:9px;direction:rtl}
.emycore-current-route-icon{display:flex;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:12px;background:rgba(83,221,176,.13);color:#bff7e6}
.emycore-current-route-icon .icon{width:18px;height:18px}
.emycore-current-route>span:last-child{display:flex;min-width:0;flex-direction:column;text-align:right}
.emycore-current-route small{overflow:hidden;color:rgba(255,255,255,.56);font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.emycore-current-route strong{margin-top:2px;overflow:hidden;color:#fff;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.emycore-appbar-actions{grid-column:4;display:flex;align-items:center;justify-self:end;gap:9px;direction:rtl}
.emycore-menu-button{display:flex;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.08);cursor:pointer}
.emycore-menu-button span{display:block;width:19px;height:2px;border-radius:9px;background:#fff}
.emycore-profile-wrap{position:relative;display:flex;align-items:center}
.emycore-profile-button{display:flex;min-height:46px;align-items:center;gap:9px;padding:5px 12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font:inherit;cursor:pointer;direction:rtl}
.emycore-profile-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#fff;color:#073b60;font-size:12px;font-weight:900}
.emycore-profile-copy{display:flex;min-width:0;flex-direction:column;text-align:right}
.emycore-profile-copy small{color:rgba(255,255,255,.56);font-size:7px}.emycore-profile-copy strong{margin-top:1px;color:#fff;font-size:10px}.emycore-profile-button>.icon{width:14px;height:14px}
.emycore-menu-panel{position:absolute;top:calc(100% + 11px);right:0;z-index:1400;width:260px;overflow:hidden;border:1px solid #d7e4eb;border-radius:17px;background:#fff;color:#153b58;box-shadow:0 24px 65px rgba(3,35,59,.25);direction:rtl}
.emycore-menu-panel[hidden]{display:none!important}
.emycore-profile-summary{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #e8eef2;background:linear-gradient(180deg,#fff,#f7fafc)}
.emycore-profile-summary>span{display:grid;width:37px;height:37px;place-items:center;border-radius:12px;background:#eaf5f8;color:#0b607a;font-weight:900}
.emycore-profile-summary strong,.emycore-profile-summary small{display:block}.emycore-profile-summary strong{font-size:11px}.emycore-profile-summary small{margin-top:2px;color:#7f909d;font-size:8px}
.emycore-menu-panel>button{display:flex;width:100%;align-items:center;gap:9px;padding:11px 14px;border:0;border-bottom:1px solid #edf2f5;background:#fff;color:#173d5a;font:inherit;font-size:10px;font-weight:800;text-align:right;cursor:pointer}
.emycore-menu-panel>button:hover{background:#f2f8fa}.emycore-menu-panel>button.is-logout{color:#b04750}.emycore-menu-panel>button .icon{width:17px;height:17px}

/* True off-canvas drawer: it never consumes page width. */
.drawer{position:fixed!important;inset:0!important;z-index:1300!important;visibility:hidden!important;pointer-events:none!important;background:transparent!important;box-shadow:none!important}
.drawer.open{visibility:visible!important;pointer-events:auto!important}
.drawer-overlay{position:absolute;inset:0;background:rgba(3,30,50,.58);opacity:0;backdrop-filter:blur(3px);transition:opacity .2s ease}
.drawer.open .drawer-overlay{opacity:1}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(342px,88vw);padding:19px 17px 28px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #d9e4ea;background:linear-gradient(180deg,#fff,#f5f9fb);box-shadow:-22px 0 55px rgba(3,36,61,.22);transform:translateX(105%);transition:transform .24s ease}
.drawer.open .drawer-panel{transform:translateX(0)}
.drawer-panel>#closeDrawer{display:grid;width:39px;height:39px;place-items:center;margin-right:auto;border:1px solid #dbe6ec;background:#fff;color:#0b607a}
.drawer-brand{display:grid;place-items:center;gap:8px;margin:14px 4px 18px;padding:18px 16px;border:1px solid #dce7ed;border-radius:17px;background:linear-gradient(135deg,#062f51,#0b6873);color:#fff;text-align:center}
.drawer-brand img{display:block;width:122px;height:143px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25))}.drawer-brand small{color:rgba(255,255,255,.65);font-size:8px}
.drawer-menu{display:flex;flex-direction:column;gap:3px;margin:0;padding:0 0 22px}
.drawer-menu button{display:flex;align-items:center;gap:12px;min-height:48px;padding:11px;border:0;border-bottom:1px solid #edf2f5;border-radius:11px;background:transparent;color:#123c5a;font:inherit;font-size:12px;font-weight:800;text-align:right;cursor:pointer}
.drawer-menu button:hover,.drawer-menu button.active{background:#eaf4f7;color:#075f7d;transform:none}.drawer-menu button.active{box-shadow:inset -3px 0 0 #0b817e}
.drawer-menu button .icon{width:21px;height:21px}

/* Main views and internal page mastheads. */
.subview{min-width:0;--section-accent:#0a486c;--section-accent-rgb:10,72,108}.subview.active{animation:emyRouteEnter .24s ease both}@keyframes emyRouteEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#view-accounts{--section-accent:#16728f;--section-accent-rgb:22,114,143}#view-transactions{--section-accent:#0d8c70;--section-accent-rgb:13,140,112}#view-qiwa{--section-accent:#6857a8;--section-accent-rgb:104,87,168}#view-suppliers{--section-accent:#a8781c;--section-accent-rgb:168,120,28}#view-branches{--section-accent:#5b68a7;--section-accent-rgb:91,104,167}#view-delivery{--section-accent:#0b817e;--section-accent-rgb:11,129,126}#view-nuleep{--section-accent:#0d7b91;--section-accent-rgb:13,123,145}#view-reports{--section-accent:#52619b;--section-accent-rgb:82,97,155}#view-audit{--section-accent:#b34a54;--section-accent-rgb:179,74,84}#view-admin{--section-accent:#294f72;--section-accent-rgb:41,79,114}
.subview:not(#view-dashboard)>.subview-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:112px;margin:0 0 18px;padding:23px clamp(18px,2.5vw,30px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.12),transparent 16rem),linear-gradient(126deg,#031f36,#073f61 68%,var(--section-accent));box-shadow:var(--osos-shadow-lg);color:#fff}
.subview:not(#view-dashboard)>.subview-header::after{content:'';position:absolute;width:220px;height:220px;inset-inline-end:-92px;bottom:-142px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.035),0 0 0 60px rgba(255,255,255,.025);pointer-events:none}
.subview:not(#view-dashboard)>.subview-header>*{position:relative;z-index:1}.subview:not(#view-dashboard)>.subview-header .subview-title{margin:0;color:#fff!important;font-size:clamp(22px,2.4vw,31px);line-height:1.3;font-weight:900}.subview-description{max-width:760px;margin:7px 0 0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.75}
.subview:not(#view-dashboard)>.subview-header .back-btn{min-height:43px;padding:9px 15px;border:1px solid rgba(255,255,255,.21);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;box-shadow:none;backdrop-filter:blur(9px)}
.subview-title::before{content:none!important}
.emycore-title-with-icon{display:flex;align-items:center;gap:9px}.emycore-title-icon{display:inline-flex;width:32px;height:32px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:10px;background:rgba(24,163,166,.10);color:#087287}.subview-header .emycore-title-icon{background:rgba(255,255,255,.12);color:#d8fbf5}.emycore-title-icon .icon{width:16px;height:16px}

/* Shared cards, tables, controls. */
.panel,.account-card,.audit-card,.summary-card,.section-range-toolbar{border-color:var(--osos-border);background:rgba(255,255,255,.97);box-shadow:var(--osos-shadow-sm)}
.panel{min-width:0;border-radius:20px}.summary-card{min-width:0;border-radius:16px}.table-wrap,.emycore-scroll-region{width:100%;max-width:100%;min-width:0;overflow:auto;border:1px solid #e6edf2;border-radius:14px;background:#fff;scrollbar-width:thin;scrollbar-color:#b8c9d5 transparent}.data-table{margin:0;background:#fff;border-collapse:separate;border-spacing:0}.data-table thead th{position:sticky;top:0;z-index:2;padding:11px 10px;border-bottom:1px solid #dce6ed;background:linear-gradient(180deg,#f7fafc,#eef4f7);color:#37566d;font-size:10px;font-weight:900;white-space:nowrap}.data-table tbody td{padding:11px 10px;border-bottom-color:#edf2f5;color:#4b6478;line-height:1.65}.data-table tbody tr:nth-child(even) td{background:#fbfdfe}.data-table tbody tr:hover td{background:rgba(var(--section-accent-rgb),.055)}
.emycore-duplicate-guidance{display:none!important}.period-toolbar-note{display:none!important}

/* Date toolbar: native, editable and explicitly Gregorian. */
.section-range-toolbar{position:relative;overflow:visible!important;padding:13px 15px!important;border-radius:18px!important}.section-range-command{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(400px,1.25fr) minmax(390px,1.15fr);gap:12px;align-items:end}.section-range-summary{display:flex;align-items:center;gap:10px;min-height:49px;padding:8px 11px;border:1px solid #e0e9ee;border-radius:13px;background:#f8fbfc}.section-range-summary-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#eaf5f8;color:#0b607a}.section-range-summary-copy{display:flex;min-width:0;flex-direction:column}.section-range-summary-copy small{color:#81919e;font-size:7px}.section-range-summary-copy strong{margin-top:2px;overflow:hidden;color:#173d5a;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.section-range-fields{display:grid!important;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) auto!important;gap:8px!important;align-items:end}.section-range-field{display:grid;gap:5px;color:#6f8293;font-size:8px;font-weight:850}.emycore-date-control{display:flex;min-height:42px;align-items:center;gap:7px;padding:0 8px;border:1px solid #d8e4eb;border-radius:11px;background:#fff}.emycore-date-control>strong{display:none!important}.emycore-date-icon{display:flex;color:#6f8b9c;pointer-events:none}.emycore-date-icon .icon{width:15px;height:15px}.emycore-date-native{position:static!important;width:100%!important;height:40px!important;margin:0!important;padding:7px 2px!important;opacity:1!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#153b58!important;font:inherit!important;font-size:10px!important;direction:ltr!important;color-scheme:light;cursor:pointer}.period-presets{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0!important}.period-preset-btn{min-height:36px;padding:7px 10px;border:1px solid #d5e1e8;border-radius:10px;background:#fff;color:#31586f;font-size:8px;font-weight:900;white-space:nowrap}.period-preset-btn:hover,.period-preset-btn.is-active{border-color:#9bbdcb;background:#edf6fa;color:#0b607a}.section-range-apply{min-height:42px;padding:8px 13px;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#0b607a,#0d8b83)!important;color:#fff!important;font-weight:900!important;white-space:nowrap}

/* Dashboard arrangement: range, then financial pulse + actual expense distribution. */
#executiveDashboard.command-dashboard{display:grid;gap:18px}.command-hero{margin:0}.command-hero-main{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.command-hero h1{white-space:normal}.command-trust-strip{display:none!important}
.emycore-dashboard-pulse-zone{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(340px,.58fr);gap:15px;align-items:stretch;margin-top:0}.emycore-priority-pulse{min-width:0;padding:17px;border:1px solid #dde7ee;border-radius:21px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 11px 34px rgba(0,43,80,.055)}.emycore-priority-pulse .command-section-heading{margin-bottom:13px}.emycore-priority-pulse .command-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#emyCoreDashboardExpensePanel{height:100%;min-width:0}#emyCoreDashboardExpensePanel .command-panel-body{display:flex;min-height:250px;align-items:center}#emyCoreDashboardExpensePanel .executive-donut-layout{width:100%;grid-template-columns:148px minmax(0,1fr);gap:16px}#emyCoreDashboardExpensePanel .executive-donut{width:145px;height:145px}.emycore-dashboard-live-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr);gap:15px}.emycore-dashboard-live-grid .command-panel-body{min-height:250px;max-height:340px;overflow:auto}.command-dashboard-grid.is-single-panel{grid-template-columns:1fr!important}

@media(max-width:1260px){.section-range-command{grid-template-columns:minmax(220px,.7fr) minmax(340px,1fr)}.section-range-fields{grid-column:1/-1}.emycore-dashboard-pulse-zone{grid-template-columns:1fr}.emycore-priority-pulse .command-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){body{--emy-appbar-height:74px}.emycore-appbar-inner{grid-template-columns:auto minmax(0,1fr) auto;min-height:74px;padding:6px 12px}.emycore-brand-wordmark{width:62px;height:58px}.emycore-appbar-spacer{grid-column:2}.emycore-current-route{display:none}.emycore-appbar-actions{grid-column:3}.emycore-profile-copy,.emycore-profile-button>.icon{display:none}.emycore-profile-button{width:42px;padding:4px}.section-range-command{grid-template-columns:1fr}.section-range-summary{order:1}.section-range-fields{order:2;grid-column:auto}.period-presets{order:3}.emycore-dashboard-live-grid{grid-template-columns:1fr}.subview:not(#view-dashboard)>.subview-header{min-height:100px}}
@media(max-width:640px){body{padding-bottom:76px}.page-shell{padding:15px 10px 28px!important}.emycore-brand-wordmark{width:56px;height:52px}.emycore-menu-button,.emycore-profile-button{width:40px;height:40px}.subview:not(#view-dashboard)>.subview-header{align-items:stretch;flex-direction:column;min-height:0;padding:18px;border-radius:17px}.subview:not(#view-dashboard)>.subview-header .back-btn{justify-content:center}.section-range-toolbar{padding:10px!important}.section-range-fields{grid-template-columns:1fr 1fr!important}.section-range-apply{grid-column:1/-1!important;width:100%}.period-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.command-hero-main{grid-template-columns:1fr!important;padding:17px!important}.command-hero h1{font-size:24px!important}.command-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.command-action{width:100%!important}.emycore-priority-pulse{padding:13px;border-radius:17px}.emycore-priority-pulse .command-pulse-grid{grid-template-columns:1fr 1fr!important}#emyCoreDashboardExpensePanel .executive-donut-layout{grid-template-columns:1fr}.emycore-responsive-cards{min-width:0!important}.emycore-responsive-cards thead{display:none}.emycore-responsive-cards,.emycore-responsive-cards tbody,.emycore-responsive-cards tr,.emycore-responsive-cards td{display:block;width:100%}.emycore-responsive-cards tbody{display:grid;gap:10px}.emycore-responsive-cards tr{overflow:hidden;border:1px solid #dfe8ee;border-radius:14px;background:#fff}.emycore-responsive-cards td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 11px!important;border:0!important;border-bottom:1px solid #edf2f5!important;white-space:normal!important}.emycore-responsive-cards td::before{content:attr(data-emy-label);flex:0 0 43%;color:#718596;font-size:8px;font-weight:850;text-align:right}}
@media(max-width:430px){.emycore-menu-panel{position:fixed;top:74px;right:10px;left:10px;width:auto}.period-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.emycore-priority-pulse .command-pulse-grid{grid-template-columns:1fr!important}}

/* v156 mobile density refinement */
@media(max-width:430px){
  .command-hero-console{grid-template-columns:1fr 1fr!important}
  .command-console-card.is-wide{grid-column:1/-1!important;grid-template-columns:1fr auto!important}
  .emycore-priority-pulse .command-pulse-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:360px){
  .command-hero-console,.emycore-priority-pulse .command-pulse-grid{grid-template-columns:1fr!important}
  .command-console-card.is-wide{grid-column:auto!important;grid-template-columns:1fr!important}
}

/* ======================================================================
   E-MY CORE V161 — MOBILE SAFETY FIX
   Mobile-only containment for the official logo, app bar, date toolbar,
   dashboard width, and off-canvas navigation. Desktop rules are untouched.
   ====================================================================== */
@media screen and (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body .app,
  body .page-shell,
  body .subview,
  body #executiveDashboard,
  body #executiveDashboard.command-dashboard,
  body .command-hero,
  body .command-hero-main,
  body .section-range-toolbar,
  body .section-range-command,
  body .emycore-dashboard-pulse-zone,
  body .emycore-dashboard-live-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep the official logo inside a fixed mobile app-bar box. */
  body .topbar.emycore-appbar {
    display: block !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body .emycore-appbar-inner {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    direction: ltr !important;
  }

  body .emycore-brand-lockup {
    grid-column: 1 !important;
    display: block !important;
    position: relative !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent url("../img/e-my.svg") no-repeat left center / contain !important;
    contain: layout paint !important;
  }

  body .emycore-brand-wordmark {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body .emycore-appbar-spacer {
    grid-column: 2 !important;
    display: block !important;
    min-width: 0 !important;
  }

  body .emycore-current-route {
    display: none !important;
  }

  body .emycore-appbar-actions {
    grid-column: 3 !important;
    display: flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    direction: rtl !important;
  }

  body .emycore-menu-button,
  body .emycore-profile-button {
    position: static !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 4px !important;
    transform: none !important;
  }

  body .emycore-profile-copy,
  body .emycore-profile-button > .icon {
    display: none !important;
  }

  body .emycore-profile-avatar {
    width: 31px !important;
    height: 31px !important;
  }

  body .emycore-profile-wrap {
    position: relative !important;
  }

  body .emycore-menu-panel {
    position: fixed !important;
    top: 70px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
  }

  body .page-shell {
    margin: 0 !important;
    padding: 12px 10px calc(88px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  /* Dashboard hero and cards must never create horizontal overflow. */
  body .command-hero-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  body .command-hero-copy,
  body .command-hero-console,
  body .command-console-card,
  body .command-pulse-grid,
  body .command-pulse-card,
  body .command-panel,
  body .command-panel-body,
  body .executive-donut-layout {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .command-hero h1 {
    font-size: 23px !important;
    white-space: normal !important;
  }

  body .command-hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body .command-action {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
  }

  body .command-hero-console {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body .command-console-card.is-wide {
    grid-column: 1 / -1 !important;
  }

  /* Gregorian date toolbar: one clean mobile column, no duplicate display. */
  body .section-range-toolbar {
    margin: 0 0 14px !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  body .section-range-command {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body .section-range-summary,
  body .section-range-fields,
  body .period-presets {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .section-range-summary {
    order: 1 !important;
  }

  body .period-presets {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  body .section-range-fields {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body .section-range-field,
  body .emycore-date-control,
  body .emycore-date-native {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .emycore-date-control > strong {
    display: none !important;
  }

  body .emycore-date-native {
    display: block !important;
    position: static !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 7px 2px !important;
    opacity: 1 !important;
    border: 0 !important;
    background: transparent !important;
    color: #153b58 !important;
    box-shadow: none !important;
    direction: ltr !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body .section-range-apply {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body .emycore-dashboard-pulse-zone,
  body .emycore-dashboard-live-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .emycore-priority-pulse .command-pulse-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body #emyCoreDashboardExpensePanel .executive-donut-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* The drawer must sit above every logo/header layer and remain clickable. */
  body .drawer {
    z-index: 5000 !important;
  }

  body .drawer-panel {
    width: min(342px, 88vw) !important;
    max-width: 88vw !important;
  }

  body .drawer-brand img {
    display: block !important;
    width: 92px !important;
    max-width: 92px !important;
    height: 108px !important;
    max-height: 108px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body .dashboard-boot-brand img {
    display: block !important;
    width: 70px !important;
    max-width: 70px !important;
    height: 82px !important;
    max-height: 82px !important;
    object-fit: contain !important;
  }

  body .mobile-nav {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 4000 !important;
  }
}

@media screen and (max-width: 380px) {
  body .period-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .emycore-priority-pulse .command-pulse-grid,
  body .command-hero-console {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ======================================================================
   E-MY CORE V217 — CORE SHELL SAFETY GUARD
   Purpose: prevent inactive pages (especially Admin/User Management)
   from bleeding into other routes after recovery to app.js v163.
   This does not change app.js, database, suppliers, branches, or reports.
   ====================================================================== */
body .page-shell > section.subview:not(.active),
body .page-shell > .subview:not(.active),
body main.page-shell > section.subview:not(.active),
body main.page-shell > .subview:not(.active) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .page-shell > section.subview.active,
body .page-shell > .subview.active,
body main.page-shell > section.subview.active,
body main.page-shell > .subview.active {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
}

/* Admin is allowed to appear only when its own route is active. */
body #view-admin:not(.active),
body #view-admin:not(.active) *,
body #view-admin:not(.active) .emy-users-ui,
body #view-admin:not(.active) #adminSystemRoot {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body #view-admin.active,
body #view-ososp.active {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Keep the Osos Planning workspace mounted in its own route only. */
body #view-ososp:not(.active),
body #view-ososp:not(.active) * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Prevent hidden route widgets from occupying layout or receiving clicks. */
body .subview:not(.active) [id$="Root"],
body .subview:not(.active) [class*="workspace"],
body .subview:not(.active) [class*="admin"],
body .subview:not(.active) [class*="users"] {
  display: none !important;
  pointer-events: none !important;
}

@media print {
  body .page-shell > section.subview:not(.active),
  body .page-shell > .subview:not(.active) {
    display: none !important;
  }
}

/* ======================================================================
   E-MY CORE V218 — HARD ROUTE ISOLATION GUARD
   Keeps Admin/User Management invisible outside the admin route and prevents
   inactive subviews from occupying layout even if another script leaves
   multiple .active classes behind.
   ====================================================================== */
body .page-shell > .subview.emy-route-guard-hidden,
body main.page-shell > .subview.emy-route-guard-hidden,
body #view-admin.emy-route-guard-hidden,
body:not([data-emy-route="admin"]) #view-admin,
body:not([data-emy-route="admin"]) #view-admin *,
body:not([data-emy-route="admin"]) #adminSystemRoot,
body:not([data-emy-route="admin"]) #emyUsersManagementPreview {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .page-shell > .subview.emy-route-guard-active,
body main.page-shell > .subview.emy-route-guard-active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body[data-emy-route="admin"] #view-admin,
body[data-emy-route="ososp"] #view-ososp,
body[data-emy-route="dashboard"] #view-dashboard,
body[data-emy-route="suppliers"] #view-suppliers,
body[data-emy-route="suppliers-v2"] #view-suppliers-v2,
body[data-emy-route="branches"] #view-branches,
body[data-emy-route="reports"] #view-reports,
body[data-emy-route="audit"] #view-audit,
body[data-emy-route="accounts"] #view-accounts,
body[data-emy-route="transactions"] #view-transactions,
body[data-emy-route="delivery"] #view-delivery,
body[data-emy-route="nuleep"] #view-nuleep,
body[data-emy-route="employees"] #view-employees,
body[data-emy-route="qiwa"] #view-qiwa,
body[data-emy-route="search"] #view-search {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

@media print {
  body:not([data-emy-route="admin"]) #view-admin,
  body .page-shell > .subview.emy-route-guard-hidden {
    display: none !important;
  }
}

/* E-My Core v241 suppliers cleanup: supplier page visual cleanup is injected from app.js to preserve existing app CSS order. */


/* ======================================================================
   E-MY CORE v268 — SUPPLIER DOCUMENTS CLEAN RESET
   Clean supplier-scoped statement/invoice reader workspace.
   ====================================================================== */
.supplier-v2-workspace-clean-v268 .supplier-v2-tabs-clean-v268 button[data-supplier-v2-tab="intake"],
.supplier-v2-workspace-clean-v268 .supplier-v2-tabs-clean-v268 button[data-supplier-v2-tab="drafts"]{display:none!important}
.supplier-docs-clean-shell{display:grid;gap:14px;min-width:0}.supplier-docs-clean-hero,.supplier-docs-upload-card,.supplier-docs-preview-card,.supplier-docs-review-panel{overflow:hidden;border:1px solid #dce7ef;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(0,43,80,.045)}.supplier-docs-clean-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 20px;background:linear-gradient(135deg,#f7fbfd,#fff)}.supplier-docs-clean-hero h3{margin:0;color:#123b59}.supplier-docs-mode-switch{display:flex;gap:8px;flex-wrap:wrap}.supplier-docs-mode-switch button{min-height:40px;padding:8px 15px;border:1px solid #d4e1e8;border-radius:999px;background:#fff;color:#36576f;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.supplier-docs-mode-switch button.is-active{border-color:#0d6e77;background:#0d6e77;color:#fff}.supplier-docs-upload-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.supplier-docs-file-button,.supplier-docs-action,.supplier-docs-link{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid #0d5fa8;border-radius:11px;background:#0d5fa8;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer;text-decoration:none}.supplier-docs-action.is-secondary{border-color:#cad8e3;background:#fff;color:#36576f}.supplier-docs-action.is-primary{border-color:#0d6e77;background:#0d6e77;color:#fff}.supplier-docs-action.is-danger{border-color:#c85259;background:#fff;color:#a3343c}.supplier-docs-action:disabled{opacity:.5;cursor:not-allowed}.supplier-docs-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 17px}.supplier-docs-summary-grid>div{min-width:0;padding:11px;border:1px solid #e1e9ef;border-radius:12px;background:#fff}.supplier-docs-table-wrap{margin:0 17px 16px;overflow:auto;border:1px solid #e1e9ef;border-radius:12px}.supplier-docs-table{width:100%;min-width:980px;border-collapse:collapse;font-size:9px}.supplier-docs-table th{padding:9px;background:#f2f6f9;color:#526b7d;text-align:right;white-space:nowrap}.supplier-docs-table td{padding:9px;border-top:1px solid #edf2f5;color:#2f4e63;vertical-align:top}.supplier-docs-draft-list{display:grid;gap:10px;padding:14px 17px}.supplier-docs-draft-card{border:1px solid #dfe8ef;border-radius:15px;background:#fff;overflow:hidden}.supplier-docs-draft-card.is-selected{border-color:#0d6e77;box-shadow:0 0 0 3px rgba(13,110,119,.08)}
@media(max-width:1000px){.supplier-docs-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-docs-clean-hero,.supplier-docs-upload-card{flex-direction:column;align-items:stretch}.supplier-docs-file-button,.supplier-docs-action{width:100%}}
@media(max-width:560px){.supplier-docs-summary-grid{grid-template-columns:1fr}.supplier-docs-table{min-width:760px}}


/* E-My Core v276 — Supplier statement real bank matching clarity */
.supplier-docs-match-candidate-v275.is-blocked{background:#fff8f0;border-color:#efd4a4}
.supplier-docs-match-candidate-v275 small.is-danger{color:#a23d46;font-weight:900}

/* E-My Core v277 — Supplier payment matching accounting rules */
.supplier-docs-match-muted-v277{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:7px 10px;border-radius:10px;background:#f4f6f8;color:#7a8b98;font-size:9px;font-weight:900;white-space:nowrap}
.supplier-docs-aggregate-row-v277{background:#fff8e7!important;border-color:#ead4a3!important;color:#765511!important}
.supplier-docs-aggregate-row-v277 strong{color:#765511!important}

/* ======================================================================
   E-MY CORE v279 — Clean matching closure and bank linked badges
   ====================================================================== */
.supplier-docs-matching-card-v275.is-closed-v279{
  border-color:#b9dfd2;
  background:linear-gradient(135deg,#f1fbf7,#fff);
}
.supplier-docs-status.is-success-v279{
  border-color:#b9dfd2;
  background:#eaf8f1;
  color:#006d55;
}
.supplier-payment-state.is-matched{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border-radius:999px;
  background:#eaf8f1;
  color:#087158;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}
.supplier-match-note{
  display:block;
  margin-top:4px;
  color:#4f7a6f;
  font-size:8px;
  line-height:1.55;
}

/* E-My Core v280 — Supplier statement line review editor */
.supplier-docs-line-editor-v280{margin:0 17px 16px;border:1px solid #dfe8ef;border-radius:14px;background:#fbfdfe;overflow:hidden}.supplier-docs-editor-head-v280,.supplier-docs-editor-foot-v280{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff}.supplier-docs-editor-head-v280 strong,.supplier-docs-editor-head-v280 small,.supplier-docs-editor-foot-v280 strong,.supplier-docs-editor-foot-v280 small{display:block}.supplier-docs-editor-head-v280 strong{color:#123b59;font-size:12px}.supplier-docs-editor-head-v280 small,.supplier-docs-editor-foot-v280 small{margin-top:4px;color:#718596;font-size:8px;line-height:1.6}.supplier-docs-editor-head-v280 span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf8f1;color:#08735b;font-size:8px;font-weight:900}.supplier-docs-editor-foot-v280{border-top:1px solid #e7eef3}.supplier-docs-editor-foot-v280 strong{color:#0d5fa8;font-size:10px}.supplier-docs-editor-table-v280 input,.supplier-docs-editor-table-v280 textarea,.supplier-docs-editor-table-v280 select{width:100%;min-width:92px;border:1px solid #d7e3eb;border-radius:8px;background:#fff;color:#173b59;font:inherit;font-size:8px;padding:7px}.supplier-docs-editor-table-v280 textarea{min-width:220px;resize:vertical;line-height:1.5}.supplier-docs-editor-table-v280 tr.is-ignored-v280 td{background:#f6f8fa;color:#97a4af;text-decoration:line-through}.supplier-docs-line-delete-v280{min-height:32px;padding:6px 9px;border:1px solid #efc8cc;border-radius:9px;background:#fff;color:#a23d46;font:inherit;font-size:8px;font-weight:900;cursor:pointer}