/* Selected design 06: soft surfaces, circular chevrons, compact progress. */
html[data-company="heuer"]{--company-accent:#df293c;--company-tint:#fff3f5;--company-accent-ink:#fff;}
html[data-company="hhd"]{--company-accent:#f18700;--company-tint:#fff5e8;--company-accent-ink:#18263b;}
html[data-theme] body :is(#homeApp,#workApp,#reportsApp,#wageApp) :is(.modern-card,.report-editor,.wage-panel,.entry-panel,.company-picker){border:1px solid #e4e8ec!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(24,38,59,.045)!important;}
html[data-theme] body :is(#reportsApp,#wageApp) details.compact-archive{border:1px solid #e4e8ec!important;border-radius:20px!important;box-shadow:0 6px 20px rgba(24,38,59,.045)!important;}
html[data-theme] body :is(#reportsApp,#wageApp) details.compact-archive>summary{min-height:60px!important;padding:10px 16px!important;gap:12px!important;border:0!important;border-radius:20px!important;background:#fff!important;font-size:16px!important;line-height:1.3!important;}
html[data-theme] body :is(#homeApp,#workApp,#reportsApp,#wageApp) details>summary::after,
html[data-theme] body dialog details>summary::after{content:''!important;display:block!important;box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;margin:0 0 0 auto!important;padding:0!important;border:1px solid #edf0f3!important;border-radius:50%!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%23243242' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;box-shadow:0 3px 10px rgba(24,38,59,.10)!important;transform:rotate(0)!important;transition:transform .2s ease,box-shadow .2s ease!important;}
html[data-theme] body :is(#homeApp,#workApp,#reportsApp,#wageApp) details[open]>summary::after,
html[data-theme] body dialog details[open]>summary::after{transform:rotate(180deg)!important;}
html[data-theme] body #workApp :is(.history-month,.history-day)>summary::before{content:none!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-heading{padding:14px 16px!important;border:1px solid #e4e8ec!important;border-top:1px solid #e4e8ec!important;border-radius:20px!important;box-shadow:0 6px 20px rgba(24,38,59,.06)!important;margin-bottom:16px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-status-row{margin-bottom:8px!important;gap:8px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-counter{font-size:13px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-remaining{font-size:12px!important;padding:4px 8px!important;background:var(--company-tint)!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-heading>strong{font-size:18px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-progress{gap:5px!important;margin-top:12px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-progress span{height:5px!important;min-height:5px!important;padding:0!important;border:0!important;border-radius:20px!important;font-size:0!important;line-height:0!important;color:transparent!important;background:#e5e9ed!important;outline:none!important;box-shadow:none!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-progress :is(.current,.done){background:var(--company-accent)!important;}
html[data-theme] body #reportsApp #reportSaveStatus.guided-save-status{font-size:12px!important;margin-top:10px!important;padding-top:9px!important;line-height:1.4!important;}
html[data-theme] body :is(#homeApp,#workApp,#reportsApp,#wageApp) summary:focus-visible{outline:2px solid var(--company-accent)!important;outline-offset:3px!important;}
@media(prefers-reduced-motion:reduce){html[data-theme] body details>summary::after{transition:none!important;}}

html[data-theme] body #homeApp>.welcome-logo{display:block;width:min(330px,85%);height:110px;object-fit:contain;margin:12px auto 24px;}
html[data-theme] body :is(#profileForm,#cloudBackupDialog)>.welcome-logo{display:block;width:min(320px,90%);height:110px;object-fit:contain;margin:8px auto 22px;}
html[data-theme] body .welcome-greeting{text-align:center;font-size:26px!important;font-weight:750!important;margin:0 0 18px!important;color:#18263b!important;}
html[data-theme] body #homeApp .home-intro{text-align:center!important;margin-bottom:22px!important;}
html[data-theme] body #homeApp #homeGreeting{font-size:clamp(24px,6vw,32px)!important;line-height:1.2!important;}