/* Approved November 2026 handoff, scoped to the six supplied surfaces. */
:root{--gz-bg:#F0F1F3;--gz-card:#FFF;--gz-border:#E2E4E8;--gz-divider:#EEF0F3;--gz-accent:#E6E4F3;--gz-muted-card:#E3E5E9;--gz-dark:#26272B;--gz-text:#1E2024;--gz-text-muted:#5F646D;--gz-logo:#5A5A8C;--gz-negative:#A1223A;--gz-positive:#2F7A45;--gz-font:'IBM Plex Sans Arabic',system-ui,sans-serif;--gz-radius-card:22px}
.dark,[data-theme=dark],body.night{--gz-bg:#191a1d;--gz-card:#292a2e;--gz-border:#414249;--gz-divider:#3b3c42;--gz-accent:#444153;--gz-muted-card:#34363c;--gz-text:#f3f3f5;--gz-text-muted:#bdc0c8}
.gz-page,.gz-sheet{font-family:var(--gz-font);font-variant-numeric:tabular-nums;color:var(--gz-text);box-sizing:border-box}
.gz-page *,.gz-sheet *{box-sizing:border-box}
.gz-page{width:100%;max-width:1100px;min-height:100dvh;margin:auto;background:var(--gz-bg);padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;position:relative}
.gz-page :is(h1,h2,h3,p){margin:0}.gz-page h1{font-size:19px;font-weight:600;line-height:1.3}.gz-page h2{font-size:15px;font-weight:600}.gz-page h3{font-size:15px;font-weight:600}.gz-page p,.gz-page small{color:var(--gz-text-muted);line-height:1.5}.gz-page button,.gz-page a,.gz-sheet button{font-family:var(--gz-font);cursor:pointer;text-decoration:none}.gz-page a{color:inherit}.gz-page button{color:inherit}
.gz-page :is(a,button,input):focus-visible,.gz-sheet :is(a,button):focus-visible{outline:2px solid var(--gz-logo);outline-offset:3px}
.gz-handoff-header{height:48px;min-height:48px;width:100%;background:var(--gz-card);border:1px solid var(--gz-border);border-radius:999px;padding:5px 5px 5px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr;flex:none}
.gz-handoff-header .gz-brand{display:flex;align-items:center;min-width:0}.gz-handoff-header img{width:102px;height:32px;object-fit:contain;border-radius:3px}.gz-handoff-header time{display:flex;flex-direction:column;align-items:center;white-space:nowrap;font-size:10px;line-height:1.4;color:var(--gz-text-muted)}.gz-handoff-header time b{font-size:10.5px;font-weight:500;color:var(--gz-text)}
.gz-handoff-header nav{display:flex;align-items:center;gap:6px}.gz-handoff-header nav :is(a,button){width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gz-border);background:var(--gz-card);border-radius:11px;color:var(--gz-text);padding:0}.gz-handoff-header svg{width:16px;height:16px;flex:none}.gz-apps-pulse{animation:gz-handoff-pulse 3s ease-in-out infinite}@keyframes gz-handoff-pulse{50%{transform:translateY(-2px);box-shadow:0 0 0 3px #5a5a8c14}}@media(prefers-reduced-motion:reduce){.gz-apps-pulse{animation:none}}
dialog.gz-hub-dialog{padding:0!important;border:0!important;border-radius:0!important;background:var(--gz-bg)!important;color:var(--gz-text);width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;inset:0!important;margin:0!important;overflow:auto!important;box-shadow:none!important}
.gz-hub-dialog::backdrop{background:var(--gz-bg)}.gz-hub-dialog .gz-page{min-height:100dvh}.gz-hub-dialog h1{font-weight:600!important}.gz-hub-dialog h2{font-weight:600!important}.gz-hub-dialog input{color:var(--gz-text)!important}
.gz-hub-dialog .gz-service-open{margin-inline-start:auto;display:grid;place-items:center;width:36px;height:30px;border-radius:99px;background:var(--gz-muted-card)}
.gz-hub-shortcuts{display:flex;gap:8px;flex:none}.gz-hub-shortcuts :is(a,button){flex:1;border:1px solid var(--gz-border);border-radius:99px;padding:8px 5px;background:var(--gz-card);font-size:11px;text-align:center;white-space:nowrap}
.gz-search-results{background:var(--gz-card);border-radius:16px;padding:8px}.gz-search-results a{display:block;padding:8px;font-size:12px}.gz-search-results[hidden]{display:none}
.gz-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.gz-heading small{font-size:11.5px}.gz-pill{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--gz-border);border-radius:999px;background:var(--gz-card);font-size:12px;white-space:nowrap}.gz-pill svg{width:14px;height:14px}
.gz-hero{position:relative;overflow:hidden;border-radius:22px;padding:16px;background:var(--gz-dark);color:#fff;display:flex;flex-direction:column;gap:12px}.gz-hero:before{content:attr(data-watermark);position:absolute;left:-4px;bottom:-22px;font-size:76px;font-weight:700;letter-spacing:.04em;line-height:1;color:#ffffff0d;pointer-events:none}.gz-hero>*{position:relative}.gz-hero h2{font-size:17px;color:#fff}.gz-hero p{font-size:11.5px;color:#ffffffc4}.gz-hero-line,.gz-section-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.gz-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--gz-text-muted);font-weight:500}.gz-hero .gz-eyebrow{color:#ffffffb8}.gz-badge{font-size:10.5px;border-radius:99px;background:var(--gz-accent);color:var(--gz-text);padding:4px 10px}
.gz-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gz-service-card{display:flex;flex-direction:column;gap:4px;padding:14px;height:180px;border-radius:22px;background:var(--gz-accent);border:0;text-align:start}.gz-service-card:nth-child(2){background:var(--gz-muted-card)}.gz-card-top{display:flex;justify-content:space-between;align-items:start;gap:4px}.gz-circle{width:40px;height:40px;border-radius:50%;background:var(--gz-card);display:grid;place-items:center;flex:none}.gz-circle svg{width:18px;height:18px;stroke-width:1.8}.gz-service-card h2{margin-top:10px}.gz-service-card small{font-size:11px}.gz-card-end{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--gz-text-muted)}.gz-card-end svg{width:16px;height:16px}
.gz-service-small{height:92px;border:0;border-radius:20px;padding:14px;display:flex;align-items:center;gap:12px;text-align:start;background:var(--gz-card)}.gz-service-small .gz-circle{background:var(--gz-bg);width:42px;height:42px}.gz-service-small strong{font-size:13px;font-weight:500;display:block;line-height:1.3}.gz-service-small small{display:block;font-size:10.5px;line-height:1.4;margin-top:3px}.gz-brand-footer{margin-top:auto;padding:8px 0;text-align:center;font-size:10px;letter-spacing:.3em;color:var(--gz-text-muted)}
.gz-sheet-backdrop{position:fixed;inset:0;z-index:1200;background:#14161e6b;display:flex;align-items:flex-end;justify-content:center}.gz-sheet{background:var(--gz-card);border-radius:28px 28px 0 0;padding:10px 16px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;width:100%;max-width:600px;max-height:85dvh;overflow:auto}.gz-sheet:before{content:'';width:40px;height:4px;background:var(--gz-border);border-radius:9px;align-self:center}.gz-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.gz-sheet h2{font-size:15.5px;margin:0}.gz-sheet p{font-size:11.5px;margin:3px 0;color:var(--gz-text-muted)}.gz-sheet-close{border:0;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:var(--gz-bg);color:var(--gz-text)}.gz-sheet nav{display:flex;flex-direction:column;gap:8px}.gz-sheet-link{display:flex;align-items:center;gap:12px;min-height:60px;width:100%;border:0;border-radius:18px;padding:10px 12px;background:var(--gz-bg);color:var(--gz-text);text-align:start;text-decoration:none;font-size:13px}.gz-sheet-link svg{width:18px;height:18px;flex:none}.gz-sheet-link span{flex:1}.gz-sheet-link small{display:block;font-size:11px;color:var(--gz-text-muted)}
.hr-work-page-mode:has(.gz-team-page) :is(.layout,.main-area,.page){padding:0!important;margin:0!important;max-width:none!important;min-height:100dvh!important;background:var(--gz-bg)}
/* Salary uses the existing modal and employee calculation, with its actions retained. */
#modal.gz-salary-modal{padding:0!important;background:var(--gz-bg);z-index:1100}#modal.gz-salary-modal #mbox{width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--gz-bg);overflow:auto}#modal.gz-salary-modal .modal-return{display:none}.gz-salary-page{max-width:1000px}.gz-employee-card{background:var(--gz-accent);border-radius:22px;padding:14px 16px}.gz-employee-heading{display:flex;align-items:center;gap:12px}.gz-employee-heading>div:nth-child(2){min-width:0;flex:1}.gz-employee-heading h2{font-size:16px;line-height:1.4}.gz-employee-heading small{font-size:11px}.gz-employee-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #1e20241a;margin-top:12px;padding-top:12px}.gz-employee-facts>div{text-align:center;min-width:0;padding:0 4px;border-inline-start:1px solid #1e20241a}.gz-employee-facts>div:first-child{border:0}.gz-employee-facts small{display:block;font-size:10px}.gz-employee-facts span{display:block;font-size:11px;overflow-wrap:anywhere}
.gz-salary-card,.gz-profile-card{border-radius:22px;padding:14px 16px;background:var(--gz-card)}.gz-salary-card header,.gz-profile-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.gz-salary-card header>div{display:flex;align-items:center;gap:10px}.gz-salary-card .gz-circle{background:var(--gz-accent);width:34px;height:34px}.gz-money-row,.gz-profile-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;border-bottom:1px solid var(--gz-divider);font-size:12.5px}.gz-money-row>span:first-child{display:flex;align-items:center;gap:8px}.gz-money-row svg{width:16px}.gz-money-row bdi{font-size:14.5px;font-weight:400}.gz-money-row small{font-size:10px;margin-inline-start:5px}.gz-money-row.negative bdi{color:var(--gz-negative)}.gz-money-row.positive bdi{color:var(--gz-positive)}.gz-net{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;border-radius:16px;height:50px;padding:0 14px;background:var(--gz-dark);color:#fff}.gz-net bdi{font-size:19px;font-weight:500}.gz-net small{color:#ffffffb8;font-size:10.5px}.gz-profile-card{background:var(--gz-muted-card);padding:12px 16px}.gz-profile-row{min-height:30px;font-size:11.5px;border-color:#1e202414}.gz-profile-row bdi{font-size:12px;font-weight:400;overflow-wrap:anywhere;min-width:0;text-align:end}.gz-profile-row>span{white-space:nowrap}.gz-profile-row:last-child{border:0}.gz-salary-actions{display:flex;gap:10px;margin-top:auto}.gz-salary-actions button{height:48px;border-radius:99px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;background:var(--gz-card);border:1px solid var(--gz-border)}.gz-salary-actions .gz-primary{flex:1;background:var(--gz-dark);color:#fff;border:0}.gz-salary-detail-button{border:0;background:transparent;text-align:start;font-size:11.5px;padding:2px;color:var(--gz-text-muted)!important}
/* The approval reference is already driven by the live stage and event model. */
body.flows-view{background:var(--gz-bg)!important}.approval-mobile-reference{--approval-accent:var(--gz-accent);--approval-bg-top:var(--gz-bg);--approval-bg-bottom:var(--gz-bg);--approval-panel:var(--gz-card);--approval-soft:var(--gz-bg);--approval-ink:var(--gz-text);--approval-copy:var(--gz-text-muted);--approval-muted:var(--gz-text-muted);--approval-line:var(--gz-border);font-family:var(--gz-font)!important;padding-bottom:16px!important;height:100dvh;min-height:700px;overflow:hidden}.approval-mobile-reference .approval-topbar{display:none}.approval-mobile-reference .approval-log-preview{flex:1;min-height:100px;overflow:hidden}.approval-mobile-reference .approval-log-preview>div{overflow:auto;min-height:0}.approval-mobile-reference .approval-bottom-nav{position:static!important;transform:none!important;width:100%!important;margin-top:auto;flex:none;box-shadow:none!important}.approval-mobile-reference .approval-run-card.bank{background:var(--gz-dark)}.approval-mobile-reference .approval-run-top>b,.approval-mobile-reference .approval-run-progress>b{color:var(--gz-text)!important;background:var(--gz-accent)!important}.approval-mobile-reference .approval-match{background:var(--gz-card)!important}.approval-mobile-reference .approval-match>span{background:var(--gz-accent)!important;color:var(--gz-text)!important}
@media(min-width:700px){.gz-page{padding:28px 32px;gap:18px}.gz-handoff-header{height:56px}.gz-service-grid.gz-small-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gz-service-card{height:210px}.gz-team-page .gz-hero{min-height:155px;justify-content:space-between}.gz-salary-page{display:grid;grid-template-columns:1fr 1fr;align-content:start}.gz-salary-page>.gz-handoff-header,.gz-salary-page>.gz-heading,.gz-salary-page>.gz-employee-card,.gz-salary-page>.gz-salary-actions,.gz-salary-page>.gz-salary-detail-button{grid-column:1/-1}.gz-profile-row{min-height:40px}.gz-hub-dialog .gz-page{max-width:900px}.gz-sheet-backdrop{align-items:center}.gz-sheet{border-radius:28px}}
@media(max-width:420px){.gz-handoff-header{gap:4px;padding-inline-start:10px}.gz-handoff-header img{width:98px}.gz-handoff-header nav{gap:5px}.gz-handoff-header time{font-size:9.5px}.gz-salary-page{gap:10px}.gz-employee-heading .gz-eyebrow{font-size:8px}.gz-employee-facts span{font-size:10.5px}}
@media(max-height:760px) and (max-width:699px){.gz-page{padding-top:12px;gap:9px}.gz-service-card{height:150px}.gz-service-small{height:78px}.gz-team-page .gz-hero{padding:12px}.gz-salary-card,.gz-employee-card{padding:11px 14px}.gz-salary-card header{margin-bottom:4px}.gz-money-row{min-height:32px}}

.gz-team-more{border:0;margin:auto;box-shadow:0 24px 80px #0003}.gz-team-more:not([open]){display:none}.gz-team-more::backdrop{background:#14161e6b}.gz-employee-warning{color:var(--gz-negative)!important;font-size:11px;margin-top:8px!important}.gz-sheet-link:disabled{opacity:.5;cursor:default}.gz-salary-detail-button svg{display:inline-block;vertical-align:middle}
@media(max-width:699px){.gz-team-more{margin:auto 0 0;width:100%;max-width:none;border-radius:28px 28px 0 0}}

body:has(.gz-page)>.gazali-page-back,body.flows-view>.gazali-page-back{display:none!important}.gz-control-page [data-gz-filter-hidden]{display:none!important}

.gz-handoff-header .gz-brand img{background:transparent;border-radius:0;filter:saturate(.18)}.dark .gz-handoff-header .gz-brand img,[data-theme=dark] .gz-handoff-header .gz-brand img{filter:brightness(0) invert(1);opacity:.9}

body:has(.gz-page) .gazali-page-back,body.flows-view .gazali-page-back{display:none!important}

body.flows-view{padding-top:0!important}.gz-money-row svg{height:16px}.gz-sheet-link>.gz-circle{flex:0 0 40px}.gz-salary-card .gz-net{font-size:13.5px}.gz-page .gz-handoff-header .gz-brand img{filter:saturate(.18)}.dark .gz-page .gz-handoff-header .gz-brand img{filter:brightness(0) invert(1)}

body.flows-view.gazali-has-unified-header:has(>.gazali-page-back){padding-top:0!important}

/* One Team: large quiet labels inside the two primary cards. */
.gz-team-page .gz-service-card{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;min-height:220px}
.gz-team-page .gz-service-card::before{content:attr(data-watermark);position:absolute;inset-inline:0;top:43%;transform:translateY(-50%);text-align:center;font-family:Arial,sans-serif;font-size:clamp(28px,19cqw,104px);font-weight:800;letter-spacing:.015em;line-height:1;color:currentColor;opacity:.055;pointer-events:none;z-index:-1}
.gz-team-page .gz-service-card h2{margin-top:auto}
.gz-team-page .gz-service-card .gz-card-end{margin-top:10px}
.dark .gz-team-page .gz-service-card::before{opacity:.085}
@media(min-width:700px){
 .gz-team-page .gz-service-grid.gz-small-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
 .gz-team-page .gz-small-grid>.gz-service-small{grid-column:span 2}
 .gz-team-page .gz-small-grid>.gz-service-small:nth-child(5){grid-column:3 / span 2}
 .gz-team-page .gz-small-grid>.gz-service-small:nth-child(6){grid-column:5 / span 2}
}