/* Component geometry copied from the accepted home/workshift HTML. Latest identity rules follow. */ #screen-home.approved-home .home-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}#screen-home.approved-home .home-column{display:grid;gap:24px;min-width:0}#screen-home.approved-home .overview-hero{padding:26px;border-radius:24px;background:var(--banner);color:var(--banner-ink)}#screen-home.approved-home .hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}#screen-home.approved-home .home-kicker{font-size:13px}#screen-home.approved-home .home-status{padding:5px 9px;font-size:12px;border-radius:8px;background:#ffffff55;white-space:nowrap}#screen-home.approved-home .home-status:before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;background:currentColor;margin-right:6px}#screen-home.approved-home .plan-main{font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-1.4px;margin:18px 0 8px;font-variant-numeric:tabular-nums}#screen-home.approved-home .rub{font-size:.55em;margin-left:3px;letter-spacing:0}#screen-home.approved-home .hero-summary{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px}#screen-home.approved-home .hero-summary strong{font-weight:750}#screen-home.approved-home .progress{height:7px;border-radius:8px;background:#796b6130;overflow:hidden;margin:20px 0 10px}#screen-home.approved-home .progress i{display:block;height:100%;background:var(--banner-ink);border-radius:8px}#screen-home.approved-home .progress-copy{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:12px}#screen-home.approved-home .updated{font-size:12px;margin-top:8px}#screen-home.approved-home .hero-team{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #796b6140;padding-top:20px;margin-top:22px}#screen-home.approved-home .overlap-faces{display:flex;gap:4px}#screen-home.approved-home .avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:750;flex-shrink:0}#screen-home.approved-home .avatar{background:var(--avatar-dark)!important;color:white}#screen-home.approved-home .hero-names{font-size:13px;font-weight:750}#screen-home.approved-home .hero-names small{display:block;font-weight:450;margin-top:3px}#screen-home.approved-home .hero-team .home-link{color:var(--banner-ink);margin-left:auto}#screen-home.approved-home .home-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;color:var(--blue);font-size:13px;font-weight:650}#screen-home.approved-home .home-link svg{width:16px;height:16px}#screen-home.approved-home .card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}#screen-home.approved-home .attention-count{padding:4px 8px;border-radius:8px;background:var(--raised);font-size:12px}#screen-home.approved-home .home-card,#screen-home.approved-home .focus-card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:20px;min-width:0}#screen-home.approved-home .home-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-top:10px}#screen-home.approved-home .task-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:16px 0;border-bottom:1px solid var(--line)}#screen-home.approved-home .task-row:last-child{border:0;padding-bottom:0}#screen-home.approved-home .task-row>svg{margin-left:auto;width:16px;height:16px}#screen-home.approved-home .row-icon{width:36px;height:36px;border-radius:11px;background:var(--raised);display:grid;place-items:center;flex-shrink:0}#screen-home.approved-home .row-icon svg{width:18px;height:18px}#screen-home.approved-home .task-content{flex:1;min-width:0}#screen-home.approved-home .task-content strong{display:block;font-size:14px;font-weight:750}#screen-home.approved-home .task-content small{display:block;margin-top:5px;color:var(--muted)}#screen-home.approved-home .task-content .urgent{color:var(--blue);font-weight:650}#screen-home.approved-home .compact-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}#screen-home.approved-home .compact-metrics strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.6px;font-variant-numeric:tabular-nums}#screen-home.approved-home .compact-metrics small{display:block;color:var(--muted);margin-top:5px}#screen-home.approved-home .month-note{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}#screen-home.approved-home .month-note strong{display:block;font-size:24px;font-weight:800;color:var(--blue)}#screen-home.approved-home .month-note small{display:block;color:var(--muted)}#screen-home.approved-home .forecast-note{font-size:12px!important}#screen-home.approved-home .home-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#screen-home.approved-home .shelf-link{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--paper);font-size:13px;font-weight:650;text-align:left}#screen-home.approved-home .next-shift{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}#screen-home.approved-home .next-shift strong{display:block;font-size:17px}#screen-home.approved-home .next-shift small{display:block;color:var(--muted)}#screen-home.approved-home .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#screen-home.approved-home .home-actions button{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--field);padding:12px;border-radius:13px;font-size:13px}#screen-home.approved-home .primary{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 16px;border-radius:13px;background:var(--accent);color:#fff;font-size:14px;font-weight:650}#screen-home.approved-home .hero-open{margin-top:22px;background:var(--banner-ink);color:var(--banner);width:100%}#screen-home.approved-home .empty-copy{font-size:14px;color:var(--muted);margin-top:14px} @media(max-width:1050px) and (min-width:761px){#screen-home.approved-home .home-layout{grid-template-columns:1fr}#screen-home.approved-home .home-column{gap:20px}} @media(max-width:760px){#screen-home.approved-home .home-layout{display:flex;flex-direction:column;gap:20px}#screen-home.approved-home .home-column{display:contents}#screen-home.approved-home .overview-hero{order:0;padding:22px}#screen-home.approved-home .focus-card{order:2}#screen-home.approved-home .home-column:last-child>.focus-card:first-child{order:1}#screen-home.approved-home .home-card{order:3}#screen-home.approved-home .home-shelf{order:4}#screen-home.approved-home .plan-main{font-size:44px}#screen-home.approved-home .home-card,#screen-home.approved-home .focus-card{padding:20px}#screen-home.approved-home .hero-team{gap:10px}#screen-home.approved-home .hero-team .home-link{margin-left:0}#screen-home.approved-home .compact-metrics strong{font-size:24px}#screen-home.approved-home .shelf-link{font-size:12px}} @media(max-width:350px){#screen-home.approved-home .overview-hero,#screen-home.approved-home .home-card,#screen-home.approved-home .focus-card{padding:18px}#screen-home.approved-home .compact-metrics strong{font-size:21px}#screen-home.approved-home .shelf-link{padding:12px}#screen-home.approved-home .plan-main{font-size:40px}} /* Flex columns must stretch all cards exposed by display:contents. */ @media(max-width:760px){ #screen-home.approved-home .home-layout{align-items:stretch;width:100%;min-width:0} #screen-home.approved-home .home-layout>.home-column>*{width:100%;max-width:100%;min-width:0} } /* Separate review requests from active work, while keeping common card edges. */ #screen-home.approved-home .hero-team .home-link{margin-left:auto;flex-shrink:0} #screen-home.approved-home .approval-card{background:var(--selected);border-color:var(--line)} #screen-home.approved-home .approval-card .card-head{padding-bottom:14px;border-bottom:1px solid var(--line)} #screen-home.approved-home .approval-label{display:block;color:var(--blue);font-size:12px;font-weight:650;margin-bottom:5px} #screen-home.approved-home .approval-card .row-icon{background:var(--paper)} #screen-home.approved-home .approval-card .attention-count{background:var(--paper)} @media(max-width:400px){#screen-home.approved-home .hero-team .hero-names{flex:1;min-width:130px}#screen-home.approved-home .hero-team .home-link{margin-left:auto}#screen-home.approved-home .approval-card h2{font-size:17px}} #screen-home.approved-home .team-tasks-card .card-head{padding-bottom:14px;border-bottom:1px solid var(--line)} #screen-home.approved-home .month-summary-card .card-head{padding-bottom:14px;border-bottom:1px solid var(--line)} #screen-home.approved-home .month-summary-card .compact-metrics strong{line-height:1.2}#screen-home.approved-home .month-summary-card .compact-metrics small{margin-top:2px} #screen-home.approved-home .month-summary-card .month-note strong{line-height:1.2} #screen-home.approved-home .month-summary-card>p.forecast-note{margin-top:2px} #screen-home.approved-home .home-shelf .shelf-link{flex-direction:row;align-items:center;gap:8px;padding:14px 12px;white-space:nowrap} #screen-home.approved-home .home-shelf .shelf-link svg{width:20px;height:20px} @media(max-width:400px){#screen-home.approved-home .home-shelf{grid-template-columns:1fr}#screen-home.approved-home .home-shelf .shelf-link{padding:14px 16px;font-size:13px}}#screen-home.approved-home .team-tasks-card .card-head>div:first-child{min-width:0} @media(max-width:350px){#screen-home.approved-home .team-tasks-card h2{font-size:16px}} #screen-home.approved-home .home-status.is-live:before{background:#32c66b;box-shadow:0 0 4px #32c66bb0,0 0 9px #32c66b65;animation:live-lamp 2.8s ease-in-out infinite} @keyframes live-lamp{0%,100%{opacity:1;box-shadow:0 0 5px #32c66bcc,0 0 12px #32c66b80}45%,55%{opacity:.35;box-shadow:0 0 1px #32c66b40,0 0 3px #32c66b20}} @media(prefers-reduced-motion:reduce){#screen-home.approved-home .home-status.is-live:before{animation:none}} #screen-home.approved-home .home-status.is-waiting:before{background:#e7b923;box-shadow:0 0 5px #e7b923cc,0 0 12px #e7b92380;animation:waiting-lamp 2.8s ease-in-out infinite} @keyframes waiting-lamp{0%,100%{opacity:1;box-shadow:0 0 5px #e7b923cc,0 0 12px #e7b92380}45%,55%{opacity:.35;box-shadow:0 0 1px #e7b92340,0 0 3px #e7b92320}} @media(prefers-reduced-motion:reduce){#screen-home.approved-home .home-status.is-waiting:before{animation:none}} #screen-home.approved-home .home-status.is-closed:before{background:#e45454;box-shadow:0 0 5px #e45454cc,0 0 12px #e4545480;animation:closed-lamp 2.8s ease-in-out infinite} @keyframes closed-lamp{0%,100%{opacity:1;box-shadow:0 0 5px #e45454cc,0 0 12px #e4545480}45%,55%{opacity:.35;box-shadow:0 0 1px #e4545440,0 0 3px #e4545420}} @media(prefers-reduced-motion:reduce){#screen-home.approved-home .home-status.is-closed:before{animation:none}} #screen-home.approved-home .plan-deviation-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;background:var(--selected);text-align:center} #screen-home.approved-home .month-note .plan-deviation-badge strong{font-size:18px;line-height:1.2} #screen-home.approved-home .month-note .plan-deviation-badge small{font-size:12px;margin-top:3px;color:var(--ink)} @media(max-width:350px){#screen-home.approved-home .month-note{gap:8px;flex-wrap:wrap}#screen-home.approved-home .plan-deviation-badge{padding:8px 10px}} #screen-home.approved-home .deviation-value{display:flex;align-items:center;justify-content:center;gap:5px} #screen-home.approved-home .plan-deviation-badge.is-positive .deviation-value svg{width:18px;height:18px;color:#278548;animation:positive-arrow 2.4s ease-in-out infinite} #screen-home.approved-home .plan-deviation-badge.is-positive .deviation-value svg{color:#69d08f} @keyframes positive-arrow{0%,100%{transform:translateY(2px)}50%{transform:translateY(-2px)}} @media(prefers-reduced-motion:reduce){#screen-home.approved-home .plan-deviation-badge.is-positive .deviation-value svg{animation:none;transform:none}} #screen-home.approved-home .month-summary-card .month-note>span:first-child{min-width:0} #screen-home.approved-home .month-summary-card .month-note .forecast-note{margin:2px 0 0;font-size:12px;line-height:1.4} #screen-home.approved-home .month-summary-card .month-note{align-items:start} #screen-home.approved-home .plan-deviation-badge.is-negative .deviation-value svg{width:18px;height:18px;color:#bd4444;animation:negative-arrow 2.4s ease-in-out infinite} #screen-home.approved-home .plan-deviation-badge.is-negative .deviation-value svg{color:#f08b8b} @keyframes negative-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}} @media(prefers-reduced-motion:reduce){#screen-home.approved-home .plan-deviation-badge.is-negative .deviation-value svg{animation:none;transform:none}} /* Theme changes fade together without moving or resizing the layout. */ /* Palette tokens override the earlier olive prototype in both themes. */ /* Quiet navigation chrome: one silhouette per destination, compact captions. */ @keyframes sheet-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes scrim-enter{from{opacity:0}to{opacity:1}} /* Distinct surfaces on white; readable initials on individual dark avatar hues. */ /* A single Cyrillic family, with deliberate weights for each information level. */ /* One icon family: consistent optical size, rounded ends and balanced stroke. */ /* Floating navigation, kept clear of iPhone safe areas and page content. */#screen-shifts .shift-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}#screen-shifts .shift-main,#screen-shifts .shift-aside{display:grid;gap:24px;min-width:0}#screen-shifts .shift-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px}#screen-shifts .shift-card h2{margin:0;font-size:18px;font-weight:750;letter-spacing:-.3px}#screen-shifts .card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}#screen-shifts .card-head button{font-size:12px;font-weight:600;color:var(--blue);padding:0}#screen-shifts .shift-hero{background:var(--banner);color:var(--banner-ink);border:0}#screen-shifts .shift-hero .card-head{margin-bottom:22px}#screen-shifts .shift-date{font-size:14px;font-weight:600}#screen-shifts .shift-status{font-size:12px;padding:5px 10px;border-radius:8px;background:#ffffff70;color:var(--banner-ink);white-space:nowrap}#screen-shifts .shift-status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}#screen-shifts .shift-hero small{display:block;font-size:13px;line-height:1.5}#screen-shifts .big-money{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-1.7px;margin:8px 0 10px;font-variant-numeric:tabular-nums}#screen-shifts .rub{font-size:.5em;font-weight:600;letter-spacing:0;margin-left:4px}#screen-shifts .hero-updated{font-size:12px}#screen-shifts .cash-start{padding-top:20px;margin-top:20px;border-top:1px solid #796b6140;font-size:13px;display:flex;justify-content:space-between;gap:16px}#screen-shifts .cash-start strong{font-size:15px;font-weight:700}#screen-shifts .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}#screen-shifts .metrics small{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}#screen-shifts .metrics strong{font-size:20px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}#screen-shifts .metrics .rub{font-size:.7em}#screen-shifts .quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#screen-shifts .quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);background:var(--field);padding:14px 4px;border-radius:13px;font-size:12px;font-weight:600;min-height:80px}#screen-shifts .quick-action svg{width:22px;height:22px}#screen-shifts .invoice-action{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:var(--paper);border:1px solid var(--line);padding:18px 20px;border-radius:16px}#screen-shifts .invoice-action>span{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}#screen-shifts .invoice-action small{display:block;color:var(--muted);font-weight:450;font-size:12px}#screen-shifts .shift-person{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}#screen-shifts .shift-person:last-child{border:0;padding-bottom:0}#screen-shifts .shift-person .avatar{width:40px;height:40px;border-radius:13px;font-size:12px}#screen-shifts .shift-person strong{display:block;font-size:14px;font-weight:750}#screen-shifts .shift-person small{display:block;color:var(--muted);font-size:12px;margin-top:3px}#screen-shifts .log-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}#screen-shifts .log-row:last-child{border:0;padding-bottom:0}#screen-shifts .log-icon{width:32px;height:32px;border-radius:10px;background:var(--raised);display:grid;place-items:center;flex-shrink:0;color:var(--muted)}#screen-shifts .log-icon svg{width:17px;height:17px}#screen-shifts .log-row strong{font-size:13px;display:block;font-weight:650}#screen-shifts .log-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}#screen-shifts .log-amount{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:650}#screen-shifts .shift-close{border:1px solid var(--line);background:var(--paper);min-height:48px;border-radius:13px;color:#a03b4a;font-size:14px;font-weight:650;width:100%}#screen-shifts .shift-close{color:#eda4ad}#screen-shifts .secondary-wide{width:100%;border:1px solid var(--line);border-radius:12px;min-height:48px;font-size:13px;font-weight:650;margin-top:16px;background:var(--field)}#screen-shifts .shift-note{color:var(--muted);font-size:13px;line-height:1.6;margin:14px 0 0}#screen-shifts .pending-panel{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--field);font-size:13px;margin-bottom:18px}#screen-shifts .pending-panel strong{display:block;font-size:14px}#screen-shifts .pending-panel p{font-size:12px;color:var(--muted);margin:6px 0 12px}#screen-shifts .pending-actions{display:flex;gap:8px}#screen-shifts .pending-actions button{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:7px 12px;font-size:12px;flex:1}#screen-shifts .pending-actions .accept{background:var(--accent);color:white;border-color:var(--accent)}#screen-shifts .empty-shift .primary{margin-top:20px;width:100%}#screen-shifts .opening-summary{margin:20px 0 24px}#screen-shifts .opening-summary strong{display:block;font-size:28px;font-weight:750;margin-top:6px}#screen-shifts .opening-summary small{color:var(--muted);font-size:13px}#screen-shifts .closed-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}#screen-shifts .closed-summary small{font-size:12px}#screen-shifts .closed-summary strong{display:block;font-size:20px;font-weight:700;margin-top:5px} @media(max-width:1100px){#screen-shifts .shift-layout{grid-template-columns:minmax(0,1fr)}#screen-shifts .shift-aside{grid-template-columns:1fr 1fr}#screen-shifts .shift-aside .shift-close{grid-column:1 / -1}} @media(max-width:760px){#screen-shifts .shift-main,#screen-shifts .shift-aside,#screen-shifts .shift-layout{gap:16px}#screen-shifts .shift-aside{grid-template-columns:1fr}#screen-shifts .shift-card{padding:20px;border-radius:18px}#screen-shifts .big-money{font-size:42px}#screen-shifts .shift-card h2{font-size:17px}#screen-shifts .metrics{gap:8px}#screen-shifts .metrics strong{font-size:17px}#screen-shifts .quick-action{font-size:11px;min-height:76px}#screen-shifts .shift-hero .card-head{margin-bottom:20px}#screen-shifts .log-row{gap:10px}} /* Numeric amounts are entered directly, without native increment/decrement controls. */ /* All editable controls share the theme accent for focus, including textareas. */ @media(max-width:350px){#screen-shifts .shift-card .card-head h2{font-size:15px}} /* Theme-aware choices replace native OS selection highlights. */ /* Shared page geometry for the new CoffeeOS prototypes. */ #screen-home.approved-home .overview-hero{background:var(--banner);color:var(--banner-ink)} #screen-home.approved-home :is(h2,h3){font-family:var(--font-ui);font-weight:700;letter-spacing:0} #screen-home.approved-home h2{font-size:var(--type-section);line-height:var(--line-section)} #screen-home.approved-home .plan-main:not(.is-period){font:700 2.5rem/3rem var(--font-accent);margin:calc(22px / 3) 0 8px;letter-spacing:0} #screen-home.approved-home .plan-main.is-period{font:700 1.75rem/2.25rem var(--font-ui);letter-spacing:0} #screen-home.approved-home :is(.rub,.next-currency){font:inherit;letter-spacing:0;vertical-align:baseline} #screen-home.approved-home .hero-open{background:var(--accent);color:var(--milk);border:1px solid #8b8e77;display:block;width:100%;min-height:48px} #screen-home.approved-home .hero-team .employee-dot{width:36px;height:36px;border-radius:12px;flex:none} #screen-home.approved-home .hero-team{flex-wrap:wrap}.approved-home .hero-team .hero-names{min-width:0;flex:1} #screen-home.approved-home .hero-team button{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none;font-size:13px;font-weight:650;padding:0} #screen-home.approved-home .hero-team button svg{width:16px;height:16px} #screen-home.approved-home .approval-card{background:var(--raised)} #screen-home.approved-home .task-row{font-family:var(--font-ui)} #screen-home.approved-home .task-content small{font-size:.8125rem;line-height:1.4} #screen-home.approved-home .card-head button{display:flex;align-items:center;gap:4px;padding:0;font-size:.8125rem;color:var(--blue)} #screen-home.approved-home .card-head button svg{width:16px;height:16px} #screen-home.approved-home .month-note p{font-size:.75rem;line-height:1.4;color:var(--muted);margin-top:2px} #screen-home.approved-home .month-summary-card .card-head small{display:block;color:var(--blue);margin-bottom:5px} #screen-home.approved-home .home-shelf .shelf-link .action-icon{display:contents} #screen-home.approved-home .home-shelf .shelf-link strong{font:inherit} #screen-home.approved-home .home-shelf .shelf-link{white-space:normal} #screen-home.approved-home .overview-hero small{color:inherit} #screen-home.approved-home .home-status{background:#f5f1e81a;font:400 .8125rem/1.5rem var(--font-ui)} #screen-shifts .approved-shift-main,#screen-shifts .approved-shift-aside{display:grid;gap:24px;min-width:0} #screen-shifts .approved-empty-shift .card-head{align-items:start;flex-wrap:wrap} #screen-shifts .approved-empty-shift .shift-status{background:var(--raised);color:var(--warning)} #screen-shifts .opening-summary strong{font-family:var(--font-accent);letter-spacing:0} #screen-shifts .shift-open-participant{display:flex;align-items:center;gap:12px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0} #screen-shifts .shift-open-participant:last-child{border-bottom:0} #screen-shifts .shift-open-participant>span{min-width:0}.shift-open-participant strong{display:block} #screen-shifts .shift-open-participant small{display:block;color:var(--muted)} #screen-shifts .shift-open-participant .employee-dot{width:40px;height:40px;border-radius:13px;flex:none} #screen-shifts .workday-current-card.is-open .workday-status-row{margin-bottom:20px} #screen-shifts .workday-current-card.is-open .shift-date{font:500 .875rem/1.25rem var(--font-ui)} #screen-shifts .workday-revenue>small:first-child{font-size:.875rem} #screen-shifts .workday-operations>.card-head{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:20px} .approved-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.approved-sheet-head button{width:44px;height:44px;padding:10px;flex:none} .approved-opening-sheet .field-label{display:block;margin-top:20px}.approved-opening-sheet .text-field{width:100%;margin-top:8px} @media(max-width:760px){#screen-shifts .approved-shift-main,#screen-shifts .approved-shift-aside{gap:16px}} /* Explicit loader exception requested on 20 October. Keep rem scaling and wrapping at enlarged text sizes. */ #loading-view h1{font:700 1.375rem/1.875rem var(--font-accent);letter-spacing:0;overflow-wrap:normal;word-break:normal} .approved-closing-sheet{padding:24px;max-height:calc(100dvh - 32px - env(safe-area-inset-top));overflow:auto} .approved-closing-sheet .approved-sheet-head{margin-bottom:16px}.approved-closing-sheet .card-label{display:none} .approved-closing-sheet .approved-closing-actions{display:grid;gap:10px;margin-top:22px} .approved-closing-sheet .approved-closing-actions button{width:100%;min-height:48px} .approved-closing-sheet .field-label{display:block;margin-top:16px}.approved-closing-sheet .field-label input{display:block;margin-top:7px;width:100%} @media(max-width:760px){.approved-closing-sheet{padding:22px 22px calc(24px + env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top))}} /* Short screens keep the same full-height shell as long sections on mobile WebKit. */ html,body{min-height:100%}body,#app{min-height:100dvh} #screen-home.approved-home .materials{display:flex;align-items:center;gap:12px;text-align:left;width:100%} #screen-home.approved-home .materials strong{display:block;font-size:14px;font-weight:750} #screen-home.approved-home .materials small{display:block;color:var(--muted);margin-top:4px} #screen-home.approved-home .materials>svg{margin-left:auto} #screen-shifts .approved-shift-layout>.approved-shift-main,#screen-shifts .approved-shift-layout>.approved-shift-aside{gap:24px} #screen-shifts .approved-shift-main>.workday-invoice-action{margin:0} @media(max-width:760px){#screen-shifts .approved-shift-layout>.approved-shift-main,#screen-shifts .approved-shift-layout>.approved-shift-aside{gap:16px}} #screen-shifts .approved-shift-layout>.approved-shift-main,#screen-shifts .approved-shift-layout>.approved-shift-aside{align-content:start}