@font-face { font-family: 'Fleet Vazir'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/vazirmatn-arabic-400-normal.woff2') format('woff2'); unicode-range: U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family: 'Fleet Vazir'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/vazirmatn-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+2000-200B,U+200F-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD; }
@font-face { font-family: 'Fleet Vazir'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/vazirmatn-arabic-700-normal.woff2') format('woff2'); unicode-range: U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family: 'Fleet Vazir'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/vazirmatn-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+2000-200B,U+200F-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD; }
/* Scoped shareholder design: the admin layout keeps its existing rules. */
body:has(.owner-shell) { background: #f5f6f8; color: #1c3040; }
.owner-shell { --owner-ink:#1c3040; --owner-muted:#647584; --owner-line:#e5eaee; font-family:'Fleet Vazir',Tahoma,sans-serif; font-feature-settings:normal; max-width:1240px; margin:0 auto; padding:30px 36px 24px; line-height:1.8; }
.owner-shell button,.owner-shell input,.owner-shell select { font:inherit; }
.owner-shell bdi,.owner-shell .numeric,.owner-shell svg text { font-family:'Fleet Vazir',Tahoma,sans-serif; font-variant-numeric:tabular-nums; font-feature-settings:'tnum'; }
.owner-shell a { color:#355c72; text-underline-offset:5px; }
.owner-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:8px 0 28px; border-bottom:1px solid var(--owner-line); }
.owner-brand { display:flex; align-items:center; gap:14px; }
.brand-symbol { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#203e51; color:#fff; font-size:27px; font-weight:700; }
.overline { display:block; font-size:11px; color:var(--owner-muted); letter-spacing:0; }
.owner-header h1 { font-size:23px; margin:0; line-height:1.5; }
.owner-nav { display:flex; align-items:center; flex-wrap:wrap; gap:18px; font-size:12px; }
.owner-nav>span { color:var(--owner-muted); }
.owner-nav a,.owner-nav button { text-decoration:none; font-size:12px; }
.owner-filters { display:flex; align-items:center; gap:20px; padding:20px 0 28px; }
.owner-filters label { display:flex; align-items:center; gap:12px; min-width:0; }
.owner-filters label>span { font-size:12px; color:var(--owner-muted); white-space:nowrap; }
.owner-shell select,.owner-shell input { min-height:43px; padding:9px 13px; border:1px solid #d8e1e6; border-radius:10px; background:#fff; color:#203b4b; font-size:13px; max-width:100%; }
.owner-filters select { min-width:190px; max-width:330px; }
.owner-filters .quiet-link { margin-right:auto; font-size:12px; text-decoration:none; white-space:nowrap; }
.owner-button { color:white; background:#2b5369; border:0; border-radius:10px; padding:10px 18px; cursor:pointer; white-space:nowrap; font-size:12px!important; }
.owner-button:hover { background:#1d3d50; }
.enhanced .fallback-submit { display:none; }
.section-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.section-caption h2 { font-size:17px; font-weight:700; }
.section-caption>span { font-size:12px; color:var(--owner-muted); }
.overview { margin:0 0 24px; }
.overview-grid { display:grid; grid-template-columns:1.6fr 1fr; gap:18px; }
.balance-card { background:linear-gradient(115deg,#1b3649,#2e5365); color:#fff; border-radius:20px; padding:25px 28px 19px; min-width:0; }
.balance-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:14px; }
.state-pill { font-size:10px; padding:3px 10px; background:#ffffff19; border:1px solid #ffffff30; border-radius:20px; color:#e3f0ef; white-space:nowrap; }
.balance-value { display:flex; align-items:baseline; gap:12px; margin:17px 0 6px; min-width:0; flex-wrap:wrap; }
.balance-value bdi { font-size:clamp(25px,3vw,38px); font-weight:700; letter-spacing:-.5px; overflow-wrap:anywhere; }
.balance-value>span { color:#d1dfe6; font-size:13px; }
.pending-amount { font-size:29px; }
.balance-note { color:#cedce3; font-size:11px; }
.balance-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:22px; padding-top:15px; border-top:1px solid #ffffff23; font-size:11px; color:#e2eaf0; }
.quick-metrics { display:grid; grid-template-rows:1fr 1fr; gap:16px; min-width:0; }
.metric-tile { background:#fff; border:1px solid var(--owner-line); border-radius:17px; display:flex; align-items:center; gap:15px; padding:18px 22px; min-width:0; }
.metric-icon { display:grid; place-items:center; width:37px; height:37px; flex:0 0 37px; background:#edf4f4; color:#386566; border-radius:11px; font-size:23px; }
.metric-tile>div { min-width:0; }
.metric-tile h3 { font-size:12px; font-weight:400; color:var(--owner-muted); }
.metric-tile p { font-size:23px; font-weight:700; margin-top:4px; overflow-wrap:anywhere; }
.metric-tile small { font-size:11px; font-weight:400; color:var(--owner-muted); }
.owner-disclosure { border:1px solid var(--owner-line); border-radius:14px; background:#fff; margin:12px 0; overflow:hidden; }
.owner-disclosure>summary { list-style:none; display:flex; align-items:center; gap:18px; padding:17px 21px; cursor:pointer; }
.owner-disclosure>summary::-webkit-details-marker { display:none; }
.owner-disclosure>summary::after { content:'+'; margin-right:auto; font-family:Arial,sans-serif; color:#668091; font-size:20px; font-weight:400; flex-shrink:0; }
.owner-disclosure[open]>summary::after { content:'−'; }
.owner-disclosure>summary strong { display:block; font-size:13px; }
.owner-disclosure>summary small { display:block; font-size:10px; color:var(--owner-muted); font-weight:400; margin-top:2px; }
.disclosure-total { margin-right:auto; font-size:12px; color:#506779; }
.count-pill { margin-right:auto; font-size:11px; background:#f0f4f6; padding:3px 10px; border-radius:20px; white-space:nowrap; }
.disclosure-content { padding:20px; border-top:1px solid var(--owner-line); }
.calculation-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px 32px; }
.calculation-grid>div { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; font-size:12px; padding-bottom:10px; border-bottom:1px solid #f0f2f5; }
.calculation-grid small { font-size:10px; color:var(--owner-muted); }
.calculation-grid>p { grid-column:1/-1; }
.owner-shell .muted { font-size:11px; color:var(--owner-muted); }
.owner-shell .document-grid { padding:0; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
.owner-shell .document-grid img { border-radius:7px; }
.owner-shell .document-grid figcaption { font-size:11px; }
.range-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-bottom:18px; }
.range-form label { display:grid; gap:5px; font-size:11px; flex:1 1 180px; min-width:0; }
.range-form a { font-size:12px; padding:10px; }
.owner-shell .owner-table { border-collapse:collapse; width:100%; min-width:560px; font-size:12px; }
.owner-table th { background:#f6f8fa; font-size:11px; padding:12px 10px; font-weight:400; }
.owner-table td { padding:13px 10px; border-bottom:1px solid #edf1f4; white-space:nowrap; }
.owner-shell .numeric { direction:ltr; text-align:left; }
.waybill-total { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; font-size:12px; }
.owner-pagination { display:flex; justify-content:center; gap:24px; font-size:12px; margin-top:15px; }
.owner-charts { margin-top:36px; padding-top:24px; border-top:1px solid var(--owner-line); scroll-margin-top:20px; }
.chart-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.chart-controls select { font-size:11px; min-height:38px; padding:7px 10px; }
.owner-chart-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:18px; align-items:start; }
.owner-chart { min-width:0; border:1px solid var(--owner-line); border-radius:18px; background:#fff; padding:23px; }
.chart-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.chart-top h3 { font-size:16px; margin-top:3px; }
.plate-pill,.month-badge { font-size:10px; border-radius:7px; background:#f4f7f8; color:#597082; padding:5px 9px; }
.owner-trend-scroll { direction:rtl; overflow-x:auto; padding-top:20px; }
.owner-trend { display:block; width:100%; min-height:230px; direction:ltr; }
.owner-trend-scroll.long-history .owner-trend { min-width:720px; }
.owner-shell .trend-line { stroke:#3a7484; stroke-width:3; }
.owner-shell .trend-point { fill:#cc964d; stroke:#fff; stroke-width:3; }
.owner-shell .axis-label { font-size:15px; fill:#748392; }
.owner-shell .point-label { font-size:17px; fill:#2f566e; }
.chart-footnote { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; color:var(--owner-muted); font-size:10px; margin:12px 0; }
.monthly-values { border-top:1px solid var(--owner-line); margin-top:18px; }
.monthly-values>summary { font-size:11px; padding:14px 0 0; }
.owner-shell .trend-table { min-width:280px; }
.rank-criterion { color:var(--owner-muted); font-size:10px; margin-top:-8px; margin-bottom:21px; }
.owner-leaderboard { list-style:none; display:grid; gap:20px; }
.owner-shell .leader-row { gap:11px; }
.owner-shell .rank { width:28px; height:28px; flex-basis:28px; font-size:13px; background:#f0f4f6; color:#607887; }
.owner-shell .leader-row:first-child .rank { background:#fcf0dd; color:#a36c22; }
.owner-shell .leader-info { font-size:12px; gap:5px; margin-bottom:8px; }
.owner-shell .leader-value { font-size:13px; color:#2e4b5e; font-weight:700; }
.owner-shell .leader-name { overflow-wrap:anywhere; }
.owner-shell .bar-track { height:5px; border-radius:8px; background:#f0f3f5; }
.owner-shell .bar-fill { border-radius:8px; background:#7193a1; transform-origin:right; }
.owner-shell .leader-row:first-child .bar-fill { background:#ce9d5b; }
.yours-tag { font-size:9px; background:#e8f3ef; color:#3c7162; padding:1px 5px; border-radius:5px; margin-right:4px; white-space:nowrap; }
.empty-chart { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--owner-muted); font-size:12px; }
.empty-chart>span { font-size:38px; color:#98aeb5; }
.owner-footer { text-align:center; color:#85939e; font-size:10px; padding:33px 0 4px; }
.owner-shell .notice { font-size:12px; line-height:1.9; margin:0 0 18px; }
.nav-feedback { position:sticky; top:10px; z-index:20; background:#fff; border:1px solid #d8e2e8; border-radius:9px; box-shadow:0 5px 20px #223b4b10; padding:10px 16px; font-size:12px; margin:10px 0; }
.nav-feedback button { margin-right:15px; border:0; color:#2b5369; background:#eaf1f5; border-radius:5px; padding:4px 9px; cursor:pointer; }
.owner-shell[aria-busy='true'] .overview,.owner-shell[aria-busy='true'] .owner-chart-grid { opacity:.5; }
.owner-shell[aria-busy='true'] .owner-disclosure { pointer-events:none; opacity:.5; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes owner-enter { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes owner-bar { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:no-preference) { .overview-grid,.owner-chart-grid { animation:owner-enter .24s ease-out both; } .owner-shell .bar-fill { animation:owner-bar .45s ease-out both; } .overview,.owner-chart-grid { transition:opacity .12s ease; } }
@media(max-width:1000px) { .owner-chart-grid { grid-template-columns:1fr; } .owner-trend { max-height:280px; } .owner-shell { padding:24px; } }
@media(max-width:700px) { .owner-shell { padding:18px 15px; } .owner-header { align-items:start; gap:15px; flex-wrap:wrap; padding-bottom:18px; } .owner-header h1 { font-size:20px; } .owner-nav { gap:14px; width:100%; justify-content:flex-end; } .owner-nav>span { margin-left:auto; } .owner-filters { gap:12px; flex-wrap:wrap; padding:18px 0 24px; } .owner-filters label { display:grid; flex:1 1 140px; gap:5px; } .owner-filters select { min-width:0; width:100%; } .owner-filters .quiet-link { display:none; } .overview-grid { grid-template-columns:1fr; } .balance-card { padding:23px 21px 17px; } .balance-value bdi { font-size:32px; } .quick-metrics { grid-template-columns:1fr; grid-template-rows:auto; gap:10px; } .metric-tile { padding:15px 20px; } .metric-tile p { font-size:22px; } .metric-tile>div { flex:1; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; } .metric-icon { width:30px; height:30px; flex-basis:30px; } .section-caption { flex-wrap:wrap; } .section-caption h2 { font-size:15px; } .owner-disclosure>summary { padding:15px; gap:10px; } .disclosure-total { font-size:10px; } .owner-disclosure>summary small { display:none; } .calculation-grid { grid-template-columns:1fr; } .disclosure-content { padding:15px; } .owner-charts { padding-top:23px; margin-top:28px; } .chart-controls { width:100%; display:grid; grid-template-columns:1fr 1fr; } .chart-controls select { width:100%; font-size:11px; } .owner-chart { padding:19px 17px; } .owner-shell .axis-label { font-size:21px; } .owner-shell .point-label { font-size:24px; } .long-history .axis-label { font-size:15px; } .owner-trend { min-height:180px; } .owner-shell .leader-info { font-size:12px; } .owner-leaderboard { gap:23px; } }
@media print { .owner-nav,.owner-filters,.chart-controls,.nav-feedback,.owner-button { display:none!important; } .owner-shell { max-width:none; padding:0; } .owner-chart-grid { display:block; } .owner-chart { break-inside:avoid; margin-bottom:15px; } .bar-fill { animation:none!important; } }

.pdf-open-label { display:block; text-align:center; font-size:12px; padding:9px; }
@media(min-width:1001px) { .owner-trend-scroll.long-history .owner-trend { min-width:0; } }