/* Original ALSHROUQ logo remains untouched. */
.as-shade{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);z-index:899;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.as-shade.as-visible{opacity:1;visibility:visible}
body .side{position:fixed!important;right:0;left:auto;top:0;height:100dvh;width:min(370px,92vw)!important;max-width:92vw;z-index:900;transform:translateX(110%);transition:transform .24s ease;box-shadow:-12px 0 45px #17243a20;padding:18px 18px 22px;overflow-y:auto;background:#fff}body .side.as-open{transform:translateX(0)}body.as-menu-open{overflow:hidden}body .main{width:100%;max-width:1800px!important;margin-inline:auto!important}body .mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;font-size:18px;min-width:38px;min-height:36px;background:#fff;border:1px solid #e2e6ed;border-radius:9px;color:#24344f}
.as-nav-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.as-nav-title{font-weight:800;font-size:14px;color:#27364c}.as-close{border:1px solid #e5e8ed;background:white;border-radius:9px;width:34px;height:34px;font-size:25px;line-height:1;color:#667085;cursor:pointer}body .side .logo{max-width:185px;max-height:85px;object-fit:contain;margin:6px auto 12px}body .side hr{margin:10px 0}body .side .small{font-size:10px;margin-bottom:6px}.as-nav-search{width:100%;border:1px solid #dfe4ec;border-radius:10px;padding:10px 13px;background:#f8fafc;color:#26354a;margin:8px 0 13px;outline-offset:2px;font:inherit;font-size:12px}
body #nav a.nav{display:flex;align-items:center;gap:11px;text-decoration:none!important;text-align:start;border:1px solid #edf0f4;border-radius:10px;background:#fff;margin:4px 0;padding:10px 12px;min-height:42px;font-size:12px;font-weight:700;color:#25344b;box-shadow:0 1px 2px #10182808;transition:background .15s,border-color .15s}body #nav a.nav:hover{background:#f6f8fb;border-color:#dbe2ec}body #nav a.nav.active{background:#fff0f2;border-color:#f4b5bf;color:#bd1530;box-shadow:none}body #nav a.nav .as-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#f0f3f7;color:#52627b;font-size:17px;flex-shrink:0}body #nav a.nav.active .as-icon{background:#ffe0e5;color:#b91835}.as-search-hidden{display:none!important}
html[dir=ltr] body .side{right:auto;left:0;transform:translateX(-110%)}html[dir=ltr] body .side.as-open{transform:translateX(0)}
/* Priority confirmation dialogs: only visual styling, preserving existing business logic. */
body #stOverlay:not([hidden]){position:fixed!important;inset:0!important;z-index:850!important;background:rgba(15,23,42,.54)!important;backdrop-filter:blur(3px);display:grid!important;place-items:center!important;padding:20px!important}body #stOverlay[hidden]{display:none!important}body #stOverlay .st-modal{width:min(540px,100%)!important;max-height:90dvh;overflow:auto;border-radius:18px!important;border:1px solid #e7e9ee!important;box-shadow:0 25px 70px #10182840!important;padding:25px!important;background:#fff!important}body #stOverlay .st-modal h2{font-size:20px!important;color:#17243a;margin:0 0 12px!important}body #stAssets{border:1px solid #f4d4d9!important;background:#fff7f8!important;border-radius:12px!important;padding:15px!important;line-height:2!important;color:#782436!important}body #stOverlay textarea{width:100%;border:1px solid #d9dfe8;border-radius:10px;padding:12px;margin-top:8px}body #stOverlay .st-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}body #stOverlay #stConfirm{background:#bb1730!important;color:white!important;border-radius:9px!important}body #stOverlay #stCancel{background:#fff!important;color:#344054!important;border:1px solid #d6dce6!important;border-radius:9px!important}
@media(max-width:600px){body .side{width:min(345px,94vw)!important}body .main{padding:12px!important}}

/* ALSHROUQ EXPRESS — full-width admin workspaces; keep original logo and behavior. */
@media (min-width: 901px) {
  html body .main { width:100%!important; max-width:none!important; margin:0!important; padding-inline:14px!important; }
  html body .v15-workspace { width:100%!important; max-width:none!important; margin-inline:0!important; padding-inline:0!important; }
  html body .workspace-panel { width:100%!important; max-width:none!important; }
  html body .workspace-panel:has(.workspace-table) { padding-inline:14px!important; }
  html body .workspace-table, html body .alshrouq-table-scroll { width:100%!important; max-width:100%!important; }
}
/* Never compress column titles into stacked letters. Scroll wide tables when needed. */
html body .alshrouq-table-scroll { overflow-x:auto!important; overflow-y:visible!important; }
html body .alshrouq-table-scroll table { table-layout:auto!important; width:max-content!important; min-width:100%!important; max-width:none!important; }
html body .alshrouq-table-scroll th { white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; width:auto!important; max-width:none!important; min-width:max-content!important; }
html body .alshrouq-table-scroll td { white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; }
@media (max-width:900px) {html body .v15-workspace {max-width:100%!important;padding-inline:0!important;} }