/* Reliz identity, approved 18 October 2026. Structure and actions stay in their owning modules. */
@font-face{font-family:Unbounded;src:url('./Unbounded-variable.ttf') format('truetype');font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('./IBMPlexMono-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root{--font-ui:Manrope,sans-serif;--font-accent:Unbounded,Manrope,sans-serif;--font-service:'IBM Plex Mono',monospace;--type-screen:1.5rem;--line-screen:2rem;--type-section:1.25rem;--line-section:1.75rem;--type-card:1rem;--line-card:1.5rem;--type-body:1rem;--line-body:1.5rem;--type-secondary:.875rem;--line-secondary:1.25rem;--type-service:.75rem;--line-service:1rem;--type-accent:1.75rem;--line-accent:2.25rem;--cherry:#59191f;--olive:#50533c;--milk:#f5f1e8;--graphite:#242321;--sand:#c8b69e;--bg:var(--graphite);--paper:#2d2a27;--ink:var(--milk);--muted:var(--sand);--line:#63584c;--field:#211f1d;--raised:#3a342e;--accent:var(--olive);--blue:var(--sand);--selected:var(--olive);--banner:var(--olive);--banner-ink:var(--milk);--nav:#1c1b19;--danger:#efb4bd;--warning:#e7cd9d;--success:#b9d0ad;--error-surface:#482d33;--warning-surface:#423929;--success-surface:#303e2b;--surface:var(--paper);--surface-elevated:var(--raised);--surface-card:var(--paper);--surface-card-strong:var(--raised);--surface-line:var(--line);--text-primary:var(--ink);--text-secondary:var(--muted);--accent-olive:var(--olive);--next-banner-ink:var(--milk)}
html{font-size:100%;color-scheme:dark;scrollbar-color:var(--line) var(--bg)}
html,body{font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--line-body);font-weight:400;background:var(--bg);color:var(--ink)}
*,*::before,*::after{letter-spacing:0}
button,input,textarea,select{font-family:var(--font-ui)}
button{font-size:var(--type-secondary);line-height:var(--line-secondary);font-weight:600}
h1,.section-title h2,.payroll-concept-title h2,.workday-page-head h2,.recipe-screen-head h2,.invoice-reference-heading h2,.hs-work-page>header h2,.shift-history-page-head h2,.employee-page-head h2,.next-page-heading h2{font-family:var(--font-accent);font-size:var(--type-screen);line-height:var(--line-screen);font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
h2,h3{letter-spacing:0}
h2,.card-head h2,.next-card-head h2,.workday-section-head h2,.workday-section-head h3,.payroll-concept-section-head h3,.finance-list-header h3,.history-list-head h3,.reports-section-head h3{font-size:var(--type-section);line-height:var(--line-section);font-weight:700}
h3,.next-row strong,.invoice-row-copy strong,.recipe-list-main>strong,.finance-expense-copy strong,.more-label,.employee-name{font-size:var(--type-card);line-height:var(--line-card);font-weight:600}
/* Reassert page headings after card typography; page names alone use Unbounded. */
.section-title h2,.payroll-concept-title h2,.workday-page-head h2,.recipe-screen-head h2,.invoice-reference-heading h2,.hs-work-page>header h2,.shift-history-page-head h2,.employee-page-head h2,.next-page-heading h2{font-family:var(--font-accent);font-size:var(--type-screen);line-height:var(--line-screen)}
.heading p,.home-title-block p,.section-title p,.next-page-heading p,.workday-page-head p,.recipe-screen-head p,.employee-page-head p{font-size:var(--type-body);line-height:var(--line-body);font-weight:400}
.home-title-block h1,.account-page-head h1,.login-card h1{font-family:var(--font-accent);font-size:var(--type-screen);line-height:var(--line-screen);font-weight:700;letter-spacing:0}
.next-row small,.invoice-row-copy small,.recipe-list-main small,.finance-expense-copy small,.home-team-copy small,.employee-table-next,.employee-table-tenure,.subtitle,.muted,.note,.next-home-caption,.next-updated,.workday-period,.workday-revenue small,.notification-preferences label{font-size:var(--type-secondary);line-height:var(--line-secondary);font-weight:500}
.next-home-hero,.next-banner,.finance-profit,.payroll-overview,.history-summary,.workday-current-card,.employee-team-banner,#screen-schedule .schedule-today-banner{background:var(--banner);color:var(--banner-ink)}
.next-home-hero small,.next-banner small,.finance-profit small,.payroll-overview small,.history-summary small,.workday-current-card small,.employee-team-banner small,#screen-schedule .schedule-today-banner small{color:inherit}
.next-home-number,.next-money,.reports-big-number,.payroll-concept-total,.finance-profit>strong,.workday-revenue strong,.employee-team-info>strong{font-family:var(--font-accent);font-size:var(--type-accent);line-height:var(--line-accent);font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
.next-home-number[style]{font-family:var(--font-ui);font-size:var(--type-section)!important;line-height:var(--line-section);font-weight:700}
:root body :is(.next-currency,.invoice-currency,.payroll-currency,.payroll-ruble){font:inherit;letter-spacing:inherit;vertical-align:baseline;white-space:nowrap}
.invoice-overview>.invoice-month-total>strong,.invoice-overview>div>strong,.next-month-metrics strong,.summary-bottom strong,.compact-metrics strong,.payroll-concept-metrics strong,.workday-operation-totals strong{font-family:var(--font-ui);font-size:var(--type-section);line-height:var(--line-section);font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
.home-date,.plan-source,.next-updated,.workday-period,.history-row-date,.recipe-version-label,.employee-table-head,.invoice-number{font-family:var(--font-service);font-size:var(--type-service);line-height:var(--line-service);font-weight:500}
input:where(:not([type=checkbox]):not([type=radio]):not([type=file])),textarea,select,.text-field{font-family:var(--font-ui);font-size:1rem;line-height:1.5rem;font-weight:400;background:var(--field);color:var(--ink);border-color:var(--line);caret-color:var(--sand)}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{font-family:var(--font-service);font-size:1rem;font-weight:500}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.primary-button,.hs-main-action,.next-primary,.next-add,.recipe-fab,.invoice-add-button,.history-add-button,.task-add{background:var(--accent);color:var(--milk);border:1px solid #8b8e77;font-weight:600}
.danger-button{background:var(--error-surface);color:var(--danger);border-color:#be8e91}
.finance-alert,.reports-alert,.is-error,.section-inline-error,.hs-inline-error{color:var(--danger)}
.next-badge.is-warning,.next-badge.warning{background:var(--warning-surface);color:var(--warning)}
.next-badge.is-danger,.next-badge.danger{background:var(--error-surface);color:var(--danger)}
.next-badge.is-success,.next-badge.good{background:var(--success-surface);color:var(--success)}
.next-home-hero .next-team-row,.next-banner .summary-bottom,.invoice-overview>.invoice-month-total{border-color:#b9bca16b}
.next-track{background:#f5f1e826}.next-track>i{background:var(--milk)}
.next-status,.workday-status{background:#f5f1e81a;color:inherit}
.next-month-card,.work-card,.next-card,.more-next-group,.more-notifications,.notifications-settings,.recipe-content-card,.recipe-group,.invoice-list-surface{background:var(--paper);border-color:var(--line)}
.next-card.approval-card{background:var(--raised)}
#bottom-nav{background:var(--paper);border-color:var(--line)}
#bottom-nav .nav-item{color:var(--sand)}#bottom-nav .nav-item.is-active,#bottom-nav .nav-item[aria-current=page]{color:var(--milk)}
.next-nav-marker,.next-tab-marker{background:var(--selected);box-shadow:inset 0 0 0 1px #8b8e77}
.next-sidebar{background:var(--nav)}.next-sidebar-brand{font:500 .6875rem/1rem var(--font-ui);letter-spacing:0}
.next-sidebar-shop{font-size:0;line-height:0;min-height:44px;display:flex;align-items:center;padding:0 12px;margin-block:12px 24px}
.next-sidebar-shop::after,.next-place::after{content:'';display:block;background:var(--milk);mask:url('./reliz-logo.png') center/contain no-repeat;-webkit-mask:url('./reliz-logo.png') center/contain no-repeat}
.next-sidebar-shop::after{width:124px;height:44px}
.next-sidebar-profile{background:#33312d;color:var(--ink)}
.next-sidebar button[aria-current=page]{background:var(--selected);color:var(--milk);box-shadow:inset 0 0 0 1px #8b8e77}
.next-version-bar{background:var(--bg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;isolation:isolate;opacity:1;backdrop-filter:none}
.next-version-bar>.next-place,.next-return[hidden]+.next-place{font-size:0;line-height:0;grid-column:2;text-align:center;justify-self:center;min-height:44px;display:flex;align-items:center;overflow:hidden}
.next-place::after{width:126px;height:35px}.next-account{grid-column:3;justify-self:end}.next-account-name{display:none}.next-return{grid-column:1;justify-self:start;min-width:44px;max-width:100%;font-family:var(--font-ui);font-size:.875rem;line-height:1.25rem;font-weight:600}.next-account-dot{width:44px;height:44px;flex-basis:44px;background:var(--raised)}
.bottom-sheet,.sheet-card,.modal-card,.fullscreen-layer .recipe-flow-page{background:var(--paper);color:var(--ink);border-color:var(--line)}
.bottom-sheet h2,.sheet-card h2,.modal-card h2,.recipe-flow-head h2,.schedule-publish-sheet .schedule-sheet-heading h2,.schedule-day-editor-sheet .schedule-sheet-heading h2{font-family:var(--font-ui);font-size:var(--type-section);line-height:var(--line-section);font-weight:700;letter-spacing:0}
.sheet-backdrop,.fullscreen-layer:has(.recipe-flow-page){background:#0d0b0999;backdrop-filter:none}
::selection{background:var(--olive);color:var(--milk)}
@media(max-width:760px){.next-place::after{width:112px}.next-version-bar{gap:8px}.next-return{max-width:100%}.next-home-grid .next-card-head h2{font-size:var(--type-section);line-height:var(--line-section)}.next-home-number,.workday-revenue strong,.payroll-concept-total{font-size:var(--type-accent);line-height:var(--line-accent)}.employee-team-info>strong{font-size:var(--type-accent);line-height:var(--line-accent)}}
@media(max-width:350px){.next-place::after{width:98px}.next-version-bar{gap:6px}.invoice-overview,.summary-bottom,.compact-metrics{gap:12px}.next-home-hero,.next-month-card,.work-card,.next-card{padding:18px}.next-card-head{flex-wrap:wrap}.section-title,.next-page-heading,.workday-page-head,.recipe-screen-head,.payroll-concept-title{gap:12px;align-items:flex-start}.section-title>div,.next-page-heading>div,.recipe-screen-head>div,.workday-page-head>div{min-width:0}}
@media(forced-colors:active){.next-place::after,.next-sidebar-shop::after{background:CanvasText}.next-nav-marker,.next-tab-marker{outline:1px solid Highlight}}

/* Owner-approved home revenue emphasis: 40 CSS px at the default root. */
#screen-home .next-home-number:not([style]){font-size:2.5rem;line-height:3rem}

/* Reduce the home heading-to-revenue gap to one third of 22px. */
#screen-home .next-home-number:not([style]){margin-top:calc(1.375rem / 3)}

/* Home heading annotation; date wraps when the row has insufficient room. */
#greeting-title{font-size:2.8125rem;line-height:1}
#home-greeting{font-size:.9375rem;line-height:1.5rem}
#home-hero .home-title-row{flex-wrap:wrap;row-gap:.5rem}
#home-hero .home-title-block{min-width:0}

/* Active shift roster status; opacity-only pulse, no layout or paint animation. */
#screen-shifts .workday-team-state[data-state=live] i{background:#69b981;animation:reliz-team-live 2.8s linear infinite}
@keyframes reliz-team-live{0%,100%{opacity:1}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){#screen-shifts .workday-team-state[data-state=live] i{animation:none}}

/* The open shift badge matches the home live badge. */
#screen-shifts .workday-status.is-open{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:#f5f1e81a;font:400 .8125rem/1.5rem var(--font-ui)}
#screen-shifts .workday-status.is-open i{width:6px;height:6px;flex:none;border-radius:50%;background:#32c66b;box-shadow:0 0 7px #32c66b80;animation:next-lamp 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){#screen-shifts .workday-status.is-open i{animation:none}}

/* Shared geometry for the mobile navigation shell and selection. */
#bottom-nav{--nav-radius:1.25rem;border-radius:var(--nav-radius)}
#bottom-nav .nav-item,#bottom-nav .next-nav-marker{border-radius:var(--nav-radius)}

/* Shared page-title scale, approved from the home header. */
:root{--type-screen:2.8125rem;--line-screen:2.8125rem;--type-page-subtitle:.9375rem;--line-page-subtitle:1.5rem}
.heading p,.home-title-block p,.section-title p,.next-page-heading p,.workday-page-head p,.recipe-screen-head p,.employee-page-head p,.finance-heading p,.reports-heading p,.payroll-concept-title p,.invoice-reference-subtitle,.hs-work-page>header p,.shift-history-page-head p,.account-page-head p{font-size:var(--type-page-subtitle);line-height:var(--line-page-subtitle);font-weight:400}
.next-page-heading,.section-title,.finance-heading,.reports-heading,.payroll-concept-title,.workday-page-head,.recipe-screen-head,.invoice-reference-heading,.hs-work-page>header,.shift-history-page-head,.employee-page-head{flex-wrap:wrap;row-gap:12px}
.next-page-heading>div,.section-title>div,.finance-heading>div,.reports-heading>div,.payroll-concept-title>div,.workday-page-head>div,.recipe-screen-head>div,.invoice-reference-heading>div,.shift-history-page-head>div,.employee-page-head>div{min-width:0;max-width:100%}

/* 20 Oct: readable opening action and compact connection heading. */
#screen-home .next-home-open{background:var(--olive);color:var(--milk);border:1px solid #8b8e77}
#loading-view h1{font:700 1.375rem/1.875rem var(--font-accent);letter-spacing:0;overflow-wrap:normal;word-break:normal}
