/* Owner Admin page («صفحة إدارة المالك»). Full width, owner only. Logical
   properties only, so Arabic mirrors itself. Tables (.oaCardTable) become one
   card per row on phones (max-width:700px, the system phone breakpoint);
   wide tables scroll inside their own box, never the page. */
.ownerAdmin{max-width:1440px;margin:18px auto 40px;padding-inline:var(--mena-space-4,16px);box-sizing:border-box;color:var(--mena-text,#f6f8fc);min-width:0}
.ownerAdmin[hidden]{display:none!important}
.ownerAdmin[dir="rtl"]{font-family:var(--mena-font-arabic)}
.ownerAdmin bdi{unicode-bidi:isolate}
.oaHead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--mena-space-3,12px);margin-block-end:var(--mena-space-4,16px)}
.oaTitles{min-width:0;flex:1 1 420px}
.oaTitle{margin:0 0 4px;font-size:26px}
.oaIntro{margin:0;color:var(--mena-muted,#9eabc6);max-width:72ch;line-height:1.6}
.oaTools,.oaWindow{display:flex;flex-wrap:wrap;gap:var(--mena-space-2,8px);align-items:center}
.oaBtn{width:auto;min-height:44px;margin:0;padding:8px 16px;border-radius:var(--mena-radius-pill,999px);border:1px solid var(--mena-border,#29395c);background:var(--mena-surface,#111a31);color:inherit;font-size:14px;cursor:pointer;transition:background var(--mena-motion-fast,.15s) var(--mena-ease,ease),border-color var(--mena-motion-fast,.15s)}
.oaBtn:hover:not(:disabled){border-color:var(--mena-accent,#745cff)}
.oaBtn:focus-visible,.oaTab:focus-visible{outline:2px solid var(--mena-focus,#8fb1ff);outline-offset:2px}
.oaBtn.isPrimary:not(:disabled),.oaBtn[aria-pressed="true"]{background:var(--mena-accent,#745cff);border-color:var(--mena-accent,#745cff);color:#fff}
.oaBtn:disabled{opacity:.55;cursor:not-allowed}
.oaTabs{display:flex;gap:var(--mena-space-1,4px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-block-end:1px solid var(--mena-border,#29395c);margin-block-end:var(--mena-space-4,16px)}
.oaTab{flex:0 0 auto;width:auto;min-height:44px;margin:0;padding:10px 16px;border:0;border-block-end:3px solid transparent;border-radius:var(--mena-radius-s,8px) var(--mena-radius-s,8px) 0 0;background:transparent;color:var(--mena-muted,#9eabc6);font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}
.oaTab.isActive,.oaTab[aria-selected="true"]{color:var(--mena-text,#f6f8fc);border-block-end-color:var(--mena-accent,#745cff);background:var(--mena-surface,#111a31)}
.oaStatus{min-height:1.4em;margin:0 0 var(--mena-space-3,12px);color:var(--mena-muted,#9eabc6)}
.oaStatus:empty{display:none}
.oaPanel[hidden]{display:none!important}
.oaPanel{min-width:0}
.oaPanelBody{display:grid;gap:var(--mena-space-4,16px);margin-block-end:var(--mena-space-4,16px);min-width:0}
.oaSection{min-width:0;padding:var(--mena-space-4,16px);border:1px solid var(--mena-border,#29395c);border-radius:var(--mena-radius-l,16px);background:var(--mena-surface-2,#0c162b);scroll-margin-block-start:80px}
.oaSlot,.oaAdvanced{margin-block-end:var(--mena-space-4,16px)}
.oaSection.isTarget{border-color:var(--mena-accent,#745cff);box-shadow:0 0 0 2px var(--mena-accent,#745cff)}
.oaSectionTitle{margin:0 0 var(--mena-space-3,12px);font-size:18px}
.oaAdvanced>summary{cursor:pointer;margin:0;min-height:32px;display:list-item}
.oaAdvanced[open]>summary{margin-block-end:var(--mena-space-3,12px)}
.oaSubSlot{padding-block:var(--mena-space-2,8px);border-block-start:1px solid var(--mena-border,#29395c)}
.oaSubSlot[hidden]{display:none!important}
.oaSubTitle{margin:var(--mena-space-2,8px) 0;font-size:15px}
.oaSlotBody{min-width:0}
.oaSlotBody .accountCard{background:transparent;border:0;padding:0}
.oaSlotBody pre{white-space:pre-wrap;overflow-wrap:anywhere}
.oaNote{margin:var(--mena-space-2,8px) 0 0;font-size:13px;line-height:1.6;color:var(--mena-muted,#9eabc6);overflow-wrap:anywhere}
.oaNote.isWarn{color:var(--mena-warning,#e0a24a)}
.oaNote.isBad,.oaNote.isError{color:var(--mena-danger,#ff9aa9)}
.oaNote.isGood{color:var(--mena-success,#45d6ad);font-size:15px}
.oaNote.isAdvisor{display:inline-block;margin:0 0 var(--mena-space-3,12px);padding:4px 10px;border:1px dashed var(--mena-warning,#e0a24a);border-radius:var(--mena-radius-pill,999px);color:var(--mena-warning,#e0a24a)}
.oaMuted{color:var(--mena-muted,#9eabc6)}
.oaTiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--mena-space-3,12px);min-width:0}
.oaKpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.oaTile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:var(--mena-space-3,12px) var(--mena-space-4,16px);border:1px solid var(--mena-border,#29395c);border-radius:var(--mena-radius-m,12px);background:var(--mena-surface,#111a31)}
.oaTile.isWarn{border-color:var(--mena-warning,#e0a24a)}
.oaTile.isBad{border-color:var(--mena-danger,#ff9aa9)}
.oaTileLabel{font-size:13px;color:var(--mena-muted,#9eabc6);overflow-wrap:anywhere}
.oaTileSub{font-size:12px;color:var(--mena-muted,#9eabc6);line-height:1.5;overflow-wrap:anywhere}
.oaValue{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0}
.oaValueMain{font-size:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.oaKpis .oaValueMain{font-size:26px}
.oaValue.isUnavailable .oaValueMain{color:var(--mena-muted,#9eabc6)}
.oaValueReason{font-size:12px;color:var(--mena-warning,#e0a24a);flex-basis:100%;line-height:1.5}
.oaChip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--mena-radius-pill,999px);border:1px solid var(--mena-border,#29395c);font-size:12px;line-height:1.6;white-space:nowrap;color:var(--mena-muted,#9eabc6)}
.oaTile .oaChip{white-space:normal;max-width:100%}
.oaChip.isEstimated{border-color:var(--mena-warning,#e0a24a);color:var(--mena-warning,#e0a24a)}
.oaChip.isTest{border-color:var(--mena-warning,#e0a24a);color:var(--mena-warning,#e0a24a);white-space:normal}
.oaChip.isSource{font-weight:700;letter-spacing:.02em}
.oaChip.is-confirmed,.oaChip.is-ok{border-color:var(--mena-success,#45d6ad);color:var(--mena-success,#45d6ad)}
.oaChip.is-missing,.oaChip.is-key_lacks_permission,.oaChip.is-unavailable{border-color:var(--mena-danger,#ff9aa9);color:var(--mena-danger,#ff9aa9)}
.oaChip.isWindow{border-color:var(--mena-accent,#745cff);color:#cfc6ff}
.oaChip.isAllTime{border-color:var(--mena-success,#45d6ad);color:var(--mena-success,#45d6ad)}
.oaChip.isSeverity{margin-inline-end:8px}
.oaAlerts{list-style:none;margin:0;padding:0;display:grid;gap:var(--mena-space-2,8px)}
.oaAlert{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mena-space-3,12px);padding:var(--mena-space-3,12px) var(--mena-space-4,16px);border:1px solid var(--mena-border,#29395c);border-inline-start-width:4px;border-radius:var(--mena-radius-m,12px);background:var(--mena-surface,#111a31)}
.oaAlert.is-critical{border-inline-start-color:var(--mena-danger,#ff9aa9)}
.oaAlert.is-critical .isSeverity{border-color:var(--mena-danger,#ff9aa9);color:var(--mena-danger,#ff9aa9)}
.oaAlert.is-warning{border-inline-start-color:var(--mena-warning,#e0a24a)}
.oaAlert.is-warning .isSeverity{border-color:var(--mena-warning,#e0a24a);color:var(--mena-warning,#e0a24a)}
.oaAlert.is-info{border-inline-start-color:var(--mena-accent,#745cff)}
.oaAlertText{margin:0;flex:1 1 320px;min-width:0;line-height:1.6;overflow-wrap:anywhere}
.oaConfirm,.oaForm{display:grid;gap:var(--mena-space-2,8px);padding:var(--mena-space-3,12px);margin-block-start:var(--mena-space-3,12px);border:1px solid var(--mena-border,#29395c);border-radius:var(--mena-radius-m,12px);background:var(--mena-surface,#111a31)}
.oaConfirmTitle{margin:0}
.oaConfirm{grid-template-columns:minmax(180px,1fr) minmax(0,2fr) auto;align-items:end;gap:var(--mena-space-3,12px)}
.oaConfirm .oaConfirmHead .oaNote{margin-block-start:2px}
.oaConfirm>.oaBtn{justify-self:stretch}
.oaFormRow{display:flex;flex-wrap:wrap;gap:var(--mena-space-3,12px);align-items:flex-end}
.oaFormRow .oaField{flex:1 1 200px}
.oaFormGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--mena-space-3,12px)}
.oaField{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0;font-size:13px;color:var(--mena-muted,#9eabc6)}
.oaField input:not([type="checkbox"]),.oaField select{width:100%;min-height:44px;margin:0;padding:8px 12px;box-sizing:border-box;border-radius:var(--mena-radius-s,8px);border:1px solid var(--mena-border,#29395c);background:var(--mena-surface-2,#0c162b);color:var(--mena-text,#f6f8fc);font-size:15px}
.oaField input[type="checkbox"]{width:22px;height:22px;margin:4px 0}
.oaConfirm>.oaBtn,.oaForm>.oaBtn{justify-self:start}
.oaActions{display:flex;flex-wrap:wrap;gap:var(--mena-space-2,8px);margin-block-start:var(--mena-space-2,8px)}
.oaPending{margin-block:var(--mena-space-3,12px);padding:var(--mena-space-3,12px);border:1px solid var(--mena-warning,#e0a24a);border-radius:var(--mena-radius-m,12px)}
.oaPending .oaSubTitle{margin-block-start:0}
.oaLines{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--mena-space-3,12px);margin-block:var(--mena-space-3,12px)}
.oaLine{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--mena-space-3,12px);border:1px solid var(--mena-border,#29395c);border-radius:var(--mena-radius-m,12px);background:var(--mena-surface,#111a31)}
.oaLine.isChange{border-color:var(--mena-warning,#e0a24a);background:color-mix(in srgb,var(--mena-warning,#e0a24a) 8%,var(--mena-surface,#111a31))}
.oaLine .oaForm{grid-column:1/-1}
.oaLineHead{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.oaLineName{margin-inline-end:auto;overflow-wrap:anywhere}
.oaLineAmount{margin:4px 0 0;font-size:18px;font-variant-numeric:tabular-nums}
.oaProviders{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--mena-space-3,12px)}
.oaProvider{display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--mena-space-3,12px) var(--mena-space-4,16px);border:1px solid var(--mena-border,#29395c);border-radius:var(--mena-radius-m,12px);background:var(--mena-surface,#111a31)}
.oaProvider.isWarn{border-color:var(--mena-warning,#e0a24a)}
.oaProvider.isOff{border-style:dashed}
.oaSupplierEdit{display:flex;flex-wrap:wrap;gap:var(--mena-space-2,8px);align-items:flex-end}
.oaSupplierEdit .oaField{flex:1 1 220px}
.oaTableWrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:var(--mena-space-3,12px)}
.oaTable{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.oaTable th,.oaTable td{padding:8px 10px;border-block-end:1px solid var(--mena-border,#29395c);text-align:start;vertical-align:top}
.oaTable td{white-space:nowrap}
.oaTable thead th{color:var(--mena-muted,#9eabc6);font-weight:600;font-size:13px;white-space:normal}
.oaTable tbody th{font-weight:600;min-width:140px}
.oaTable tr.isLoss th,.oaTable tr.isBad th{color:var(--mena-danger,#ff9aa9)}
.oaTable tr.isLoss,.oaTable tr.isBad{background:color-mix(in srgb,var(--mena-danger,#ff9aa9) 7%,transparent)}
.oaTable tr.isWarnRow{background:color-mix(in srgb,var(--mena-warning,#e0a24a) 8%,transparent)}
.oaTable tr.isBranch th{font-weight:400;color:var(--mena-muted,#9eabc6)}
.oaTable tr.isCurrent th{color:var(--mena-accent,#a99bff)}
@media (max-width:1100px){.oaKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
 .ownerAdmin{margin-block:10px 0;padding-inline:var(--mena-space-3,12px);padding-block-end:calc(96px + env(safe-area-inset-bottom,0px))}
 .oaTitle{font-size:22px}
 .oaSection{padding:var(--mena-space-3,12px)}
 .oaTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mena-space-2,8px)}
 .oaKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .oaValueMain,.oaKpis .oaValueMain{font-size:18px}
 .oaTools{width:100%}
 .oaTools .oaBtn{flex:1 1 auto}
 .oaTab{padding:10px 12px;font-size:14px}
 .oaLines,.oaProviders{grid-template-columns:minmax(0,1fr)}
 .oaAlert .oaBtn{flex:1 1 100%}
 .oaConfirm{grid-template-columns:minmax(0,1fr)}
 /* Tables become cards: one bordered card per row, every cell labelled. */
 .oaCardTable,.oaCardTable tbody,.oaCardTable tr,.oaCardTable th,.oaCardTable td{display:block;width:100%;box-sizing:border-box}
 .oaCardTable thead{display:none}
 .oaCardTable tr{margin-block-end:var(--mena-space-2,8px);padding:var(--mena-space-2,8px) var(--mena-space-3,12px);border:1px solid var(--mena-border,#29395c);border-radius:var(--mena-radius-m,12px);background:var(--mena-surface,#111a31)}
 .oaCardTable th,.oaCardTable td{border:0;padding:4px 0;white-space:normal;overflow-wrap:anywhere}
 .oaCardTable tbody th{min-width:0;font-size:15px}
 .oaCardTable td{display:flex;justify-content:space-between;gap:var(--mena-space-3,12px)}
 .oaCardTable td::before{content:attr(data-label);color:var(--mena-muted,#9eabc6);font-size:12px;text-align:start;flex:1 1 50%}
 .oaCardTable td>*{text-align:end;flex:0 1 auto;max-width:60%}
 .oaTableWrap{overflow-x:visible}
}
@media (prefers-reduced-motion:reduce){.oaBtn{transition:none}}
/* v0.91.309 provider costs + key expiry */
.oaNote.isWarnText{color:var(--mena-warning,#e0a24a)}
.oaInlineForm{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;min-width:0}
.oaInlineForm .oaField{min-width:0;flex:1 1 140px}
.oaChip.is-active{border-color:var(--mena-success,#45d6ad);color:var(--mena-success,#45d6ad)}
.oaChip.is-expiring_soon,.oaChip.is-unknown{border-color:var(--mena-warning,#e0a24a);color:var(--mena-warning,#e0a24a)}
.oaChip.is-expired,.oaChip.is-rejected{border-color:var(--mena-danger,#ff9aa9);color:var(--mena-danger,#ff9aa9)}
@media (max-width:700px){.oaInlineForm{flex-direction:column;align-items:stretch}.oaInlineForm .oaField{flex:none}}
/* Real quality per product (v0.91.341): a product at the 95% target, and the 30-day trend line. */
.oaTable tr.isGood th{color:var(--mena-success,#45d6ad)}
.oaSpark{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;letter-spacing:0;unicode-bidi:isolate;direction:ltr;display:inline-block;max-width:100%;overflow:hidden}
