/* GHADIX V1.3.4 — unified typography, table alignment and quota distribution. */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ghadix-ar-font:'Tajawal',Tahoma,'Segoe UI',Arial,sans-serif}
html[lang="ar"],html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:var(--ghadix-ar-font)!important}
.table-wrap table,.tablewrap table,table{border-collapse:collapse}
.table-wrap :is(th,td),.tablewrap :is(th,td),table :is(th,td){text-align:center!important;vertical-align:middle}
.table-wrap td .toolbar,.tablewrap td .toolbar{justify-content:center}
.table-wrap td .mail,.tablewrap td .mail{display:block;direction:ltr;text-align:center}
.table-wrap td .name,.tablewrap td .name{text-align:center}
.table-wrap td small,.tablewrap td small{display:block;text-align:center!important;direction:ltr}
.ghadix-quota-track{display:block!important;position:relative!important;direction:ltr!important;background:#e2eaf2!important;height:14px!important;border-radius:999px!important;overflow:hidden!important}
.ghadix-quota-track .ghadix-quota-fill{display:block!important;float:left;flex:none!important;height:100%!important;min-height:14px;background:#168e99!important;border-radius:999px 0 0 999px!important;transition:width .2s ease}
.ghadix-quota-track .free{display:none!important}
.ghadix-quota-percent{display:inline-block;margin-top:3px;color:#10747c;font-weight:700;direction:ltr}
.ghadix-quota-track[aria-valuenow="100"] .ghadix-quota-fill{border-radius:999px!important}
.storage-grow-form{display:grid;gap:14px}
.storage-grow-form input[type=number]{border:1px solid #dce5ec;border-radius:9px;min-height:43px;width:100%;padding:8px 12px;direction:ltr;text-align:center}
.storage-grow-form .grow-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.storage-grow-form .grow-controls label{font-weight:700}
.storage-grow-form .grow-checkbox{display:flex;align-items:center;gap:8px}
.storage-grow-form .grow-checkbox input{width:18px;height:18px}
.storage-grow-form .btn:disabled{opacity:.6;cursor:not-allowed}
.storage-state{margin:0 22px 20px;padding:14px;border:1px solid #dce5ec;background:#f8fafc;border-radius:11px}
.storage-state strong{font-weight:800}
.storage-state[data-status="failed"]{background:#fff8f5;border-color:#f0cab9;color:#9c3b20}
.storage-state[data-status="done"]{background:#f1faf6;border-color:#b8e4d1;color:#147351}
@media(max-width:700px){.table-wrap,.tablewrap{overflow:auto}.storage-grow-form .grow-controls{align-items:stretch}}

/* V1.3.4.1 Storage request size presets. Scoped to the storage page. */
.ghadix-storage-preset-group{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.ghadix-storage-preset{position:relative;cursor:pointer}
.ghadix-storage-preset input{position:absolute;opacity:0;inset:0;pointer-events:none}
.ghadix-storage-preset span{display:inline-flex;align-items:center;justify-content:center;min-width:85px;padding:9px 13px;border:1px solid #dce5ec;border-radius:9px;background:#fff;color:#37506a;font-weight:500;transition:background .12s,border-color .12s}
.ghadix-storage-preset input:checked+span{background:#edf6fa;color:#126b80;border-color:#7dbbc8}
.ghadix-storage-preset input:focus-visible+span{outline:2px solid #2563eb;outline-offset:3px}
.ghadix-storage-preset input:disabled+span{opacity:.55;cursor:not-allowed}
.ghadix-storage-custom{display:none;min-width:180px}
.ghadix-storage-custom.is-visible{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ghadix-storage-minimum{color:#6a7b8f;font-size:12px}