@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.admin-site-header{box-sizing:border-box;position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;height:72px;padding:12px 24px;background:#fff;border-bottom:1px solid #d5d7dc;color:#172033;font:400 16px Tajawal,Arial,sans-serif}
.admin-site-brand{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;width:auto;min-width:44px;height:48px;min-height:44px;flex-shrink:0}
.admin-site-brand img{width:auto;height:48px;object-fit:contain}
.admin-site-actions{display:flex;align-items:center;gap:14px;min-width:0}
.admin-site-header button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid transparent;border-radius:12px;background:transparent;color:#175dcc;cursor:pointer;padding:10px;transition:background-color .16s ease,transform .16s ease}
/* Icons only at rest; the grey tile returns on hover, keyboard focus, and while the menu is open. */
.admin-site-header button:is(:hover,:focus-visible,[aria-expanded="true"]){background:#f0f2f5}
.admin-site-header button:active{transform:scale(.92)}
.admin-site-header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.admin-site-account{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700}
.admin-site-account bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.admin-site-header nav{position:absolute;inset-inline-end:24px;top:64px;min-width:200px;padding:8px;border:1px solid #d5dae4;border-radius:12px;background:white;box-shadow:0 10px 30px #17203320}
.admin-site-header nav[hidden]{display:none}
.admin-site-header nav a{display:block;padding:12px;color:#172033;text-decoration:none;border-radius:8px}
.admin-site-header nav a:hover{background:#edf3ff}
.admin-site-header :is(a,button):focus-visible{outline:3px solid #1765e8;outline-offset:2px}
.has-admin-site-header>.confirmation-header{display:none}
.has-admin-site-header .sidebar{top:72px;height:calc(100dvh - 72px)}
.has-admin-site-header .admin-shell{min-height:calc(100vh - 72px)}
.has-admin-site-header{scroll-padding-top:88px}
@media(max-width:550px){.admin-site-header{padding:12px;gap:10px}.admin-site-brand{height:44px}.admin-site-brand img{height:40px}.admin-site-actions{gap:8px}.admin-site-account bdi{max-width:100px}.admin-site-account svg{display:none}}
@media print{.admin-site-header{display:none!important}}