.hodorak-offline-indicator{position:fixed;z-index:118;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid color-mix(in srgb,#BDB39C 62%,#e5e7eb);border-radius:999px;background:color-mix(in srgb,#fff 94%,#BDB39C 6%);color:#0F1E3A;box-shadow:0 10px 26px rgba(15,30,58,.12);font:800 10px/1.2 Almarai,system-ui,sans-serif;direction:rtl;backdrop-filter:blur(10px)}
.hodorak-offline-indicator i{width:7px;height:7px;border-radius:50%;background:#BDB39C}.hodorak-offline-indicator.is-online i{background:#0F1E3A}.hodorak-offline-indicator[hidden]{display:none!important}
.hodorak-offline-readonly form[data-offline-blocked="1"] button[type="submit"],.hodorak-offline-readonly form[data-offline-blocked="1"] input[type="submit"]{opacity:.48;cursor:not-allowed}.hodorak-offline-readonly [data-offline-network-required]{opacity:.55;pointer-events:none}.offline-disabled-note{display:block;margin-top:5px;color:#697386;font-size:10px;line-height:1.5}
.hodorak-offline-snapshot::after{content:"بدون إنترنت";position:fixed;z-index:116;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:7px 10px;border-radius:999px;background:#18365F;color:#fff;font:800 9px/1.2 Almarai,system-ui,sans-serif;box-shadow:0 9px 24px rgba(15,30,58,.16)}
.hodorak-offline-toggle{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid color-mix(in srgb,var(--school-secondary,#BDB39C) 55%,#e5e7eb);border-radius:12px;background:var(--surface,#fff);color:var(--school-primary,#0F1E3A);font:800 9px/1.2 Almarai,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(15,30,58,.07);transition:.18s ease;white-space:nowrap}
.hodorak-offline-toggle:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(15,30,58,.11)}.hodorak-offline-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--school-secondary,#BDB39C) 55%,transparent);outline-offset:2px}.hodorak-offline-toggle.is-active{background:color-mix(in srgb,var(--school-primary,#0F1E3A) 9%,#fff);border-color:color-mix(in srgb,var(--school-primary,#0F1E3A) 35%,var(--school-secondary,#BDB39C));}.hodorak-offline-toggle.is-loading{opacity:.65;pointer-events:none}.hodorak-offline-toggle-icon{width:22px;height:22px;display:grid;place-items:center}.hodorak-offline-toggle-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hodorak-offline-status-toast{position:fixed;z-index:160;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(520px,calc(100vw - 28px));padding:11px 14px;border:1px solid color-mix(in srgb,#BDB39C 50%,#e5e7eb);border-radius:13px;background:#fff;color:#0F1E3A;box-shadow:0 18px 46px rgba(15,30,58,.18);font:800 11px/1.6 Almarai,system-ui,sans-serif;text-align:center}.hodorak-offline-status-toast.is-ok{border-color:color-mix(in srgb,#0F1E3A 35%,#BDB39C)}.hodorak-offline-status-toast.is-error{border-style:dashed}
[data-theme="dark"] .hodorak-offline-toggle,[data-theme="dark"] .hodorak-offline-status-toast,[data-theme="dark"] .hodorak-offline-indicator{background:var(--surface,#17243a);color:var(--ink,#f5f7fa);border-color:var(--line,#2a3d53)}
@media(max-width:900px){.hodorak-offline-toggle{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px}.hodorak-offline-toggle-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}
@media(max-width:560px){.hodorak-offline-indicator{left:10px;bottom:calc(10px + env(safe-area-inset-bottom))}.hodorak-offline-snapshot::after{right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}.hodorak-offline-status-toast{bottom:calc(14px + env(safe-area-inset-bottom));font-size:10px}}
@media(prefers-reduced-motion:reduce){.hodorak-offline-toggle{transition:none}}
@media print{.hodorak-offline-indicator,.hodorak-offline-toggle,.hodorak-offline-status-toast,.hodorak-offline-snapshot::after{display:none!important}}