/* V89 mobile-first Ulutas concept, neutral surfaces and purposeful accents. */
html[data-theme="light"]{--app-bg:#f5f7f9;--app-text:#112033;--app-muted:#657080;--app-line:#e1e6eb;--app-red:#df293c;--app-control:#f4f6f8}
html[data-theme="light"] body{background:#f5f7f9!important;color:#112033!important}
body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
html{scroll-padding-bottom:calc(170px + env(safe-area-inset-bottom))}
.guided-footer button{scroll-margin-bottom:calc(170px + env(safe-area-inset-bottom))}
body .feedback-banner.feedback-info{top:12px!important;bottom:auto!important;transform:none!important;pointer-events:none}
body .feedback-banner.feedback-info button{pointer-events:auto}
body [hidden]{display:none!important}
body #reportTabs,body>.local-info{display:none!important}
body .app-header{min-height:86px!important;position:relative!important;padding:10px 20px!important;display:flex!important;justify-content:flex-start!important;background:#fff!important;border-bottom:1px solid #e3e8ed!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .app-header .brand-logo{height:64px!important;width:155px!important;margin:0!important;object-fit:contain!important;padding:0!important;background:#fff!important}
body .app-header .app-menu{position:absolute!important;right:115px!important;top:23px!important}
body .app-menu .app-menu-content{position:fixed!important;left:16px!important;right:16px!important;top:84px!important;bottom:auto!important;width:min(420px,calc(100vw - 32px))!important;max-height:calc(100dvh - 180px - env(safe-area-inset-bottom))!important;margin-left:auto!important;overflow:auto!important;box-sizing:border-box;z-index:1200!important}
#menuScrim{position:fixed;inset:0 0 calc(76px + env(safe-area-inset-bottom));z-index:1099;border:0;background:rgba(15,23,32,.36);backdrop-filter:blur(2px);padding:0}body.menu-open{overflow:hidden}
body.menu-open .app-header{z-index:1201!important}
body .app-menu .modern-menu-close{position:absolute;right:14px;top:10px;width:36px;min-height:36px;padding:0!important;font-size:26px;border:1px solid #dce2e8!important;border-radius:10px!important;background:#fff!important;color:#18263b!important;cursor:pointer}
body .app-menu-content>strong{padding-right:40px!important}
body .app-menu-content>.modern-install-menu{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:52px!important;padding:11px 14px!important;border:0!important;border-radius:13px!important;background:#f4f6f8!important;color:#18263b!important;font:inherit!important;font-weight:750!important;text-align:left!important;cursor:pointer}body .modern-install-menu svg{width:23px!important;height:23px!important;flex:none!important}body .modern-install-menu span{flex:1}
body .app-menu-content :is(#cloudBackupButton,#helpMenu){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;text-align:left!important}body .app-menu-content :is(#cloudBackupButton,#helpMenu) svg{width:22px!important;height:22px!important;flex:none!important}
body details:not([open])>:not(summary){display:none!important}
body .app-header .language-menu{position:absolute!important;right:16px!important;top:23px!important}
body .app-header #quickTutorialButton{right:65px!important;width:38px!important;height:38px!important;background:#fff!important;border:1px solid #e1e6eb!important;color:#18263b!important}
body .app-header :is(.theme-menu,.language-menu)>summary{height:38px!important;width:38px!important;border:1px solid #e1e6eb!important;border-radius:11px!important;background:#fff!important;color:#18263b!important}
body :is(#workApp,#reportsApp,#wageApp,#homeApp){width:min(900px,calc(100% - 32px))!important;margin:0 auto!important;padding:24px 0 32px!important}
body #homeApp{max-width:620px!important}
body :is(.panel,.today-dashboard,.roof-type-panel,.entry-section,.report-section,.report-delivery,.wage-panel){border:1px solid #e1e6eb!important;border-radius:17px!important;box-shadow:0 2px 7px rgba(18,32,50,.035)!important}
body :is(.entry-section>summary,.report-section>summary,.entry-section-body,.report-section-body){border-color:#e1e6eb!important}
body :is(.entry-panel,.report-editor){padding:18px!important}
body .wage-panel{padding:0!important;overflow:hidden}body #wageDetails>summary{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;list-style:none;cursor:pointer;border-bottom:1px solid transparent}body #wageDetails[open]>summary{border-color:#e1e6eb}body #wageDetails>summary::-webkit-details-marker{display:none}body #wageDetails .wage-body{padding:16px!important}
body :is(.entry-panel-collapse>.panel-heading,.entry-form-top,.report-editor-collapse>.section-heading-row,.report-delivery-heading){display:none!important}
body .report-delivery{border:0!important;padding:0!important;box-shadow:none!important;margin:0!important}
body .intro{margin-bottom:20px!important}
body .intro h1{font-size:clamp(1.65rem,5vw,2.2rem)!important;letter-spacing:-.04em!important}
body .account-name-line{font-size:.9rem!important;margin-top:8px!important}
body .section-kicker{color:#a73545!important;font-size:.7rem!important;letter-spacing:.12em!important}
body :is(input,select,textarea){font-size:1rem!important;min-height:46px!important;border-radius:11px!important}
body label{font-size:.84rem!important;line-height:1.4!important}
html[data-theme="light"] body :is(label,legend,input,select,textarea,.report-section-body,.guided-step){color:#18263b!important}
html[data-theme="light"] body :is(input,select,textarea){background:#f5f7f9!important;border:1px solid #dce2e8!important}
html[data-theme="light"] body input::placeholder{color:#687588!important;opacity:1}
html[data-theme="light"] body .guided-step button:not(.confirm-action){color:#18263b}
body :is(.primary-button,.secondary-button,.continue-button,.today-add){border-radius:12px!important;min-height:43px!important;font-size:.9rem!important}
body .primary-button.confirm-action,
body #workApp .entry-panel button.primary-button[value="save"],
body #reportsApp .report-delivery-actions #shareReport,
body #wageApp .primary-button.confirm-action{background:#17543b!important;color:#fff!important;border:1px solid #13482f!important;box-shadow:none!important}
body .confirm-action::after{background:#fff!important;color:#17543b!important;border-color:#fff!important;width:21px!important;height:21px!important}
body #workApp .entry-panel :is(.day-type-button.active,.segmented input:checked+span,.choice input:checked+span),
body #reportsApp :is(.weather-choice[aria-pressed="true"],.roof-type-cards button[aria-pressed="true"],.rubric-button[aria-pressed="true"]){background:#fff!important;color:#152238!important;border-color:#df293c!important;box-shadow:none!important}
body #reportsApp .roof-type-cards button[aria-pressed="true"] :is(strong,small,span){color:#152238!important}
body .day-type-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body .day-type-button{min-height:46px!important;font-size:.87rem!important;border-width:1px!important;border-radius:11px!important}
body .roof-type-panel{padding:14px!important;margin:0 0 14px!important;background:#fff!important}
body .roof-type-cards button{min-height:70px!important;padding:9px!important}
body .roof-type-cards img{width:44px!important;height:42px!important}
body .roof-type-cards small{display:none!important}
body .weather-choices{gap:6px!important}
body .weather-choice{min-height:64px!important;border-radius:11px!important;font-size:.72rem!important;border-width:1px!important}
body .report-photo-action{min-height:48px!important;padding:10px!important;background:#fff!important;border-color:#e1e6eb!important;font-size:.85rem!important}
body .photo-thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
body .photo-thumbnail img{height:85px!important;object-fit:cover!important}
body .catalog-rubrics{gap:9px!important}
body .rubric-button{border-width:1px!important;border-radius:13px!important}
body .monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body .summary-card{min-height:92px!important;padding:14px!important}
.modern-card{background:#fff;border:1px solid #e1e6eb;border-radius:16px;box-shadow:0 2px 8px rgba(18,32,50,.035);color:#112033}
.home-intro{margin:4px 0 22px}.home-intro h1{font-size:clamp(1.75rem,6vw,2.3rem);letter-spacing:-.045em;line-height:1.15;margin:8px 0}.home-intro>p:last-child{color:#657080;font-size:.95rem;margin:9px 0}
.home-today{padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.home-today small{font-size:.82rem;font-weight:700}.home-today strong{display:block;font-size:1.6rem;letter-spacing:-.03em;margin:9px 0}.home-today p{margin:0;color:#657080;font-size:.83rem;line-height:1.5}.modern-inline{display:flex;gap:5px;align-items:center;border:0;background:#f4f6f8;border-radius:10px;padding:10px;font:inherit;font-size:.8rem;white-space:nowrap;color:#25374b}.modern-inline svg{width:17px;height:17px}
.home-actions{display:grid;gap:10px;margin-bottom:14px}.home-action{display:flex;align-items:center;text-align:left;gap:15px;padding:17px 15px;width:100%;font:inherit;cursor:pointer}.home-action>svg{width:30px;height:30px;color:#df293c;flex:none}.home-action>span:nth-child(2){flex:1;min-width:0}.home-action strong{display:block;font-size:.97rem;letter-spacing:-.025em}.home-action small{display:block;color:#657080;font-size:.8rem;margin-top:5px}.home-action>span:last-child{color:#718093;font-size:1.5rem}
.install-card{display:flex;align-items:center;gap:13px;padding:16px;width:100%;text-align:left;font:inherit;cursor:pointer;margin-bottom:14px}.install-card>span:nth-child(2){flex:1}.install-card strong{display:block;font-size:.96rem}.install-card small{display:block;font-size:.75rem;line-height:1.4;color:#657080;margin-top:4px}.platform-marks{display:flex;gap:7px;align-items:center}.platform-marks img{width:24px;height:27px;object-fit:contain}
.home-month{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;width:100%;font:inherit;text-align:left;cursor:pointer}.home-month>span{grid-column:1/-1;font-size:.91rem;font-weight:750;text-transform:capitalize}.home-month strong{font-size:1.7rem;letter-spacing:-.04em}.home-month small{padding-left:13px;border-left:1px solid #e1e6eb;color:#526174;font-size:.87rem;align-self:center}.home-history{display:flex;align-items:center;gap:12px;width:100%;padding:16px;font:inherit;text-align:left;cursor:pointer;margin-top:12px;font-size:.87rem}.home-history svg{width:23px;height:23px}.home-history span{margin-left:auto}.home-last{margin-top:12px;padding:17px}.home-last small,.home-last strong{display:block;margin-bottom:8px}.home-last button{border:0;background:#f4f6f8;border-radius:9px;padding:10px;font:inherit;font-size:.8rem}
#bottomNavigation{position:fixed;bottom:0;left:0;right:0;z-index:1300;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border-top:1px solid #e1e6eb;padding:7px max(6px,calc((100vw - 700px)/2)) calc(8px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px rgba(18,32,50,.03)}
#bottomNavigation button{background:none;border:0;color:#536177;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:3px;font:inherit;cursor:pointer;position:relative}#bottomNavigation svg{width:24px;height:24px}#bottomNavigation span{font-size:.65rem;line-height:1.2}#bottomNavigation [aria-current="page"]{color:#df293c}#bottomNavigation [aria-current="page"]::after{content:"";position:absolute;bottom:-5px;width:26px;height:2px;border-radius:3px;background:#df293c}
.guided-heading{margin:0 0 20px}.guided-heading strong{display:block;font-size:1.13rem;letter-spacing:-.025em}.guided-heading small{display:block;color:#657080;margin-top:6px;font-size:.79rem}.guided-progress{display:flex;gap:6px;margin-top:13px}.guided-progress span{height:3px;border-radius:5px;background:#e3e8ee;flex:1}.guided-progress .done{background:#df293c}
.guided-footer{display:flex;gap:10px;position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);padding:12px 0 4px;border-top:1px solid #edf0f4;margin-top:18px;z-index:5}.guided-footer button{min-height:45px;border:1px solid #e1e6eb;background:#f4f6f8;color:#18263b;border-radius:12px;font:inherit;font-size:.9rem;font-weight:750;flex:1;cursor:pointer}.guided-footer .guided-next{background:#fff;color:#b92738;border-color:#d72b40;box-shadow:0 3px 10px rgba(196,34,54,.08)}.guided-footer .guided-next::after{content:"  ›"}.guided-footer .guided-back:disabled{display:none}.guided-step{min-width:0}.guided-review{border:1px solid #e1e6eb;border-radius:14px;padding:16px;background:#f8fafc}.guided-review h3{font-size:1rem;margin:0 0 12px}.guided-review p{margin:8px 0;color:#536177;overflow-wrap:anywhere}.report-final-review p{color:#657080;line-height:1.5;overflow-wrap:anywhere}.modern-stepper{display:flex;align-items:center;gap:6px}.modern-stepper button{border:1px solid #e1e6eb;background:#f4f6f8;border-radius:10px;min-width:40px;height:45px;font:inherit;font-size:1.3rem;color:#18263b}.modern-stepper input{text-align:center}
#wageDetails .guided-footer{position:static!important;bottom:auto!important;margin-top:14px!important;padding-bottom:0!important}
.guided-step>.report-section,.guided-step>.entry-section{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.guided-step>.report-section>summary,.guided-step>.entry-section>summary{display:none!important}.guided-step>.report-section>.report-section-body,.guided-step>.entry-section>.entry-section-body{padding:0!important;border:0!important}.guided-step :is(.grid,.entry-mode,.time-mode-fields){gap:12px!important}#wageDetails .guided-step{display:grid;gap:14px}#wageDetails .wage-preview{margin:0!important}#wageDetails .wage-actions{display:grid;gap:10px}#wageDetails canvas{max-height:130px;border-radius:12px!important}.wage-review{margin-bottom:2px}

/* Focus mode: while entering data, only the current task stays on screen. */
body.hours-flow-active #workApp :is(.intro,.today-dashboard,.monthly-panel,.entries-panel,.week-panel){display:none!important}
body.hours-flow-active #workApp{padding-top:14px!important}
body.hours-flow-active #workApp .entry-panel{margin-top:0!important;padding:16px!important;border-color:#e5e8ec!important;box-shadow:0 8px 28px rgba(17,32,51,.06)!important}
body.report-flow-active #reportsApp .report-history{display:none!important}
body.report-history-mode #reportsApp .report-editor{display:none!important}
body.report-history-mode #reportsApp .report-intro{margin-bottom:14px!important}
.report-history-button{border:0;background:transparent;color:#687487;font:inherit;font-size:.78rem;font-weight:700;padding:9px 4px;cursor:pointer}
#createHoursProject,#addProject{display:inline-flex!important;width:auto!important;min-height:38px!important;margin-top:8px!important;padding:7px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#a42939!important;font-size:.78rem!important;font-weight:700!important;text-decoration:underline;text-decoration-color:#e7a9b1;text-underline-offset:4px}
body.hours-flow-active #workApp :is(input,select,textarea){min-height:45px!important}

.month-calendar-section{margin:18px 0;padding:14px;border:1px solid #e3e7eb;border-radius:16px;background:#fff}.month-calendar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:13px}.month-calendar-heading h3{margin:0;font-size:.98rem;color:#18263b}.month-calendar-heading small{color:#778292;font-size:.68rem}.month-calendar-weekdays,.month-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.month-calendar-weekdays{margin-bottom:6px}.month-calendar-weekdays span{text-align:center;color:#7a8492;font-size:.65rem;font-weight:750;text-transform:uppercase}.month-calendar-empty{min-height:48px}.month-calendar-day{min-width:0;min-height:48px;padding:5px 2px;border:1px solid #edf0f3;border-radius:10px;background:#f8f9fb;color:#536177;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font:inherit;line-height:1;overflow:hidden}.month-calendar-day strong{font-size:.76rem}.month-calendar-day span{margin-top:6px;font-size:.69rem;font-weight:800;color:#18263b}.month-calendar-day small{display:block;width:100%;margin-top:4px;color:#687487;font-size:.48rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-calendar-day.has-entry{cursor:pointer;background:#fff;border-color:#dce3e8;box-shadow:0 2px 7px rgba(18,32,50,.04)}.month-calendar-day.type-work{box-shadow:inset 0 -3px #276b50}.month-calendar-day.type-overtime{box-shadow:inset 0 -3px #b27a16}.month-calendar-day.type-vacation{box-shadow:inset 0 -3px #3977ae}.month-calendar-day.type-sick{box-shadow:inset 0 -3px #c94a56}.month-calendar-day.is-weekend:not(.has-entry){background:#fafafa;color:#9aa2ac}.month-calendar-day.is-today{border-color:#d72b40;box-shadow:inset 0 0 0 1px #d72b40}.month-calendar-day:focus-visible{outline:3px solid rgba(215,43,64,.22);outline-offset:2px}
.monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.monthly-grid .summary-card{min-height:76px!important;padding:11px 8px!important}.monthly-grid .summary-card:first-child{grid-column:1/-1;min-height:82px!important}.monthly-grid .summary-card span{font-size:.72rem!important}.monthly-grid .summary-card strong{font-size:1.05rem!important;margin-top:7px!important}
.wage-source-block{display:grid;gap:14px}.wage-source{margin:0!important;padding:0!important;border:0!important}.wage-source legend{margin-bottom:9px;font-size:.82rem;font-weight:750;color:#18263b}.wage-source .segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f4f6f8;padding:5px;border-radius:13px}.wage-source .segmented span{min-height:44px;padding:8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:center;font-size:.73rem;line-height:1.25}.wage-source .segmented input:checked+span{background:#fff!important;color:#a92b3a!important;border-color:#e7aab2!important;box-shadow:0 2px 8px rgba(18,32,50,.05)}.wage-manual-time{padding:12px;border:1px solid #e5e9ed;border-radius:14px;background:#fafbfc}.wage-manual-time .grid{gap:8px!important}.wage-manual-time label{font-size:.72rem!important}.wage-manual-time input{min-height:43px!important;padding:9px!important}.wage-manual-time>label{display:block;margin-top:10px}
html[data-theme="light"] #wageDetails .wage-source .segmented{background:#f4f6f8!important;border:1px solid #e4e8ed!important}
html[data-theme="light"] #wageDetails .wage-source .segmented span{display:grid!important;place-items:center!important;min-height:54px!important;padding:8px!important;background:#fff!important;color:#17243a!important;border:1px solid #dfe3e8!important;box-shadow:none!important}
html[data-theme="light"] #wageDetails .wage-source .segmented input:checked+span{background:#fff3f5!important;color:#ad2638!important;border-color:#e996a2!important;box-shadow:inset 0 0 0 1px #e996a2!important}
#installDialog{padding:22px!important;background:#fff!important;color:#112033!important;border:1px solid #e1e6eb!important;border-radius:21px!important;width:min(540px,calc(100% - 24px));max-height:90dvh;overflow:auto}.install-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.install-header h2{font-size:1.3rem}.install-header button{width:35px;height:35px;border:1px solid #e1e6eb;border-radius:50%;background:#fff;font-size:1.5rem;color:#112033}.install-lead{color:#657080;font-size:.9rem;line-height:1.5}.install-platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.install-platforms button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dce3eb;border-radius:13px;padding:14px;background:#fff;font:inherit;color:#112033;font-size:.9rem;font-weight:750}.install-platforms img{height:25px;width:25px;object-fit:contain}.install-platforms [aria-pressed="true"]{border-color:#df293c;box-shadow:inset 0 0 0 1px #df293c}#installDialog ol{padding-left:25px;margin:18px 0}#installDialog li{padding:7px 0 11px 6px;font-size:.94rem;line-height:1.6}#installDialog li::marker{color:#c52535;font-weight:800}.install-note{color:#657080;font-size:.78rem;line-height:1.5}.install-source{color:#8d3340;font-size:.77rem}#nativeInstall{background:#17543b!important;color:#fff!important}
@media(min-width:700px){.home-actions{grid-template-columns:1fr}.guided-step .grid.two{grid-template-columns:1fr 1fr!important}.guided-step .grid.three{grid-template-columns:repeat(3,1fr)!important}}
@media(prefers-reduced-motion:no-preference){.guided-step:not([hidden]){animation:guidedIn .18s ease-out}@keyframes guidedIn{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
html[data-theme="dark"] :is(#homeApp,.guided-review,.report-final-review){color:#f4f7fa}html[data-theme="dark"] .modern-card,html[data-theme="dark"] .guided-review{background:#202a36;border-color:#3a4758;color:#f4f7fa}html[data-theme="dark"] :is(.home-intro>p:last-child,.home-action small,.home-today p,.install-card small,.home-month small,.guided-heading small,.report-final-review p){color:#bfccda}html[data-theme="dark"] .guided-footer{background:#202a36}html[data-theme="dark"] .guided-footer button{background:#283544;color:#fff;border-color:#596779}
@media print{#bottomNavigation,#homeApp,.guided-footer,.guided-heading{display:none!important}}

/* V100: clearly marked forward and confirmation actions. */
html[data-theme] body .guided-footer button.guided-next,
html[data-theme] body button.primary-button.confirm-action,
html[data-theme] body #prepareMonth,
html[data-theme] body #prepareWeek,
html[data-theme] body #workApp .entry-panel button.primary-button[value="save"],
html[data-theme] body #reportsApp .report-delivery-actions #shareReport,
html[data-theme] body #wageApp button.primary-button.confirm-action{
 background:#237a57!important;color:#fff!important;border:1px solid #1c6548!important;
 box-shadow:0 4px 12px rgba(35,122,87,.16)!important;
}
html[data-theme] body .guided-footer button.guided-next:hover,
html[data-theme] body button.primary-button.confirm-action:hover,
html[data-theme] body #prepareMonth:hover,
html[data-theme] body #prepareWeek:hover{background:#1c6548!important}
html[data-theme] body .guided-footer button.guided-next:focus-visible,
html[data-theme] body button.primary-button.confirm-action:focus-visible,
html[data-theme] body #prepareMonth:focus-visible,
html[data-theme] body #prepareWeek:focus-visible{outline:3px solid #83c9a9!important;outline-offset:3px}
html[data-theme] body .guided-footer button.guided-next:disabled,
html[data-theme] body button.primary-button.confirm-action:disabled{opacity:.5!important;box-shadow:none!important;cursor:not-allowed}
html[data-theme] body .guided-footer button.guided-next::after{color:#fff!important}
html[data-theme] body button.confirm-action::after{background:#fff!important;border-color:#fff!important;color:#237a57!important}

/* V101: consistent cards and secondary site actions. */
html[data-theme] body :is(#createHoursProject,#addProject){
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-height:46px!important;margin:10px 0 2px!important;padding:12px 16px!important;
 border:1px solid #dce4e9!important;border-radius:12px!important;background:#f1f5f7!important;
 color:#263b4b!important;font:inherit!important;font-size:.86rem!important;font-weight:700!important;
 text-decoration:none!important;box-shadow:none!important;white-space:normal!important;line-height:1.4!important;
}
html[data-theme] body :is(#createHoursProject,#addProject):hover{background:#e7eef2!important;border-color:#b7c7d1!important}
html[data-theme] body :is(#createHoursProject,#addProject):focus-visible{outline:3px solid #9abacd!important;outline-offset:3px}
html[data-theme="light"] body :is(.panel,.today-dashboard,.roof-type-panel,.entry-section,.report-section,.wage-panel,.modern-card){border:1px solid #e5eaee!important;border-radius:18px!important;box-shadow:0 5px 18px rgba(25,43,58,.045)!important}
html[data-theme="light"] body #workApp :is(.monthly-collapse,.entries-panel),
html[data-theme="light"] body #reportsApp .report-history{border:1px solid #e5eaee!important;border-radius:18px!important;box-shadow:0 5px 18px rgba(25,43,58,.045)!important;overflow:hidden}
html[data-theme="light"] body #workApp :is(.monthly-collapse,.entries-panel)>summary,
html[data-theme="light"] body #reportsApp .report-history>summary{padding:19px 18px!important;background:#fff!important;border-radius:17px!important;box-shadow:none!important;border:0!important;min-height:78px!important}
html[data-theme="light"] body #workApp :is(.monthly-collapse,.entries-panel)[open]>summary{border-bottom:1px solid #edf1f4!important;border-radius:17px 17px 0 0!important}
html[data-theme="light"] body #workApp :is(.monthly-collapse,.entries-panel)>summary::after,
html[data-theme="light"] body #reportsApp .report-history>summary::after{border:0!important;background:#f1f5f7!important;border-radius:10px!important;width:34px!important;height:34px!important;box-shadow:none!important;color:#526776!important}
html[data-theme="light"] body :is(.primary-button,.secondary-button,.continue-button,.today-add){box-shadow:none!important}
html[data-theme="light"] body #todayAdd{background:#fceef0!important;border:1px solid #f0d4da!important;color:#a62438!important;border-radius:12px!important;min-height:46px!important;padding:10px 16px!important;box-shadow:none!important}
html[data-theme="light"] body .today-dashboard{padding:18px!important;gap:14px!important}
html[data-theme="light"] body .segmented{background:#eef2f5!important;border:0!important;padding:4px!important;border-radius:13px!important;gap:4px!important}
html[data-theme="light"] body .segmented span{border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;padding:12px 8px!important;font-size:.85rem!important}
html[data-theme="light"] body .segmented input:checked+span{background:#fff!important;color:#a62438!important;box-shadow:0 2px 7px rgba(25,43,58,.08)!important}
html[data-theme="light"] body :is(input,select,textarea){border:1px solid #e5eaee!important;background:#f5f7f9!important;border-radius:12px!important}
html[data-theme="light"] body :is(input,select,textarea):focus{border-color:#94b7a8!important;box-shadow:0 0 0 3px rgba(35,122,87,.1)!important}
html[data-theme="dark"] body :is(#createHoursProject,#addProject){background:#283544!important;color:#e3edf5!important;border-color:#445566!important}

/* V102: compact report basics with visible field captions. */
html[data-theme] body #reportsApp #reportBasics{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:16px 0 0!important}
html[data-theme] body #reportsApp #reportBasics>.report-section-body{display:grid!important;gap:16px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme] body #reportsApp #reportBasics .grid.two{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin:0!important}
html[data-theme] body #reportsApp #reportBasics label{display:grid!important;gap:7px!important;margin:0!important;padding:0!important;min-height:0!important;color:#304252!important}
html[data-theme] body #reportsApp #reportBasics .report-field-caption{display:block!important;font-size:.82rem!important;font-weight:650!important;line-height:1.4!important;color:#536574!important;visibility:visible!important;opacity:1!important}
html[data-theme] body #reportsApp #reportBasics .report-field-caption small{font-size:.76rem!important;font-weight:400!important;color:#7b8792!important}
html[data-theme] body #reportsApp #reportBasics :is(input,select){height:48px!important;min-height:48px!important;width:100%!important;padding:10px 13px!important;font-size:.94rem!important;font-weight:550!important;border:1px solid #dde5eb!important;border-radius:11px!important;background:#f7f9fb!important;color:#172b3a!important;box-shadow:none!important}
html[data-theme] body #reportsApp #reportBasics #addProject{width:auto!important;justify-self:start!important;margin:0!important;padding:9px 13px!important;min-height:40px!important;border:1px solid #dce5eb!important;border-radius:10px!important;background:#edf3f6!important;color:#335365!important;font-size:.8rem!important;box-shadow:none!important;text-decoration:none!important}
html[data-theme] body #reportsApp .guided-step>.roof-type-panel{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:transparent!important}
html[data-theme] body #reportsApp .roof-type-cards{gap:10px!important}
html[data-theme] body #reportsApp .roof-type-cards button{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:64px!important;padding:12px!important;border-radius:12px!important;border:1px solid #e2e8ed!important;box-shadow:none!important}
html[data-theme] body #reportsApp .roof-type-cards button img{width:30px!important;height:32px!important;object-fit:contain!important;margin:0!important}
html[data-theme] body #reportsApp .roof-type-cards button strong{font-size:.88rem!important;line-height:1.3!important}
html[data-theme] body #reportsApp .roof-type-cards button[aria-pressed="true"]{background:#fff3f5!important;border-color:#d37887!important}
html[data-theme] body #reportsApp .roof-type-check{display:none!important}
html[data-theme] body #reportsApp .guided-footer{position:static!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid #e9eef2!important;background:transparent!important}
html[data-theme] body #reportsApp .guided-footer button{min-height:48px!important;border-radius:12px!important}
html[data-theme="dark"] body #reportsApp #reportBasics :is(input,select){background:#263342!important;color:#edf3f8!important;border-color:#445566!important}
html[data-theme="dark"] body #reportsApp #reportBasics .report-field-caption{color:#c2cfda!important}

/* V103: clean white form surfaces throughout the light interface. */
html[data-theme="light"] body :is(#workApp,#reportsApp,#wageApp,#homeApp,dialog,.app-menu-content) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
html[data-theme="light"] body #reportsApp #reportBasics :is(input,select){
 background:#fff!important;border:1px solid #cbd7df!important;border-radius:12px!important;
 color:#172b3a!important;box-shadow:0 2px 5px rgba(25,43,58,.025)!important;
}
html[data-theme="light"] body :is(#workApp,#reportsApp,#wageApp,#homeApp,dialog) :is(input,select,textarea):focus,
html[data-theme="light"] body #reportsApp #reportBasics :is(input,select):focus{
 background:#fff!important;border-color:#237a57!important;box-shadow:0 0 0 3px rgba(35,122,87,.12)!important;outline:none!important;
}
html[data-theme="light"] body :is(input,textarea)::placeholder{color:#7b8b97!important;font-weight:400!important;opacity:1!important}
html[data-theme="light"] body :is(.guided-back,.modern-stepper button,.segmented,.wage-source .segmented,.wage-manual-time,.guided-review){background:#fff!important;border:1px solid #d9e2e8!important;box-shadow:none!important}
html[data-theme="light"] body .guided-footer button.guided-back{background:#fff!important;color:#405766!important;border:1px solid #d3dee5!important;box-shadow:none!important}
html[data-theme="light"] body .segmented input:checked+span{background:#fff1f3!important;color:#a62438!important;box-shadow:none!important}
html[data-theme="light"] body :is(#createHoursProject,#addProject),
html[data-theme="light"] body #reportsApp #reportBasics #addProject{background:#fff!important;border-color:#cbd7df!important;color:#335365!important}
html[data-theme="light"] body :is(input,select,textarea):disabled{background:#fff!important;opacity:.6!important}

/* V104: compact hours form without nested card frames. */
html[data-theme] body #workApp #entryForm .guided-step>.entry-section{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:18px 0 0!important;padding:0!important}
html[data-theme] body #workApp #entryForm .guided-step>.entry-section>.entry-section-body{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
html[data-theme] body #workApp #entryForm .guided-step label{gap:7px!important;margin:0!important;min-width:0!important}
html[data-theme] body #workApp #entryForm .field-label{font-size:.82rem!important;font-weight:650!important;line-height:1.4!important}
html[data-theme] body #workApp #entryForm .field-label::before{width:17px!important;height:17px!important;background-size:contain!important}
html[data-theme] body #workApp #entryForm :is(input[type="date"],input[type="time"],input[type="text"],input[type="number"]){min-height:48px!important;height:48px!important;padding:10px 12px!important;font-size:.94rem!important;font-weight:550!important;min-width:0!important}
html[data-theme] body #workApp #entryForm .site-map-actions{display:flex!important;margin:0!important}
html[data-theme] body #workApp #entryForm #createHoursProject{width:auto!important;min-height:38px!important;padding:8px 12px!important;margin:2px 0 0!important;border:1px solid #cbd7df!important;border-radius:10px!important;font-size:.78rem!important;font-weight:650!important;box-shadow:none!important}
html[data-theme] body #workApp #entryForm .mode-fieldset{margin:0 0 16px!important;padding:0!important;border:0!important}
html[data-theme] body #workApp #entryForm .mode-fieldset legend{margin-bottom:8px!important;font-size:.8rem!important;font-weight:650!important}
html[data-theme] body #workApp #entryForm .segmented{gap:4px!important;padding:4px!important;border-radius:12px!important;border:1px solid #dce4e9!important}
html[data-theme] body #workApp #entryForm .segmented span{min-height:42px!important;padding:11px 5px!important;border:0!important;font-size:.8rem!important;border-radius:9px!important;line-height:1.3!important}
html[data-theme] body #workApp #entryForm #timesFields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px 12px!important}
html[data-theme] body #workApp #entryForm #timesFields>label:last-child{grid-column:1/-1!important}
html[data-theme] body #workApp #entryForm #timesFields.hidden{display:none!important}
html[data-theme] body #workApp #entryForm #timesFields .modern-stepper{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important}
html[data-theme] body #workApp #entryForm #timesFields .modern-stepper button{height:48px!important;min-width:42px!important;border:1px solid #cbd7df!important;border-radius:11px!important;font-size:1.25rem!important}
html[data-theme] body #workApp #entryForm #timesFields small{font-size:.72rem!important;line-height:1.4!important;color:#74828e!important}
html[data-theme] body #workApp #entryForm .guided-footer{position:static!important;margin-top:20px!important;padding-top:16px!important;background:transparent!important;border-top:1px solid #e9eef2!important}
html[data-theme] body #workApp #entryForm .guided-footer button{min-height:48px!important;border-radius:12px!important}

/* V105: labeled entry review and legible save actions. */
html[data-theme] body #workApp .hours-entry-review{padding:18px!important;border:1px solid #dce5eb!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}
html[data-theme] body #workApp .hours-entry-review h3{margin:0 0 14px!important;font-size:1rem!important;color:#193242!important}
.hours-review-list{margin:0;display:grid;gap:0}
.hours-review-list>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid #edf1f4;align-items:baseline}
.hours-review-list dt{font-size:.78rem;font-weight:500;color:#6c7d88;line-height:1.5}
.hours-review-list dd{margin:0;font-size:.9rem;font-weight:650;color:#193242;line-height:1.5;overflow-wrap:anywhere}
html[data-theme] body #workApp #entryForm .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important}
html[data-theme] body #workApp #entryForm button.primary-button[value="save"] :is(span,svg){color:#fff!important;stroke:currentColor!important}
html[data-theme] body #workApp #entryForm #continueButton{background:#fff!important;color:#335365!important;border:1px solid #cbd7df!important;box-shadow:none!important;min-height:48px!important;font-size:.83rem!important}
html[data-theme="dark"] body #workApp .hours-entry-review{background:#202a36!important;border-color:#445566!important}
html[data-theme="dark"] body #workApp .hours-entry-review :is(h3,dd){color:#edf3f8!important}
html[data-theme="dark"] body #workApp .hours-entry-review dt{color:#b4c5d1!important}

/* V106: time entry via start/end only and directional navigation. */
html[data-theme] body #workApp #entryForm .mode-fieldset,
html[data-theme] body #workApp #entryForm #totalFields{display:none!important}
html[data-theme] body .guided-footer .guided-back::before{content:"←";margin-right:8px;color:inherit}
html[data-theme] body .guided-footer button.guided-next::after{content:"→"!important;margin-left:8px;color:#fff!important}

/* V107: focused home overview; section links live in bottom navigation. */
body #homeApp #homeInstall[hidden]{display:none!important}
body #homeApp .home-actions{display:none!important}
html[data-theme] body #homeApp #homeEnter{background:#237a57!important;color:#fff!important;border:1px solid #1c6548!important;border-radius:14px!important;min-height:60px!important;padding:16px 22px!important;box-shadow:0 4px 12px rgba(35,122,87,.16)!important}
html[data-theme="light"] body #homeApp #homeLastOpen{background:#fff!important;color:#335365!important;border:1px solid #cbd7df!important;border-radius:10px!important;padding:10px 13px!important}

/* V108: dismissible tutorial on the start page. */
#homeTutorial{padding:16px;margin:0 0 16px;overflow:hidden}
#homeTutorial[hidden]{display:none!important}
#homeTutorial header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
#homeTutorial header strong{font-size:1rem}
#homeTutorial header p{margin:5px 0 0;font-size:.8rem;color:#6c7d88;line-height:1.4}
#dismissHomeTutorial{flex:none;width:34px;height:34px;border:1px solid #dce5eb;border-radius:10px;background:#fff;color:#335365;font-size:1.4rem;cursor:pointer}
#homeTutorialVideo{display:block;width:100%;max-height:320px;background:#10212d;border-radius:12px;object-fit:contain}
.home-tutorial-update{margin:12px 0 0;font-size:.75rem;line-height:1.5;color:#6c7d88}

/* V110: dedicated overview tab and compact wage form. */
body #bottomNavigation{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body #bottomNavigation [data-page="more"]{display:none!important}
body #bottomNavigation button span{font-size:.64rem!important;white-space:nowrap}
body #homeApp :is(#homeMonth,#homeHistory)[hidden]{display:none!important}
body:not(.overview-active) #workApp :is(.monthly-panel,.entries-panel,.overview-title){display:none!important}
body.overview-active #workApp>:not(.monthly-panel):not(.overview-title){display:none!important}
body .overview-title{margin-bottom:18px}
body .overview-title h1{font-size:1.7rem;margin:0}
body .overview-title p{margin:7px 0 0;font-size:.83rem;color:#6c7d88}
body.overview-active #workApp .monthly-collapse>summary{display:none!important}
body.overview-active #workApp .monthly-collapse{border:0!important;box-shadow:none!important}
body.overview-active #workApp .monthly-panel{margin:0!important;padding:16px!important}
body.overview-active #workApp .monthly-body{padding:0!important}
body.overview-active #workApp .monthly-body>details>summary{display:none!important}
body.overview-active #workApp .monthly-body>details{border:0!important;padding:0!important;margin:16px 0!important}
body.overview-active #workApp .month-calendar-section{margin:16px 0!important;padding:0!important;border:0!important;box-shadow:none!important}
html[data-theme] body #wageApp .guided-step :is(.grid.two,.wage-manual-time .grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html[data-theme] body #wageApp .guided-step label{margin:0!important;gap:7px!important;font-size:.8rem!important;min-width:0!important}
html[data-theme] body #wageApp .guided-step input{height:46px!important;min-height:46px!important;padding:10px!important;font-size:.9rem!important;min-width:0!important}
html[data-theme] body #wageApp .wage-manual-time{border:0!important;box-shadow:none!important;padding:0!important;margin-top:4px!important;background:transparent!important}
html[data-theme] body #wageApp .wage-source-block{gap:14px!important}
html[data-theme] body #wageApp .wage-manual-time>label{margin-top:12px!important}
html[data-theme] body #wageApp .guided-step{gap:14px!important}

/* V111: quiet entry cards and consistent action icons. */
body #homeApp #homeLast{display:none!important}
html[data-theme] body #workApp #monthlyEntries .entry-day{border:1px solid #dce5eb!important;border-radius:14px!important;padding:14px!important;margin:0!important;background:#fff!important;box-shadow:0 3px 10px rgba(25,43,58,.035)!important}
html[data-theme] body #workApp #monthlyEntries{display:grid!important;gap:12px!important}
html[data-theme] body #workApp #monthlyEntries .entry-day-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;padding:0 0 10px!important;margin:0 0 10px!important;border-bottom:1px solid #edf1f4!important;font-size:.8rem!important}
html[data-theme] body #workApp .entry-site{padding:0!important;gap:10px!important}
html[data-theme] body #workApp .entry-main-title{gap:8px!important;flex-wrap:wrap!important}
html[data-theme] body #workApp .entry-main-title strong{font-size:.9rem!important}
html[data-theme] body #workApp .entry-type-badge{border:0!important;border-radius:6px!important;padding:4px 7px!important;font-size:.68rem!important}
html[data-theme] body #workApp .entry-actions{display:flex!important;gap:8px!important;margin-top:12px!important;justify-content:flex-end!important}
html[data-theme] body #workApp .entry-actions :is(.edit-entry-button,.monthly-delete-button,.delete-button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;height:auto!important;min-height:40px!important;padding:9px 12px!important;border:1px solid #dce5eb!important;border-radius:10px!important;background:#fff!important;color:#335365!important;font:inherit!important;font-size:.76rem!important;font-weight:650!important;box-shadow:none!important}
html[data-theme] body #workApp .entry-actions :is(.monthly-delete-button,.delete-button){background:#fff5f5!important;border-color:#f0d8dc!important;color:#a73749!important}
body #workApp .entry-actions svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;flex:none!important}
html[data-theme] body.overview-active #workApp .monthly-body>details>summary{display:none!important}
body.overview-active #workApp .monthly-body>details>.compact-help{display:none!important}
html[data-theme="dark"] body #workApp #monthlyEntries .entry-day{background:#202a36!important;border-color:#445566!important}

/* V112: no duplicate brand label above greeting. */
body #homeApp .home-intro>.section-kicker{display:none!important}

/* V114: one clear entry action on Start and Stunden. */
body .home-today,html[data-theme="light"] body .today-dashboard{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important;padding:22px!important}
body #homeEnter,body #todayAdd,html[data-theme="light"] body #todayAdd{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:60px!important;padding:16px 22px!important;border:1px solid #206d53!important;border-radius:14px!important;background:#217557!important;color:#fff!important;font-size:18px!important;font-weight:700!important;box-shadow:0 5px 14px rgba(33,117,87,.14)!important}
body #homeEnter svg,body #todayAdd svg{width:24px!important;height:24px!important;flex:none!important;color:inherit!important}
body #homeEnter:hover,body #todayAdd:hover{filter:brightness(.94)}
body #homeEnter:focus-visible,body #todayAdd:focus-visible{outline:3px solid #7dc5a7!important;outline-offset:3px}

html[data-theme] body #workApp #todayAdd{background:#237a57!important;color:#fff!important;border-color:#1c6548!important;box-shadow:0 4px 12px rgba(35,122,87,.16)!important}

/* V117: prominent stop sign and clear missing field. */
body .feedback-banner.feedback-error .feedback-icon{display:grid!important;place-items:center!important;width:92px!important;height:92px!important;min-width:92px!important;background:#d52c3e!important;color:white!important;border-radius:0!important;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);font-size:24px!important;font-weight:800!important;box-shadow:none!important}
body .feedback-banner.feedback-error{align-items:center!important;max-width:calc(100vw - 24px)!important}
body input[aria-invalid="true"],body select[aria-invalid="true"],body textarea[aria-invalid="true"]{border:2px solid #d52c3e!important;box-shadow:0 0 0 3px rgba(213,44,62,.12)!important;scroll-margin-block:140px}

/* V118: explicit shared typography for both entry actions and their children. */
html[data-theme] body #homeApp button#homeEnter,
html[data-theme] body #workApp button#todayAdd{font-size:18px!important;font-weight:700!important;line-height:1.25!important;background:#237a57!important;color:#fff!important;min-height:60px!important;border-radius:14px!important}
html[data-theme] body #homeApp button#homeEnter :is(span,strong,small,svg),
html[data-theme] body #workApp button#todayAdd :is(span,strong,small,svg){color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
html[data-theme] body #homeApp button#homeEnter svg,
html[data-theme] body #workApp button#todayAdd svg{stroke:#fff!important;fill:none!important;width:24px!important;height:24px!important}

/* V120: compact monthly overview with one summary surface. */
html[data-theme] body.overview-active #workApp .monthly-panel{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-collapse{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
html[data-theme] body.overview-active #workApp .monthly-content{padding:0!important}
html[data-theme] body.overview-active #workApp .month-picker{margin:0 0 14px!important;gap:6px!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0 16px!important;background:#fff!important;border:1px solid #e1e8e5!important;border-radius:16px!important;margin:0 0 18px!important;overflow:hidden}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;min-height:78px!important;padding:12px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card.hours{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;min-height:76px!important;border-bottom:1px solid #e1e8e5!important;padding:14px 4px!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card::before{display:none!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card span{font-size:13px!important;font-weight:600!important;color:#52665d!important;line-height:1.3!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card strong{font-size:21px!important;margin:0!important;line-height:1.2!important;color:#152c23!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card.hours strong{font-size:27px!important;color:#237a57!important}
html[data-theme] body.overview-active #workApp .month-calendar-section{padding:16px!important;border:1px solid #e1e8e5!important;border-radius:16px!important;background:#fff!important;margin:0 0 16px!important;box-shadow:none!important}
html[data-theme] body.overview-active #workApp .month-calendar-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-bottom:12px!important}
html[data-theme] body.overview-active #workApp .month-calendar-heading h3{font-size:18px!important;margin:0!important}
html[data-theme] body.overview-active #workApp .month-calendar-heading small{font-size:12px!important;color:#52665d!important}

#homeTutorial .home-tutorial-update{display:none!important}
body.overview-active .monthly-grid .summary-card[role="button"]{cursor:pointer}
body.overview-active .monthly-grid .summary-card[role="button"]:focus-visible{outline:2px solid #237a57;outline-offset:-3px}
body.overview-active .monthly-grid .summary-card[role="button"]:hover{background:#f1faf5!important}
#hoursCategoryDialog{width:min(480px,calc(100vw - 28px));max-height:80vh;overflow:auto;border:1px solid #dce7e0;border-radius:18px;padding:20px;background:#fff;color:#152c23}
#hoursCategoryDialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
#hoursCategoryDialog h2{font-size:20px;margin:0}
#hoursCategoryDialog header button{background:#fff;border:1px solid #dce7e0;border-radius:10px;width:42px;height:42px;font-size:26px;color:#152c23}
#hoursCategoryDialog .category-entry{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:14px;margin:8px 0;background:#fff;border:1px solid #dce7e0;border-radius:12px;font:inherit;color:#152c23;cursor:pointer}
#hoursCategoryDialog .category-entry span{font-size:14px;color:#52665d}

/* V122: Today is the clear headline on both entry pages. */
html[data-theme] body #homeApp #homeTodayLabel,
html[data-theme] body #workApp .today-dashboard .today-eyebrow{display:block!important;font-size:26px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:-.02em!important;text-transform:none!important;color:#152c23!important;margin:0 0 10px!important}
html[data-theme] body #homeApp #homeTodayStatus[hidden],
html[data-theme] body #workApp #todayStatus[hidden]{display:none!important}
html[data-theme] body #homeApp #homeTodayDetail{margin:0!important}

/* V123: visible edit affordance for every monthly category. */
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card{position:relative!important;gap:7px!important;padding:14px 12px!important;min-height:105px!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card:nth-child(2),
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card:nth-child(4){border-right:1px solid #e1e8e5!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card:nth-child(2),
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card:nth-child(3){border-bottom:1px solid #e1e8e5!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card.hours{display:grid!important;grid-template-columns:1fr auto!important;min-height:90px!important;padding:14px 4px!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid .category-edit-hint{display:flex!important;align-items:center!important;gap:5px!important;color:#237a57!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid .category-edit-hint span{color:#237a57!important;font-size:12px!important;font-weight:650!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid .category-edit-hint svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card.hours .category-edit-hint{grid-column:1/-1!important}

/* V124: category calendars with a shared color key. */
#hoursCategoryDialog .category-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#hoursCategoryDialog .category-calendar>small{text-align:center;font-size:12px;padding:6px 0}
#hoursCategoryDialog .category-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:5px 2px;border:1px solid #e4eae7;border-radius:9px;background:#fff;color:#52665d;font:inherit;font-size:15px}
#hoursCategoryDialog .category-calendar-day small{font-size:11px;color:inherit}
#hoursCategoryDialog .category-calendar-day:disabled{opacity:.45}
#hoursCategoryDialog .category-calendar-day.selectable{cursor:pointer;font-weight:750;border-width:2px;opacity:1}
#hoursCategoryDialog .type-work,html[data-theme] body #monthCalendar .type-work{background:#e7f5ed!important;color:#17613f!important;border-color:#77b995!important}
#hoursCategoryDialog .type-vacation,html[data-theme] body #monthCalendar .type-vacation{background:#fff1df!important;color:#925000!important;border-color:#e5ae64!important}
#hoursCategoryDialog .type-sick,html[data-theme] body #monthCalendar .type-sick{background:#fdebee!important;color:#a1273d!important;border-color:#dc8b9a!important}
#hoursCategoryDialog .type-overtime,html[data-theme] body #monthCalendar .type-overtime{background:#f0eafd!important;color:#65409e!important;border-color:#b29bd7!important}
#hoursCategoryDialog .category-calendar-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
#hoursCategoryDialog .category-calendar-legend span{padding:5px 8px;border-radius:7px;font-size:12px}

/* V125: category labels use the same colors as the calendar. */
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card[data-category]:not([data-category="all"])>span{display:flex!important;align-items:center!important;gap:7px!important}
html[data-theme] body.overview-active #workApp .monthly-panel .monthly-grid>.summary-card[data-category]:not([data-category="all"])>span::before{content:"";display:block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--category-dot)}
.summary-card[data-category="work"]{--category-dot:#237a57}
.summary-card[data-category="vacation"]{--category-dot:#df8a20}
.summary-card[data-category="sick"]{--category-dot:#cc354e}
.summary-card[data-category="overtime"]{--category-dot:#8056b6}
html[data-theme] body #monthCalendar .type-overtime{box-shadow:inset 0 -3px #8056b6!important}
html[data-theme] body #monthCalendar .type-vacation{box-shadow:inset 0 -3px #df8a20!important}
html[data-theme] body #monthCalendar .type-sick{box-shadow:inset 0 -3px #cc354e!important}
html[data-theme] body #monthCalendar .type-work{box-shadow:inset 0 -3px #237a57!important}

/* V126: consistent category label colors in saved entries. */
html[data-theme] body #workApp .entry-main-title .entry-type-badge.entry-type-work{color:#237a57!important;background:#e7f5ed!important;border:1px solid #77b995!important;border-radius:8px!important;padding:5px 8px!important;}
html[data-theme] body #workApp .entry-main-title .entry-type-badge.entry-type-vacation{color:#925000!important;background:#fff1df!important;border:1px solid #e5ae64!important;border-radius:8px!important;padding:5px 8px!important;}
html[data-theme] body #workApp .entry-main-title .entry-type-badge.entry-type-sick{color:#cc354e!important;background:#fdebee!important;border:1px solid #dc8b9a!important;border-radius:8px!important;padding:5px 8px!important;}
html[data-theme] body #workApp .entry-main-title .entry-type-badge.entry-type-overtime{color:#8056b6!important;background:#f0eafd!important;border:1px solid #b29bd7!important;border-radius:8px!important;padding:5px 8px!important;}

/* V128: use calendar days instead of the duplicate monthly list. */
html[data-theme] body #workApp .monthly-panel .monthly-content>details:has(#monthlyEntries){display:none!important}
html[data-theme] body #workApp .monthly-panel .monthly-share-actions{margin-top:14px!important}

/* V129: create a site directly beside the report site selection. */
html[data-theme] body #reportsApp #reportBasics button#addProject{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:8px 0 14px!important;min-height:48px!important;background:#237a57!important;color:#fff!important;border:1px solid #1c6548!important;border-radius:12px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 4px 12px rgba(35,122,87,.12)!important}

/* V130: report forms follow the compact shared layout. */
html[data-theme] body #reportsApp .report-editor-collapse{border:1px solid #e1e8e5!important;border-radius:18px!important;box-shadow:0 5px 18px rgba(25,43,58,.045)!important;padding:18px!important}
html[data-theme] body #reportsApp .guided-step>.report-section,
html[data-theme] body #reportsApp .guided-step>.roof-type-panel{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important}
html[data-theme] body #reportsApp .report-section-body{padding:0!important;display:block!important}
html[data-theme] body #reportsApp .report-section-body>label{margin:0 0 14px!important;gap:6px!important}
html[data-theme] body #reportsApp #catalogRubrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}
html[data-theme] body #reportsApp #catalogRubrics .rubric-group{min-width:0!important;margin:0!important;border:0!important;box-shadow:none!important}
html[data-theme] body #reportsApp #catalogRubrics .rubric-group.is-open{grid-column:1/-1!important}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;position:relative!important;width:100%!important;min-height:82px!important;padding:12px 24px 12px 10px!important;background:#fff!important;color:#152c23!important;border:1px solid #dce7e0!important;border-radius:12px!important;box-shadow:none!important;text-align:left!important}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button .roof-product-photo{width:42px!important;height:42px!important;min-height:0!important;max-height:42px!important;flex:0 0 42px!important;object-fit:contain!important;margin:0!important;border-radius:7px!important}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button>span:not(.rubric-toggle){font-size:14px!important;line-height:1.3!important;font-weight:700!important;color:#152c23!important;overflow-wrap:anywhere}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button .rubric-toggle{position:absolute!important;right:8px!important;top:8px!important;font-size:18px!important;color:#237a57!important}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button[aria-expanded="true"]{background:#eef8f2!important;border-color:#237a57!important}
html[data-theme] body #reportsApp #reportWork .section-heading-row,
html[data-theme] body #reportsApp #reportWork>summary{padding:0 0 12px!important;border:0!important;font-size:17px!important;line-height:1.3!important}
html[data-theme] body #reportsApp #catalogSearch{margin:0!important;font-size:16px!important;min-height:48px!important}
html[data-theme] body #reportsApp #newReport{background:#237a57!important;color:#fff!important;border:1px solid #1c6548!important;border-radius:12px!important;padding:12px 16px!important;min-height:48px!important;box-shadow:none!important}
html[data-theme] body #reportsApp .roof-type-cards{margin-bottom:16px!important}

/* Compact report time entry */
html[data-theme] #reportsApp .optional-report-fields{padding:0!important;margin:12px 0!important;border:0!important;}
html[data-theme] #reportsApp .optional-report-fields>summary{display:none!important;}
html[data-theme] #reportsApp .report-time-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:12px!important;}
html[data-theme] #reportsApp .report-time-grid label,html[data-theme] #reportsApp .optional-report-fields>label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0 0 12px!important;font-size:14px!important;font-weight:600!important;}
html[data-theme] #reportsApp .report-time-grid label{margin:0!important;}
html[data-theme] #reportsApp .report-total-field{grid-column:1/-1!important;}
html[data-theme] #reportsApp .optional-report-fields input{min-height:48px!important;height:48px!important;padding:10px 12px!important;font-size:16px!important;}
html[data-theme] #reportsApp .optional-report-fields textarea{min-height:72px!important;padding:10px 12px!important;font-size:16px!important;}

/* Readable report selection with larger illustrations */
html[data-theme] body #reportsApp #catalogRubrics{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button{min-height:96px!important;padding:12px 38px 12px 12px!important;gap:16px!important;}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button .roof-product-photo{width:64px!important;height:64px!important;max-height:64px!important;flex:0 0 64px!important;}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button>span:not(.rubric-toggle){font-size:16px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:0!important;}
html[data-theme] body #reportsApp .catalog-grid{grid-template-columns:minmax(0,1fr)!important;}
html[data-theme] body #reportsApp .catalog-item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;min-height:56px!important;text-align:left!important;}
html[data-theme] body #reportsApp .catalog-item>span{font-size:15px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;flex:1!important;}
html[data-theme] body #reportsApp .catalog-item .roof-product-photo{width:64px!important;height:64px!important;object-fit:contain!important;flex:0 0 64px!important;}
html[data-theme] body #reportsApp .catalog-item small{flex:0 0 auto!important;}

html[data-theme] body #reportsApp .catalog-item>span{overflow-x:auto!important;scrollbar-width:thin!important;}

.company-picker{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 16px!important;font-size:14px!important;color:#385148!important;}
.company-picker>span{font-size:14px!important;font-weight:600!important;}
.company-picker select{min-height:44px!important;width:auto!important;flex:1!important;padding:8px 12px!important;background:#fff!important;color:#17392b!important;border:1px solid #dce7e0!important;border-radius:10px!important;font-size:15px!important;}
html[data-company="hhd"] .brand-logo{object-fit:contain!important;}

html[data-theme] body #reportsApp button#addProject{background:#fff!important;color:#38515a!important;-webkit-text-fill-color:#38515a!important;border:1px solid #ced9dc!important;box-shadow:none!important;}
html[data-theme] body #reportsApp button#addProject :is(span,svg){color:#38515a!important;-webkit-text-fill-color:#38515a!important;}
html[data-theme] body #reportsApp button#addProject:hover{background:#f7fbf9!important;}

html[data-theme] body #homeApp>.company-picker{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:16px!important;margin:0 0 20px!important;background:#fff!important;border:1px solid #dce7e0!important;border-radius:14px!important;}
html[data-theme] body #homeApp>.company-picker>span{font-size:16px!important;font-weight:700!important;color:#17392b!important;}
html[data-theme] body #homeApp>.company-picker select{width:100%!important;flex:none!important;min-height:48px!important;font-size:16px!important;}

/* Consistent secondary project action, with specificity matching previous rules */
html[data-theme] body #reportsApp #reportBasics button#addProject{background:#fff!important;color:#253c45!important;-webkit-text-fill-color:#253c45!important;border:1px solid #ced9dc!important;box-shadow:none!important;}
html[data-theme] body #reportsApp #reportBasics button#addProject *{color:#253c45!important;-webkit-text-fill-color:#253c45!important;}
html[data-theme] body #reportsApp .catalog-position.has-editor>.catalog-item{display:none!important;}
html[data-theme] body #reportsApp article.position-row.compact-position:not(.finished-position){padding:12px!important;border:1px solid #dce7e0!important;border-radius:12px!important;margin:0 0 8px!important;box-shadow:none!important;}
html[data-theme] body #reportsApp .position-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important;padding:0!important;}
html[data-theme] body #reportsApp .position-heading strong{font-size:16px!important;line-height:1.3!important;}
html[data-theme] body #reportsApp .compact-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;margin:0!important;}
html[data-theme] body #reportsApp .compact-fields label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:13px!important;margin:0!important;padding:0!important;}
html[data-theme] body #reportsApp .compact-fields input,html[data-theme] body #reportsApp .compact-fields select{min-height:44px!important;height:44px!important;padding:8px!important;font-size:16px!important;}
html[data-theme] body #reportsApp .quantity-stepper{display:flex!important;gap:5px!important;}
html[data-theme] body #reportsApp .quantity-stepper button{min-width:30px!important;width:30px!important;min-height:44px!important;height:44px!important;padding:0!important;border-radius:8px!important;}
html[data-theme] body #reportsApp .quantity-stepper input{min-width:0!important;width:100%!important;}
html[data-theme] body #reportsApp .position-remove{position:static!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;}

html[data-theme] body .company-picker .company-logo-choices{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;}
html[data-theme] body .company-logo-choices button{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:100px!important;padding:14px 10px!important;background:#fff!important;border:1px solid #d8e3dd!important;border-radius:12px!important;box-shadow:none!important;}
html[data-theme] body .company-logo-choices img{width:100%!important;max-width:180px!important;height:70px!important;object-fit:contain!important;}
html[data-theme] body .company-logo-choices button[aria-pressed="true"]{border:2px solid #237a57!important;background:#f0faf4!important;}
html[data-theme] body .company-choice-check{display:none!important;position:absolute!important;top:5px!important;right:7px!important;font-size:16px!important;color:#237a57!important;}
html[data-theme] body .company-logo-choices button[aria-pressed="true"] .company-choice-check{display:block!important;}
html[data-theme] body .company-picker[aria-invalid="true"]{outline:2px solid #cc354e!important;outline-offset:3px!important;}

html[data-company="ulutas"]{--company-accent:#df293c;--company-tint:#fff3f5;}
html[data-company="hhd"]{--company-accent:#f2c230;--company-tint:#fffbea;}
html[data-theme] body #bottomNavigation [aria-current="page"]::after,html[data-theme] body .guided-progress .done{background:var(--company-accent,#df293c)!important;}
html[data-theme] body .company-logo-choices button[aria-pressed="true"]{border-color:var(--company-accent,#df293c)!important;background:var(--company-tint,#fff3f5)!important;}
html[data-theme] body .company-logo-choices button[aria-pressed="true"] .company-choice-check{color:var(--company-accent,#df293c)!important;}
html[data-theme] body #reportsApp .roof-type-cards button[aria-pressed="true"]{border-color:var(--company-accent,#df293c)!important;background:var(--company-tint,#fff3f5)!important;}

html[data-theme] body #reportsApp button.position-confirm-check{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:9px 14px!important;margin:12px 0 0 auto!important;background:#237a57!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #1c6548!important;border-radius:10px!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important;}
html[data-theme] body #reportsApp button.position-confirm-check *{color:#fff!important;-webkit-text-fill-color:#fff!important;}
html[data-theme] body #reportsApp button.position-confirm-check svg{width:19px!important;height:19px!important;}

html[data-theme] body #reportsApp .optional-report-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;padding:0!important;}
html[data-theme] body #reportsApp .report-time-grid{display:contents!important;}
html[data-theme] body #reportsApp .report-total-field{grid-column:auto!important;}
html[data-theme] body #reportsApp .optional-report-fields label{gap:5px!important;margin:0!important;}
html[data-theme] body #reportsApp .report-time-caption{display:block!important;font-size:13px!important;line-height:1.3!important;font-weight:600!important;color:#385148!important;}
html[data-theme] body #reportsApp .optional-report-fields>label:last-child{grid-column:1/-1!important;}
html[data-theme] body #reportsApp .optional-report-fields input{height:44px!important;min-height:44px!important;padding:8px 10px!important;font-size:16px!important;}
html[data-theme] body #reportsApp .optional-report-fields textarea{height:56px!important;min-height:56px!important;font-size:15px!important;}

html[data-theme] body #reportsApp .compact-fields{grid-template-columns:minmax(0,1fr)!important;}
html[data-theme] body #reportsApp .quantity-stepper input{width:100%!important;background:#fff!important;border:1px solid #ced9dc!important;border-radius:10px!important;text-align:left!important;padding:10px 12px!important;}
html[data-theme] body #reportsApp #catalogPanel{padding-left:0!important;padding-right:0!important;}
html[data-theme] body #reportsApp .inline-position-host{padding:0!important;}

html[data-theme] body #reportsApp .optional-report-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;width:100%!important;}
html[data-theme] body #reportsApp .optional-report-fields .report-time-grid{display:grid!important;grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;width:100%!important;}
html[data-theme] body #reportsApp .optional-report-fields .report-time-grid .report-total-field{grid-column:1/-1!important;}
html[data-theme] body #reportsApp .optional-report-fields .report-temperature-field{grid-column:1/-1!important;}
html[data-theme] body #reportsApp .optional-report-fields>label:has(#reportInterruption),html[data-theme] body #reportsApp .pdf-language-note{display:none!important;}

/* Point directly to the field that needs correction. */
.missing-field-pointer{grid-column:1/-1;color:#b52235;font-size:15px;font-weight:700;margin:6px 0;line-height:1.4;}
html[data-theme] body .missing-field-target{outline:3px solid #df293c!important;outline-offset:3px!important;}

/* Shared compact action layout for confirmed report quantities. */
html[data-theme] body #reportsApp #selectedPositions .finished-position{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding:16px!important;margin:0 0 12px!important;border:1px solid #dce3e5!important;border-left:1px solid #dce3e5!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;}
html[data-theme] body #reportsApp #selectedPositions .finished-position>div{grid-column:1/-1!important;min-width:0!important;}
html[data-theme] body #reportsApp #selectedPositions .finished-position strong{font-size:18px!important;line-height:1.35!important;}
html[data-theme] body #reportsApp #selectedPositions .finished-position p{font-size:16px!important;margin:6px 0 0!important;line-height:1.4!important;}
html[data-theme] body #reportsApp #selectedPositions [data-edit-position],html[data-theme] body #reportsApp #addCustomPosition{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;width:100%!important;padding:10px 14px!important;border:1px solid #dce3e5!important;border-radius:12px!important;background:#fff!important;color:#263e46!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important;box-shadow:none!important;}
html[data-theme] body #reportsApp #selectedPositions button svg,html[data-theme] body #reportsApp #addCustomPosition svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex:0 0 20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;}
html[data-theme] body #reportsApp #selectedPositions .position-remove{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;background:#fff5f5!important;color:#a33345!important;border:1px solid #ecd9dd!important;border-radius:12px!important;font-size:24px!important;}
html[data-theme] body #reportsApp #positionCount{background:#eef3f2!important;color:#29443d!important;border-radius:8px!important;font-size:16px!important;padding:4px 8px!important;}

/* Shared design rules for every section and dialog. */
html[data-theme] body{--ui-action-green:#217858;--ui-border:#dce3e5;--ui-radius:12px;}
html[data-theme] body :is(.primary-button,.secondary-button,.guided-back,.guided-next,.position-confirm-check,.report-history-button,.edit-entry-button,.monthly-delete-button,.continue-button){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:11px 16px!important;border-radius:var(--ui-radius)!important;font-size:16px!important;font-weight:600!important;line-height:1.35!important;box-shadow:none!important;text-decoration:none!important;}
html[data-theme] body :is(.primary-button,.guided-next,.position-confirm-check,.continue-button){background:var(--ui-action-green)!important;color:#fff!important;border:1px solid var(--ui-action-green)!important;}
html[data-theme] body :is(.primary-button,.guided-next,.position-confirm-check,.continue-button) :is(span,strong,small){color:#fff!important;}
html[data-theme] body :is(.secondary-button,.guided-back,.report-history-button,.edit-entry-button){background:#fff!important;color:#263e46!important;border:1px solid var(--ui-border)!important;}
html[data-theme] body :is(.monthly-delete-button,.secondary-button.danger){background:#fff5f5!important;color:#a33345!important;border:1px solid #ecd9dd!important;}
html[data-theme] body :is(.primary-button,.secondary-button,.guided-back,.guided-next,.position-confirm-check,.report-history-button,.edit-entry-button,.monthly-delete-button,.text-button) :is(svg,.action-symbol){width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;object-fit:contain!important;flex:0 0 20px!important;}
html[data-theme] body :is(.secondary-button,.edit-entry-button,.monthly-delete-button,.text-button) svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:46px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:#fff!important;color:#20313a!important;padding:11px 12px!important;font-size:16px!important;line-height:1.35!important;box-shadow:none!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp,dialog) label{font-size:14px!important;line-height:1.4!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-heading{margin:0 0 20px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp) .guided-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;padding-top:18px!important;margin-top:18px!important;border-top:1px solid var(--ui-border)!important;}
html[data-theme] body .guided-footer button{width:100%!important;}
html[data-theme] body button:disabled{opacity:.5!important;cursor:default!important;}
html[data-theme] body :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--company-accent,#df293c);outline-offset:3px;}
html[data-theme] body #wageSignSave{background:var(--ui-action-green)!important;color:#fff!important;border:1px solid var(--ui-action-green)!important;border-radius:12px!important;padding:11px 16px!important;min-height:46px!important;font-size:16px!important;}
html[data-theme] body :is(#wageSignErase,#wageSignClose){background:#fff!important;color:#263e46!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;min-height:46px!important;padding:10px 14px!important;}

/* Hidden steps and controls must stay hidden regardless of action styling. */
html[data-theme] body [hidden][hidden][hidden][hidden]{display:none!important;}

/* Full-width report time section with readable keyboard fields. */
html[data-theme] body #reportsApp details.optional-report-fields{display:block!important;grid-column:1/-1!important;width:100%!important;max-width:none!important;}
html[data-theme] body #reportsApp details.optional-report-fields .report-time-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;gap:12px!important;}
html[data-theme] body #reportsApp details.optional-report-fields .report-time-grid label{width:100%!important;max-width:none!important;min-width:0!important;}
html[data-theme] body #reportsApp details.optional-report-fields .report-temperature-field{width:100%!important;max-width:none!important;margin-top:12px!important;}
html[data-theme] body :is(#start,#end,#reportStart,#reportEnd,#wageManualStart,#wageManualEnd){width:100%!important;min-width:0!important;max-width:none!important;min-height:48px!important;font-size:18px!important;font-variant-numeric:tabular-nums;color:#20313a!important;-webkit-text-fill-color:#20313a!important;}

html[data-theme] body .dual-time-control{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:6px!important;width:100%!important;min-width:0!important;}
html[data-theme] body .dual-time-control .time-clock-choice{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:48px!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;overflow:hidden!important;}
html[data-theme] body .time-clock-choice svg{width:22px!important;height:22px!important;flex:0 0 22px!important;}
html[data-theme] body :is(#workApp,#reportsApp,#wageApp,dialog) .dual-time-control .time-clock-choice input[type=time]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;}
/* Ulutas Group: original layout, soft cards, navy actions and orange branding. */
html[data-theme] body{--company-accent:#df293c!important;--company-tint:#fff1f3!important;--ui-action-green:#151515!important;--ui-radius:16px!important;--app-red:#df293c!important;--ui-red:#df293c!important;}
html[data-theme] body :is(#homeApp,#workApp,#reportsApp,#wageApp) :is(.modern-card,.entry-panel,.monthly-panel,.wage-panel,.report-editor-collapse,.home-tutorial-card){border:1px solid #e8edf1!important;border-radius:26px!important;box-shadow:0 6px 22px rgba(7,45,76,.055)!important;}
html[data-theme] body #reportsApp .report-editor-collapse{border-radius:26px!important;box-shadow:0 6px 22px rgba(7,45,76,.055)!important;}
html[data-theme] body #reportsApp #catalogRubrics button.rubric-button,html[data-theme] body #reportsApp #selectedPositions .finished-position{border-radius:18px!important;}
html[data-theme] body :is(#homeEnter,#todayAdd,#newReport,#prepareMonth,#shareReport,#wageDownload,.guided-next,.primary-button,.position-confirm-check){background:#151515!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#151515!important;border-radius:16px!important;}
html[data-theme] body #reportsApp button#addProject{background:#fff!important;color:#151515!important;-webkit-text-fill-color:#151515!important;border:1px solid #dce3e5!important;border-radius:16px!important;box-shadow:none!important;}
html[data-theme] body #bottomNavigation button[aria-current=page]::after,html[data-theme] body .guided-progress .done{background:#df293c!important;}
html[data-theme] body #reportsApp .roof-type-cards button[aria-pressed=true]{border-color:#df293c!important;background:#fff1f3!important;}
html[data-theme] body .app-header .brand-logo{width:168px!important;height:92px!important;object-fit:contain!important;}
html[data-theme] body .section-kicker{color:#bb4e09!important;}

.roof-type-panel{display:none!important;}

.roof-type-panel{display:none!important;}