/* Shared application chrome. Document/export headers are deliberately not selected. */
.gazali-unified-header.gazali-unified-header{
 --guh-bg:#fff;--guh-line:#e7e7eb;--guh-ink:#202126;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;direction:ltr!important;box-sizing:border-box;width:100%;max-width:100%;min-height:64px;height:auto;padding:10px 16px!important;gap:10px!important;border:1px solid var(--guh-line)!important;border-radius:40px!important;background:var(--guh-bg)!important;color:var(--guh-ink);position:relative;overflow:visible;box-shadow:none!important;margin-block:0 16px;
}
.gazali-unified-header .guh-brand{order:1;display:flex;align-items:center;flex:0 0 auto;min-width:0;margin:0!important}
.gazali-unified-header .guh-brand:is(img),.gazali-unified-header .guh-brand img{display:block!important;width:130px!important;height:auto!important;max-height:48px;object-fit:contain;max-width:100%}
.gazali-unified-header .guh-clock{order:2;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px!important;flex:1 1 0;width:auto!important;min-width:0;white-space:nowrap!important;direction:ltr!important;font:500 13px/1.4 'IBM Plex Sans Arabic',sans-serif!important;color:var(--guh-ink)!important;text-align:center;margin:0!important;position:static!important;transform:none!important}
.gazali-unified-header .guh-clock>*{display:inline!important;font:inherit!important;white-space:nowrap}
.pc-topbar .guh-clock>span:before{content:'|';margin-inline:6px;color:#c6c8cc}
.gazali-unified-header .guh-clock br{display:none!important}
.gazali-unified-header .guh-actions{order:3;display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;direction:ltr!important;flex:0 0 auto;margin:0!important}
.gazali-unified-header :is(.guh-actions>button,.guh-actions>a,.gz-btn,.guh-control){display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:6px!important;border-radius:10px!important;border:1px solid var(--guh-line)!important;background:var(--guh-bg)!important;color:var(--guh-ink)!important;box-shadow:none!important;flex:none}
.gazali-unified-header .guh-control{order:3}
.gazali-unified-header :is(.guh-actions,.guh-control) svg{width:22px!important;height:22px!important;flex:none}
.gazali-unified-header .guh-secondary{order:4;flex-basis:100%;justify-content:center;direction:rtl}
.gazali-unified-header .gazali-back-slot:empty{display:none}
.gazali-unified-header .gazali-back-slot{order:4}
/* Reserve a separate row above the bar for the existing page-owned back behavior. */
body.gazali-has-unified-header:has(>.gazali-page-back){padding-top:52px!important}
body.gazali-has-unified-header>.gazali-page-back{position:absolute;top:8px;right:12px;width:36px;height:36px;border-radius:10px}
.gazali-unified-header .gazali-page-back{width:32px;height:32px;min-width:32px;border-radius:8px}
:is([data-theme=dark],.dark) .gazali-unified-header{--guh-bg:#202226;--guh-line:#3b3d43;--guh-ink:#f0f1f3}
@media(max-width:600px){
 .gazali-unified-header.gazali-unified-header{padding:8px!important;gap:5px!important;min-height:55px;border-radius:32px!important}
 .gazali-unified-header .guh-brand:is(img),.gazali-unified-header .guh-brand img{width:90px!important;max-height:36px}
 .gazali-unified-header .guh-clock{font-size:10px!important;gap:3px!important}
 .gazali-unified-header .guh-actions{gap:4px!important}
 .gazali-unified-header :is(.guh-actions>button,.guh-actions>a,.gz-btn,.guh-control){width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:5px!important;border-radius:8px!important}
 .gazali-unified-header :is(.guh-actions,.guh-control) svg{width:18px!important;height:18px!important}
}
@media(max-width:360px){
 .gazali-unified-header .guh-brand:is(img),.gazali-unified-header .guh-brand img{width:73px!important}
 .gazali-unified-header .guh-clock{font-size:9px!important}
 .gazali-unified-header .guh-actions{gap:3px!important}
 .gazali-unified-header :is(.guh-actions>button,.guh-actions>a,.gz-btn,.guh-control){width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
}
@media print{.gazali-unified-header{display:none!important}body.gazali-has-unified-header{padding-top:0!important}}

.gazali-unified-header .guh-actions>.btn{width:auto!important;min-width:0!important;padding-inline:8px!important;font-size:11px;white-space:nowrap}
.gazali-unified-header .guh-control{position:static!important;inset:auto!important;transform:none!important}
body.gazali-has-unified-header>.public-design-back{width:32px;height:32px;border-radius:8px;top:8px;right:10px}

.gazali-unified-header[hidden]{display:none!important}
html.public-design body.gazali-has-unified-header{padding-top:48px!important}
html.public-design body.gazali-has-unified-header>.public-design-back{position:absolute!important;top:8px!important;right:10px!important;width:32px!important;height:32px!important;border-radius:8px!important}