/* BustaChiara: shared visual language for the public site and personal workspace. */
:root{--ink:#14242d;--muted:#566970;--green:#136f63;--paper:#f7f8f5;--line:#dfe7e3;--lime:#e8f5ef}
body{font-family:'Segoe UI',Arial,sans-serif;color:var(--ink)}
h1,h2,h3{color:var(--ink);letter-spacing:-.6px}h1{font-weight:700}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{font-size:15px}input,select{min-height:46px;border-radius:10px;border-color:#c7d5cf;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #57a99c;outline-offset:4px}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'⌄';float:right;margin-left:12px;color:var(--green)}details[open]>summary:after{content:'⌃'}
.brand{font-size:24px;font-weight:750;letter-spacing:-1px;gap:10px;color:var(--ink)}.brand em{font-style:normal;color:var(--green)}.brand-symbol{width:28px;height:32px;color:var(--green);flex-shrink:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:11px;font-size:14px;font-weight:650;text-decoration:none;line-height:1.4}.primary{background:var(--green);color:white}.primary:hover{background:#0d5c52}.secondary{border-color:#b9cec6;color:#17564e;background:white}.secondary:hover{background:#edf7f2}.quiet{min-height:40px;color:var(--muted);font-size:13px}.danger{color:#a23f30}.badge{background:#e8f5ef;color:#186757;letter-spacing:.7px;padding:6px 9px;border-radius:6px}.help,.fine{color:var(--muted)}.help{font-size:13px}.fine{font-size:12px;line-height:1.6}.tag{background:#e8f5ef;color:#195e52;border-radius:6px;font-size:11px}.panel,.card,.document{border-radius:17px;border-color:var(--line);box-shadow:0 2px 5px #102e2703}.panel{padding:26px}.panel h3{font-size:19px}.notice{background:#f0f6f2;border-color:#d5e5dd;color:#3c6454;font-size:13px;line-height:1.7}.empty{padding:30px 12px;color:var(--muted);font-size:14px}.empty strong{color:var(--ink);font-size:15px}.section-heading h3{font-size:20px}.section-heading small{font-size:12px}.form-grid label,.field{font-size:14px;color:#405951}.form-grid small,.field small{font-size:12px}.form-actions{gap:12px}.card .label{font-size:12px}.card .value{font-size:34px;font-weight:700}.card p{font-size:12px}.card.highlight{background:#e8f5ef;border:1px solid #cfe7db;color:#155e54}.highlight .label,.highlight p{color:#326c5e}.card.highlight .value{color:#155e54}.rows .row{font-size:14px;padding:14px 0}.hours-options summary,.reading-extra summary,.settings-details summary,.simple-explanation summary{font-size:15px;color:#315a51}.pay-entry summary:after{display:none}.pay-entry summary{font-size:15px}.pay-entry summary small{font-size:12px}.pay-entry-body{font-size:14px}.pay-entry{border:1px solid var(--line);border-radius:12px;padding:0 17px;margin:9px 0;background:white}.pay-entry[open]{background:#fafcfb}.pay-entry-amount{font-size:14px}.pay-group h4{font-size:15px;color:#425f54;margin-top:26px}.pay-explainer{background:#f8faf8}.pay-explainer summary{font-size:15px}.pay-summary{grid-template-columns:1.2fr 1fr;margin:24px 0;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.pay-summary>div{border-radius:0;background:white;padding:20px 24px;border-bottom:1px solid var(--line)}.pay-summary .pay-net{grid-row:span 3;background:#edf8f2;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:190px}.pay-net b{font-size:44px;color:#136f63;letter-spacing:-1.5px}.pay-summary>div:not(.pay-net){display:flex;align-items:center;justify-content:space-between;gap:12px}.pay-summary>div:not(.pay-net) b{font-size:20px;margin:0;white-space:nowrap}.pay-summary>div:not(.pay-net) small{display:none}.pay-summary>div:last-child{border-bottom:0}.pay-summary span{font-size:14px}.pay-summary small{font-size:12px}.pay-summary .pay-net small{margin-top:0}.payslip-guide h2{font-size:27px}.document-name{font-size:17px}.document-sub{font-size:13px}.upload-zone{background:#f0f8f3;border-color:#9dbfae;padding:35px 22px}.upload-icon{background:#dcefe4;color:#136f63}.upload-zone h2{font-weight:650}.upload-zone p{font-size:14px}.dialog-head h2{font-size:23px}.dialog-body{line-height:1.65}.dialog-head{padding:22px 26px}.dialog-body{padding:26px}.close{min-width:36px;min-height:36px}
/* Personal workspace */
.app-page .sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);width:240px;padding:34px 20px}.side-caption{color:#73857c;letter-spacing:1.3px;margin-top:45px}.app-page nav{gap:8px}.app-page nav button{color:#4e6660;font-size:15px;padding:14px 15px;gap:14px;min-height:52px}.app-page nav button.active{background:#e9f5ef;color:#136f63;font-weight:650}.app-page nav button:hover{background:#f0f7f3}.nav-icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-note{background:#f3f8f5;border-color:#e0ebe5}.side-note strong{color:#1e5144}.side-note p,.side-footer{color:#5e766b}.side-note .pill{color:#3e715d;border-color:#c8decf}.small-icon{color:#277260;border-color:#bdd9c9}.app-page .shell{margin-left:240px}.app-page .shell>header{background:#fff;min-height:72px;padding:14px 36px;position:relative;z-index:5}.app-page main{max-width:1150px;padding:34px 36px 28px}.app-page .heading{margin-bottom:25px}.app-page .heading h1{font-size:34px;margin-top:4px}.app-page .eyebrow{display:none}.app-page .heading p{font-size:14px}.month-label{font-size:12px;letter-spacing:0;text-transform:none}.breadcrumb{font-size:13px}.local-badge{color:#5c7669}.account-menu{position:relative;margin-left:auto}.account-menu>summary{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:30px;padding:8px 13px;min-height:42px;color:#2b5449;font-size:13px;font-weight:600}.account-menu[open]>.account-controls{position:absolute;right:0;top:49px;width:300px;background:#fff;box-shadow:0 12px 40px #19372c20;border:1px solid var(--line);border-radius:15px;padding:18px;z-index:20;display:grid;gap:9px}.account-email{max-width:100%;overflow-wrap:anywhere;text-overflow:initial;white-space:normal;font-size:13px}.account-controls button{width:100%;min-height:43px}.account-controls .install-help{font-size:12px;text-align:left;margin:0}.app-page footer{font-size:12px;color:#65796d}.welcome{background:#edf8f2;border-color:#d2e7db;min-height:0}.welcome-copy{padding:26px}.welcome h2{font-size:25px;margin-top:10px}.welcome p{font-size:14px;color:#4c6b5b}.welcome-art{background:none}.mock-slip{transform:none}.mock-recognized{background:#edf8f2}.floating{background:#136f63;color:white}.steps{background:#f6faf7}.step{font-size:12px}.step b{color:#245b48}.signup-actions .primary,.signup-actions .secondary{margin-top:16px}.timer-panel{background:#eff9f4;border-color:#cfe7db;padding:28px}.timer-head .badge{display:none}.timer-head h3{font-size:21px;margin:0!important}.timer-status{font-size:13px;color:#487469}.timer-status.running{color:#147b56}.timer-main{display:grid;grid-template-columns:1fr;gap:18px;margin:23px 0}.timer-clock{font-size:clamp(48px,6vw,64px);font-weight:750;letter-spacing:-1.7px;color:#122a31;line-height:1.25}.timer-main>div:first-child{text-align:center}.timer-main>div:first-child>.fine:first-child{display:none}.timer-main .help{font-size:13px;margin-top:5px}.timer-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;width:100%;margin:0 auto;min-width:0}.timer-controls #timer-button:only-of-type{grid-column:1/-1}.timer-controls #pause-button{margin:0;background:#136f63;color:white;border:1px solid #136f63;font-size:16px}.timer-controls #timer-button{font-size:16px;min-height:54px}.timer-controls #timer-button.stop-button{background:white;color:#213b34;border:1px solid #a4c8b8}.timer-controls #timer-button.stop-button:hover{background:#e5f3eb}.timer-controls .timer-options,.timer-controls .inline-actions{grid-column:1/-1}.timer-options{text-align:center;order:2}.timer-options summary{font-size:13px;color:#5b7568}.timer-options label{margin:10px auto;text-align:left;max-width:300px}.timer-controls .inline-actions{justify-content:center!important;gap:15px}.timer-pause{font-size:13px;border-top-color:#d3e7dc}.timer-panel>.fine{font-size:12px}.pause-counter{max-width:260px;margin:15px auto;background:#fff3df;border:1px solid #ead4ad}.pause-counter b{font-size:25px}.timer-amount{font-size:14px}.today-month{padding:24px;margin-top:20px;background:#fff}.today-month-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.today-month-title h3{margin:0}.today-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.today-stats>div+div{border-left:1px solid var(--line);padding-left:20px}.today-stats span,.today-stats small{display:block;color:var(--muted);font-size:13px}.today-stats b{display:block;font-size:29px;margin-top:5px;letter-spacing:-.8px}.today-stats small{font-size:11px;margin-top:4px}.today-total{margin-top:14px;text-align:center;color:#476a58;font-size:12px}.manual-panel{padding:0;margin-top:18px;overflow:hidden}.manual-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;color:#136f63;font-weight:650;font-size:15px;min-height:56px}.manual-panel>summary:after{content:'＋';font-size:20px}.manual-panel[open]>summary:after{content:'−'}.manual-content{padding:0 24px 24px}.hours-month{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hours-month h3{font-size:20px}.hours-summary b{font-size:27px}.hours-summary>div{background:#fff}.hours-summary>div:last-child{background:#edf8f2}.hours-summary span,.hours-summary small{font-size:13px}.hours-table td{font-size:13px}.hours-table th{font-size:11px}.hours-options{line-height:1.7}
/* Public site */
.landing-page{background:#f7f8f5}.landing-page main{padding:0;max-width:none}.landing-header{max-width:1280px;margin:auto;background:none;border:0;padding:28px 48px;height:auto;gap:25px}.landing-header nav{display:flex;align-items:center;gap:32px}.landing-header nav a{font-size:14px;text-decoration:none;color:#334e43}.landing-header nav .secondary{padding:10px 25px}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:60px;padding:55px 48px 65px}.hero-copy .kicker{font-size:15px;color:#136f63;font-weight:650}.hero-copy h1{font-size:clamp(40px,4.5vw,62px);letter-spacing:-2px;line-height:1.12;margin:20px 0 25px}.hero-copy>p{font-size:19px;line-height:1.65;color:#51686a;max-width:520px}.hero-copy .primary{margin-top:32px;min-height:56px;font-size:16px;padding:15px 30px}.hero-copy .fine{margin-top:12px;font-size:13px}.hero-demo{position:relative;display:flex;align-items:center;justify-content:center;padding:15px 0 32px;min-width:0}.demo-phone{width:285px;background:#12222b;padding:9px;border-radius:38px;box-shadow:0 20px 35px #173b2a16;flex-shrink:0}.demo-screen{border-radius:30px;background:#fff;padding:19px 19px 0;overflow:hidden;min-height:470px}.demo-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:22px}.demo-top .brand{font-size:17px;gap:6px;letter-spacing:-.6px}.demo-top .brand-symbol{width:19px;height:23px}.demo-screen h3{font-size:22px;margin:18px 0}.demo-timer{text-align:center;padding:20px 8px;background:#eff9f4;border:1px solid #d3e9dd;border-radius:14px}.demo-timer>span{font-size:11px;color:#287657;display:block}.demo-timer>b{font-size:37px;letter-spacing:-1px;display:block;margin:8px 0 15px}.demo-buttons{display:flex;gap:8px}.demo-buttons span{display:block;border:1px solid #a8c9ba;border-radius:8px;padding:9px;font-size:12px;flex:1}.demo-buttons span:first-child{background:#136f63;color:white;border-color:#136f63}.demo-month{margin:20px 0;padding:16px;background:#eff9f4;border-radius:12px}.demo-month span{font-size:12px;display:block;color:#506c5e}.demo-month b{display:block;font-size:29px;margin:4px 0;color:#143c32}.demo-month small{font-size:10px;color:#50765d}.demo-nav{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #e0e8e3;padding:15px 0;font-size:9px;color:#597068}.demo-nav span:first-child{color:#136f63;font-weight:700}.demo-pay{position:absolute;right:-8px;bottom:5px;width:230px;border:1px solid #dfe7e3;border-radius:15px;background:#fff;padding:22px;box-shadow:0 15px 30px #163a2912}.demo-pay>span{font-size:12px;color:#557466}.demo-pay h3{margin:8px 0 3px;font-size:15px}.demo-pay>b{font-size:29px;display:block;color:#136f63;letter-spacing:-.8px}.demo-pay p{margin-top:13px;padding-top:12px;border-top:1px solid #e0e8e3;font-size:12px;color:#567260}.demo-caption{position:absolute;top:0;left:0;font-size:11px;color:#6d8175}.landing-steps{padding:48px;background:#eef5f0;border-top:1px solid #e0ebe4}.landing-inner{max-width:1184px;margin:auto}.landing-steps h2{font-size:34px;font-weight:700;margin-bottom:26px;letter-spacing:-1px}.landing-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing-step{padding:27px 24px;background:#fff;border:1px solid #e1e9e4;border-radius:15px;display:flex;gap:17px;align-items:flex-start}.landing-step>span{flex-shrink:0;display:grid;place-items:center;background:#e7f3ed;color:#136f63;border-radius:50%;width:35px;height:35px;font-size:16px;font-weight:600}.landing-step h3{font-size:17px;margin-bottom:10px;letter-spacing:-.3px}.landing-step p{font-size:14px;color:#536c5f;line-height:1.65}.landing-access{max-width:1184px;margin:0 auto;padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;scroll-margin-top:30px}.access-copy h2{font-size:36px;line-height:1.2;margin:10px 0 22px}.access-copy p{font-size:16px;color:#526e60;line-height:1.8;max-width:480px}.access-copy .notice{margin-top:25px;background:#edf5ef}.landing-page .login-card{width:100%;max-width:none;padding:30px;border-radius:19px;box-shadow:none;background:white;margin:0}.landing-page .login-card h3{font-size:23px;margin:0 0 9px}.landing-page .login-card p{font-size:14px}.landing-page .login-card .fine{font-size:12px}.landing-page .login-card #google-button{min-height:46px;margin:20px 0 10px}.landing-page .login-card #login-status{font-size:13px}.landing-page .login-card a{font-size:13px}.landing-footer{max-width:1280px;padding:25px 48px;margin:0 auto;border-top:1px solid #dde7e0;align-items:center}.landing-footer .brand{font-size:19px}.landing-footer .brand-symbol{width:23px;height:27px}.landing-footer a{font-size:13px;color:#456959}.landing-footer small{color:#61796b;font-size:12px}.landing-page .install-app{margin-top:20px}
@media(min-width:1000px){.timer-panel{max-width:760px;margin:0 auto}.manual-panel,.today-month,.today-setup{max-width:760px;margin-left:auto;margin-right:auto}.today-setup{margin-top:20px}.today-setup .welcome{grid-template-columns:1fr}.today-setup .welcome-art,.today-setup .steps{display:none}.timer-clock{font-size:68px}.timer-main{margin-top:28px}}
@media(max-width:1000px){.landing-header{padding:22px 28px}.hero{padding:40px 28px 55px;gap:30px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:17px}.hero-demo{padding-right:30px}.demo-phone{width:260px}.demo-screen{padding:17px 15px 0}.demo-timer>b{font-size:34px}.demo-pay{width:195px;right:-5px}.landing-steps{padding:38px 28px}.landing-step{padding:22px 17px;gap:10px}.landing-access{padding:50px 28px;gap:35px}.landing-footer{padding:23px 28px}}
@media(max-width:780px){.app-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-page .sidebar{position:static;display:block;width:100%;padding:19px 20px;border-right:0;background:#fff}.app-page .sidebar>.brand{font-size:23px}.app-page .sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible;background:#fff;border-top:1px solid #dce8e0;padding:8px 9px calc(8px + env(safe-area-inset-bottom));margin:0}.app-page .sidebar nav button{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:5px 2px;min-height:54px;border-radius:10px;font-size:11px;white-space:nowrap;position:relative}.app-page .sidebar nav button.active{background:none;color:#136f63}.app-page .sidebar nav button.active:after{content:'';position:absolute;bottom:0;width:26px;height:3px;border-radius:3px;background:#136f63}.nav-icon{width:22px;height:22px}.app-page .shell{margin:0}.app-page .shell>header{position:absolute;top:14px;right:18px;min-height:0;padding:0;border:0;background:transparent}.shell>header>.breadcrumb,.shell>header>.local-badge{display:none}.account-menu>summary{padding:6px 10px;min-height:38px;font-size:12px}.account-menu[open]>.account-controls{right:0;width:min(300px,calc(100vw - 36px))}.app-page main{padding:17px 20px 24px}.app-page .heading{margin-bottom:22px;gap:15px}.app-page .heading h1{font-size:32px;letter-spacing:-1px}.app-page .heading p{font-size:13px;max-width:330px}.month-label{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:12px}input[type=month]{width:164px;min-height:42px}.panel{padding:22px}.timer-panel{padding:21px 18px}.timer-head h3{font-size:19px}.timer-status{font-size:12px;white-space:nowrap}.timer-main{display:grid;gap:20px;margin:24px 0 18px}.timer-clock{font-size:clamp(42px,12vw,58px);letter-spacing:-1.5px}.timer-controls{margin:0;min-width:0;gap:10px}.timer-controls #timer-button,.timer-controls #pause-button{min-height:53px;font-size:15px;padding:12px 8px}.timer-controls .inline-actions{gap:3px}.timer-controls .inline-actions button{font-size:12px}.timer-options{margin-top:0}.timer-pause{font-size:12px;align-items:center;gap:7px;padding-top:12px}.timer-pause .quiet{padding:4px 6px;min-height:36px;font-size:12px}.timer-panel>.fine{font-size:11px}.timer-main .help{font-size:12px}.timer-amount{font-size:13px}.today-month{padding:21px;margin-top:17px}.today-month-title{margin-bottom:16px}.today-month-title h3{font-size:19px}.today-stats{gap:15px}.today-stats>div+div{padding-left:15px}.today-stats b{font-size:25px}.today-stats span{font-size:12px}.today-stats small{font-size:11px}.today-setup{margin-top:18px}.today-setup .welcome-copy{padding:22px}.today-setup .welcome h2{font-size:24px}.today-setup .steps{display:none}.manual-panel{padding:0}.manual-panel>summary{padding:17px 20px;font-size:14px}.manual-content{padding:0 20px 20px}.manual-content h3{font-size:16px}.hours-month{align-items:flex-start;flex-direction:column;gap:12px}.hours-month h3{font-size:20px}.hours-month>.month-label{display:flex}.hours-summary{margin-top:20px}.hours-summary b{font-size:25px}.hours-summary span,.hours-summary small{font-size:12px}.pay-summary{grid-template-columns:1fr}.pay-summary .pay-net{grid-row:auto;min-height:140px;padding:21px}.pay-net b{font-size:40px;line-height:1.3}.pay-summary>div:not(.pay-net){padding:16px 18px}.pay-summary>div:not(.pay-net) b{font-size:17px}.pay-summary span{font-size:13px}.payslip-guide{padding:21px 18px}.payslip-guide h2{font-size:25px}.payslip-guide h3{font-size:20px}.pay-entry{padding:0 12px}.pay-entry summary{font-size:14px;gap:8px}.pay-entry-amount{font-size:12px}.pay-entry summary small{font-size:11px}.pay-entry-body{font-size:13px}.pay-explainer{padding:14px}.pay-explainer summary{font-size:14px}.document-name{font-size:16px}.document-sub{font-size:12px}.upload-compact{padding:19px;gap:12px}.upload-compact h3{font-size:18px}.upload-compact .help{font-size:12px}.upload-zone{padding:26px 18px}.form-grid{gap:13px}.form-grid label,.field{font-size:13px}.form-grid small,.field small{font-size:11px}.dialog-body{padding:20px}.dialog-head{padding:17px 20px}.dialog-head h2{font-size:20px}.cards .card .value{font-size:27px}.cards .card .label{font-size:12px}.section-heading{align-items:flex-start;flex-wrap:wrap}.account-controls{width:auto}.app-page footer{font-size:11px}#toast{bottom:calc(90px + env(safe-area-inset-bottom));left:18px;right:18px;max-width:none;font-size:13px}.welcome .signup-actions{gap:10px}.welcome .signup-actions .secondary{margin:0}.welcome .signup-actions .primary{margin-top:16px}.form-actions .primary{flex:1}}
@media(max-width:700px){.landing-header{padding:20px;gap:15px}.landing-header .brand{font-size:22px}.landing-header nav{gap:10px}.landing-header nav>a:not(.secondary){display:none}.landing-header nav .secondary{font-size:13px;min-height:40px;padding:8px 17px}.hero{grid-template-columns:1fr;padding:35px 24px 45px;gap:40px}.hero-copy h1{font-size:clamp(37px,9vw,52px);letter-spacing:-1.4px;line-height:1.12;margin:16px 0 20px}.hero-copy .kicker{font-size:13px}.hero-copy>p{font-size:16px}.hero-copy .primary{margin-top:25px;width:100%;max-width:370px;font-size:15px}.hero-copy .fine{font-size:12px}.hero-demo{max-width:390px;min-height:515px;margin:auto;width:100%;padding:20px 44px 20px 0}.demo-phone{width:260px}.demo-pay{right:0;bottom:0;width:185px;padding:17px}.demo-pay>b{font-size:27px}.demo-caption{left:7px}.landing-steps{padding:35px 24px}.landing-steps h2{font-size:28px;margin-bottom:22px;line-height:1.25}.landing-step-grid{grid-template-columns:1fr;gap:13px}.landing-step{padding:22px;gap:16px}.landing-step h3{font-size:17px}.landing-step p{font-size:14px}.landing-access{grid-template-columns:1fr;padding:43px 24px;gap:24px}.access-copy h2{font-size:30px;margin-bottom:15px}.access-copy p{font-size:15px}.landing-page .login-card{padding:25px 22px}.landing-page .login-card h3{font-size:22px}.landing-footer{padding:23px 24px;gap:17px;flex-wrap:wrap}.landing-footer small{display:none}.landing-footer .brand{font-size:19px}.landing-page .login-card #google-button{overflow:hidden}.landing-page .login-card #login-status{overflow-wrap:anywhere}.hero-demo .demo-nav{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.contract-history{margin-top:22px}.contract-history h3{margin:10px 0}.contract-history h4{font-size:15px;margin:20px 0 10px}.contract-history .hours-options[open]>summary{margin-bottom:15px}.history-summary{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin:20px 0}.history-summary>div{background:#eff8f3;padding:17px;border-radius:12px}.history-summary span,.history-summary small{display:block;font-size:12px;color:#506f60}.history-summary b{display:block;font-size:25px;margin-top:7px}.history-events .row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.history-events small{display:block;font-size:11px;color:#637a6e}.history-events b{white-space:nowrap}.contract-history .checkbox{margin-top:18px}@media(max-width:780px){.contract-history{padding:21px 18px}.history-summary{gap:8px}.history-summary>div{padding:13px}.history-summary b{font-size:22px}.history-summary span,.history-summary small{font-size:11px}.contract-history .profile-top>.tag{display:none}.history-events .row{font-size:12px}}
@media(max-width:780px){.app-page .sidebar nav button span{font-size:11px;line-height:1.4}.upload-compact{flex-direction:row;align-items:center;padding:16px;gap:12px}.upload-compact h3{font-size:15px;margin:0}.upload-compact .help{display:none}.upload-compact button{width:auto;flex-shrink:0;padding:10px 15px;font-size:13px}.pay-summary .pay-net{min-height:150px}.timer-controls>.timer-options summary{min-height:36px;padding:6px}.timer-controls>.timer-options[open] summary{margin-bottom:0}}

.payroll-alerts{margin:0 0 16px;border:1px solid #e8d7b9;border-radius:12px;background:#fffaf2;color:#775229}.payroll-alerts>summary{min-height:44px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px}.payroll-alerts>summary span{font-weight:600}.payroll-alerts>summary i{font-style:normal;margin-right:6px}.payroll-alerts>summary small{font-size:12px;white-space:nowrap}.payroll-alert-details{padding:0 14px 12px;font-size:13px}.payroll-alert-details p{margin:6px 0}.learning-count{font-size:14px;margin:12px 0}.learning-document{padding:12px 0;border-bottom:1px solid #e5ebe7}.learning-document .help{margin:6px 0}.learning-document .tag{font-size:11px}

/* Forecasts keep the result visible and supporting information optional. */
.forecast-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}.forecast-result{padding:20px;background:#f0f7f5;border:1px solid #d6e5e0;border-radius:16px;display:flex;flex-direction:column;gap:8px}.forecast-result strong{font-size:clamp(26px,4vw,34px);color:#154d46;line-height:1.2}.forecast-result p{font-size:13px;margin:0}.forecast-result small{color:#52716a}.forecast-base{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 0}.forecast-start{font-size:14px;color:#52716a}.learning-compact>summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.learning-compact .learning-count{font-size:13px;font-weight:400;color:#52716a}.learning-body{padding-top:20px}.forecast-details table td{vertical-align:top}.contract-history #next-month-form>.primary{min-height:46px}.forecast-results [data-bonus-scenario]{min-width:0}.forecast-results [data-bonus-scenario]>.fine{display:block;padding:8px 2px}@media(max-width:600px){.forecast-results{grid-template-columns:1fr}.contract-history #next-month-form>.primary{width:100%}}

@media(max-width:780px){.contract-history .profile-top{align-items:flex-start;gap:10px;flex-wrap:wrap}.contract-history .profile-top>.tag{display:inline-flex;white-space:normal}}

/* Notifications are opened by the user; they never cover the whole screen. */
#toast{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.notifications-menu{position:relative;margin-left:auto}.notifications-menu>summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:24px;background:#fff;color:#2b5449;font-size:13px;cursor:pointer;list-style:none}.notifications-menu>summary::-webkit-details-marker{display:none}.notifications-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-count{background:#136f63;color:#fff;border-radius:20px;min-width:19px;height:19px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.notifications-panel{position:absolute;right:0;top:50px;width:min(350px,calc(100vw - 32px));max-height:min(65vh,480px);overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #19372c20;border-radius:16px;padding:15px;z-index:40;overscroll-behavior:contain}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-heading button{min-width:36px;min-height:36px;font-size:22px;padding:2px}.notification-read{font-size:12px;min-height:36px}.notification-item{padding:14px 0;border-top:1px solid var(--line);font-size:13px}.notification-item.is-unread>b:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#136f63;margin-right:7px}.notification-item p{white-space:pre-line;overflow-wrap:anywhere;line-height:1.6;margin:6px 0;color:#52716a}.notification-item button{font-size:12px;min-height:36px}.notification-empty{font-size:13px;color:#52716a;margin:14px 0}.app-page .shell>header{gap:10px}.account-menu{margin-left:0}@media(max-width:600px){.notification-label{display:none}.notifications-menu>summary{padding:8px}.notifications-panel{position:fixed;top:72px;right:16px;left:auto;width:calc(100vw - 32px);max-width:350px}.app-page .shell>header{padding-left:18px;padding-right:18px}}

.view-help{margin:0 0 18px;border-bottom:1px solid var(--line);padding:0 0 8px;color:#52716a;font-size:13px}.view-help>summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-weight:600;color:#2b665b}.view-help>summary:after{content:'＋';margin-left:auto;font-size:17px}.view-help[open]>summary:after{content:'−'}.view-help ol{padding-left:22px;margin:10px 0}.view-help li{padding:4px 0;line-height:1.7}.view-help p{line-height:1.7;margin:8px 0}.app-page button:focus-visible,.app-page summary:focus-visible,.app-page a:focus-visible{outline:3px solid #3b8a76;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.notifications-menu>summary:after{display:none}@media(max-width:780px){.app-page .shell>header{padding:0;right:16px;gap:8px}}@media(max-width:380px){.app-page .sidebar>.brand{font-size:17px;gap:6px}.app-page .sidebar>.brand .brand-symbol{width:21px;height:25px}.account-menu>summary{padding:6px 8px;font-size:11px}.notifications-menu>summary{padding:7px;min-height:38px}}
/* Compact work log: date and duration first, readable touch controls. */
.compact-hours td{padding:12px 10px}.compact-hours th{padding:12px 10px}.compact-hours .hour-actions{white-space:nowrap}.compact-hours .hour-actions button{min-height:40px;padding:8px 12px;margin:0 0 0 6px;font-size:13px;border-radius:10px}.compact-hours .hour-edit{color:#126e63;border-color:#b8d5ce;background:#f1f8f5}.compact-hours .hour-delete{color:#a63b31;border-color:#e9d1cb;background:#fff}.contract-history{border-color:#aacfc3!important;box-shadow:0 5px 20px #154d4609}.contract-history:first-of-type{margin-top:12px}.contract-history h3{font-size:26px}.contract-history button:disabled{background:#e5ede9;color:#526b60;cursor:default;opacity:1;border-color:#d5e1db}.contract-history #forecast-status{margin-top:8px}
@media(max-width:760px){
 .compact-hours tbody{display:block}.compact-hours tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px;margin-bottom:8px}.compact-hours td{width:auto;padding:0;display:block;text-align:left;min-width:0}.compact-hours td[data-label]:before{display:none}.compact-hours td:first-child{grid-column:1;grid-row:1;font-weight:600}.compact-hours td:nth-child(2){grid-column:1;grid-row:2;font-size:12px;color:#52716a}.compact-hours td:nth-child(3){grid-column:2;grid-row:1;font-weight:650;text-align:right}.compact-hours td.hour-premium{display:none}.compact-hours td.hour-premium.has-premium{display:block;grid-column:2;grid-row:2;text-align:right;font-size:12px}.compact-hours td.hour-premium.has-premium:before{display:inline;content:'Magg. ';font-size:12px}.compact-hours td.hour-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:3px;padding-top:6px}.compact-hours .hour-actions button{margin:0;min-height:40px}.compact-hours td .tag{font-size:10px}.compact-hours td .fine{font-size:11px}.table-wrap:has(.compact-hours){overflow:visible}.panel:has(>.table-wrap>.compact-hours){padding:12px}.contract-history h3{font-size:23px}.contract-history .forecast-results{margin-top:14px}.contract-history .forecast-result{padding:16px}
}

/* Distinct forecast panel and consistent spacing. */
.contract-history{background:#edf4ff!important;border-color:#b9cdea!important;margin-bottom:24px}.contract-history .badge,.contract-history>.profile-top>.tag{background:#dce9ff;color:#254f83}.contract-history .forecast-result{background:#fff;border-color:#c6d7ee}.contract-history .forecast-result strong{color:#254f83}.absence-shortcuts{display:flex;gap:12px;margin-top:12px}.absence-shortcuts button{flex:1;min-height:44px;border-color:#aacfc3;background:#fff}.benefit-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.benefit-cards>div{display:flex;flex-direction:column;gap:7px;padding:16px;background:#f1f8f5;border:1px solid #d5e7df;border-radius:12px}.benefit-cards b{font-size:23px;color:#17675d}.benefit-cards small{font-size:12px;color:#52716a}.benefits-section{margin-top:20px}.pay-group>summary{font-size:16px;font-weight:600}.presence-section h4{margin:18px 0 8px}.pay-group .pay-entry{margin-top:8px}@media(max-width:420px){.benefit-cards{grid-template-columns:1fr 1fr}.benefit-cards>div{padding:12px}.benefit-cards b{font-size:20px}}

.contract-history .forecast-results{display:block}.contract-history .bonus-secondary{margin-top:16px}.bonus-secondary>.forecast-result{margin-top:12px}.recorded-month-details{margin-top:24px}.recorded-month-details>summary{font-weight:600;min-height:44px;display:flex;align-items:center;justify-content:space-between}.recorded-month-details .cards{margin-top:18px}.benefit-cards .quiet{font-size:12px;padding:3px}.benefit-cards .secondary{font-size:12px;padding:8px;min-height:40px}

/* Whole-row disclosure controls, with visible action and native keyboard support. */
.app-page details>summary.clear-disclosure{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:48px;padding:12px 10px;border-radius:10px;background:#f4f8f6;line-height:1.45;text-align:left}
.app-page details>summary.clear-disclosure::-webkit-details-marker{display:none}
.app-page details>summary.clear-disclosure:after{display:none!important}
.clear-disclosure:hover{background:#e8f2ee!important}.disclosure-action{margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:#17675d;font-size:12px;font-weight:600}
.pay-entry summary i{display:none}.app-page .pay-entry>summary.clear-disclosure{background:transparent;flex-wrap:wrap}.pay-entry .disclosure-action{margin-left:0}.privacy-summary{margin-top:20px}.privacy-summary p{margin-top:12px}.privacy-summary a{font-weight:600;text-decoration:underline}
@media(max-width:420px){.app-page details>summary.clear-disclosure{gap:8px;font-size:13px}.disclosure-label{font-size:11px}.pay-entry .disclosure-action{margin-left:auto}}

/* Sections open with a plus and close with a minus: no text-glyph arrows. */
.disclosure-symbol{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#e0eee8;color:#17675d}.disclosure-symbol svg{width:18px;height:18px}details[open]>summary>.disclosure-action .disclosure-vertical{display:none}
.app-page .account-menu>summary:after{content:none!important}.app-page .account-menu>summary{min-height:44px;border-radius:24px}.app-page .account-menu>summary:before{content:'';width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 22v-3a8 8 0 0 1 16 0v3z'/%3E%3C/svg%3E") center/contain no-repeat}.app-page .account-menu[open]>summary{background:#e0eee8}
.app-page .quiet[data-action=edit-manual],.app-page .quiet[data-action=edit-shift]{border:1px solid #c4dcd2;border-radius:9px;background:#f4f8f6;padding:8px 12px;min-height:44px}.app-page .hour-delete{min-height:44px}
.landing-page summary{cursor:pointer}.landing-faq{max-width:1100px;margin:0 auto;padding:44px 24px}.landing-faq h2{font-size:28px;margin-bottom:20px}.landing-faq details{padding:16px 0;border-bottom:1px solid var(--line)}.landing-faq summary{font-weight:600;min-height:44px;display:flex;align-items:center;gap:12px;list-style:none}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:'+';margin-left:auto;font-size:24px;color:#136f63}.landing-faq details[open]>summary:after{content:'−'}.landing-faq p{line-height:1.7;color:var(--muted);max-width:800px;margin-top:10px}.landing-faq a{text-decoration:underline}

.timer-controls[aria-busy=true]{opacity:.65}.timer-controls[aria-busy=true] button{cursor:wait}

.vault-dialog{width:min(520px,calc(100vw - 28px));max-height:90dvh;border:1px solid #d5e7df;border-radius:20px;padding:0;background:#fff;color:#14242d;overflow:auto}.vault-dialog::backdrop{background:#14242ddd}.vault-dialog .dialog-body{padding:24px}.vault-dialog p{line-height:1.65}.vault-dialog form{display:grid;gap:16px;margin:18px 0}.vault-dialog label{display:grid;gap:7px;font-weight:600}.vault-dialog input{min-width:0;width:100%}.vault-dialog small,.vault-dialog .fine{font-weight:400;font-size:13px;color:#566970}.vault-dialog .primary{width:100%;min-height:48px}.recovery-code{display:block;padding:16px;background:#e8f5ef;border-radius:10px;margin:16px 0;font-size:15px;overflow-wrap:anywhere;line-height:1.7;user-select:all}.vault-dialog label.vault-confirm{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:14px}.vault-confirm input{width:20px;height:20px;flex-shrink:0}.vault-dialog a{display:inline-block;margin-top:14px;text-decoration:underline;color:#136f63}
.timecard-section{max-width:780px;margin:0 auto 24px}.app-page .timecard{padding:28px;background:#eef8f4;border:1px solid #cde6df;box-shadow:none}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.card-heading h3{margin:0;font-size:22px}.card-state{border-radius:22px;background:#e3eceb;color:#234d49;font-size:12px;font-weight:600;padding:8px 12px;white-space:nowrap}.card-state.working{background:#167a70;color:white}.card-state.paused{background:#fff0cc;color:#755012}.card-state.completed{background:#c8efdd;color:#155643}.card-stamps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card-stamps>div{background:white;border:1px solid #d8e8e4;border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:6px;min-width:0}.card-stamps span,.card-durations span{font-size:14px;color:#365958}.card-stamps b{font-size:28px;line-height:1.3;overflow-wrap:anywhere}.card-hint{margin:22px 0;color:#526e6b;font-size:14px}.card-durations{display:flex;gap:30px;margin:22px 0}.card-durations>div{display:flex;flex-direction:column;gap:6px}.card-durations b{font-size:32px;line-height:1.2}.card-durations small{font-size:12px;color:#587671}.card-pause-count{display:flex;gap:12px;align-items:center;margin:12px 0;font-size:14px}.card-pause-count[hidden]{display:none}.paused-hint{color:#705020}.card-saved{color:#14694e;font-weight:600;margin:18px 0}.card-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.timecard .card-controls{display:flex;flex-direction:column;gap:12px;margin:20px 0 0;width:100%;min-width:0}.timecard .card-controls button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;font-size:17px;width:100%;border-radius:14px}.card-edit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:14px 0 0;min-height:48px}.card-options{margin-top:18px}.card-options-body{padding:12px 0 0}.card-options-body p{font-size:13px}.card-options-body label{margin-top:16px}.card-options-body button{display:inline-flex;align-items:center;gap:8px}.card-absences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.card-absences button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:94px;background:white;border:1px solid #d5e3de;border-radius:14px;font-size:14px;padding:12px 6px}.card-absences .card-icon{width:28px;height:28px}.card-more{display:flex;align-items:center;gap:10px;min-height:44px;padding-left:0}.card-other-entries{margin-top:16px}.card-options-body .danger{margin-top:12px}.timecard-section button:focus-visible{outline:3px solid #207e73;outline-offset:3px}.timecard-section button:hover{filter:brightness(.98)}
@media(max-width:780px){.app-page .timecard{padding:20px 16px}.card-heading h3{font-size:18px}.card-state{padding:7px 9px;font-size:11px}.card-stamps{gap:10px}.card-stamps>div{padding:14px 12px}.card-stamps b{font-size:25px}.card-durations b{font-size:29px}.card-durations{gap:22px}.card-absences{gap:9px}.card-absences button{font-size:13px;min-height:88px}.timecard .card-controls button{min-height:56px;font-size:16px}.timecard-section{margin-bottom:18px}.card-durations small{max-width:260px}.app-page .heading h1{font-size:29px}}

.archive-preview-status{padding:10px 14px;margin:0 0 16px;border-radius:12px;background:#eef4fb;color:#345578;font-size:13px;line-height:1.5}.archive-preview-status button{margin-left:8px}body[data-archive-ready="false"] #view button:disabled{cursor:wait}

.demo-timecard{padding:14px 11px;background:#eef8f4;border:1px solid #cde6df;border-radius:14px}.demo-card-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px}.demo-card-heading strong{font-size:11px;line-height:1.3}.demo-card-heading>span{font-size:8px;white-space:nowrap;border-radius:12px;padding:5px 6px;background:#e3eceb;color:#234d49}.demo-stamps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-stamps>div{background:white;border:1px solid #d5e3de;border-radius:10px;padding:8px 10px}.demo-stamps span{display:block;font-size:10px;color:#526e6b}.demo-stamps b{display:block;font-size:24px;line-height:1.3}.demo-timecard p{font-size:9px;line-height:1.5;color:#526e6b;margin:12px 0}.demo-stamp-action{display:flex;align-items:center;justify-content:center;gap:7px;background:#136f63;color:white;border-radius:10px;padding:12px 5px;font-size:12px;font-weight:650}.demo-stamp-action svg,.demo-absences svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-card-options{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#345f58;margin-top:12px}.demo-card-options b{font-size:14px}.demo-absences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0}.demo-absences>span{display:flex;flex-direction:column;align-items:center;gap:5px;background:white;border:1px solid #d5e3de;border-radius:10px;padding:8px 2px;font-size:9px;color:#234d49}.hero-demo .demo-month{margin:14px 0}.demo-screen>h3{font-size:20px}

.diagnostics-panel{margin:20px 0}.diagnostics-panel .inline-actions{margin:12px 0}

/* Email access: one compact form, with explicit labels and touch targets. */
.email-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted,#547078)}
.email-divider:before,.email-divider:after{content:"";height:1px;flex:1;background:#dce7e4}
.email-access h4{font-size:1.15rem;margin:0 0 16px}.email-access form{display:grid;gap:10px}
.email-access label{display:grid;gap:7px}.email-access input{width:100%;min-width:0;box-sizing:border-box;font-size:16px}
.email-access form>.primary{width:100%;min-height:48px}.email-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.email-links button{min-height:44px}.email-password-field{display:flex;align-items:center;border:1px solid #c8dcd6;border-radius:10px;overflow:hidden;background:white}
.email-password-field input{border:0;flex:1;width:0}.email-password-field button{flex-shrink:0;min-height:44px;padding:8px 10px}
.email-message{margin:4px 0;overflow-wrap:anywhere}.email-message:empty{display:none}
.email-account .email-access{max-width:440px;margin-top:20px}.landing-access .login-card{min-width:0}
.pay-plain-summary{margin:18px 0;padding:0 0 16px;border-bottom:1px solid #dce8e0;font-size:14px}.pay-plain-summary p{margin:8px 0}.pay-plain-summary ul{padding:0;margin:10px 0;list-style:none;display:grid;gap:8px}.pay-plain-summary li{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.pay-plain-summary li span{min-width:0;overflow-wrap:anywhere}.pay-plain-summary li b{white-space:nowrap}.forecast-plain{margin:10px 0;font-size:14px;line-height:1.6;color:#345c62}

.launch-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #dce8e2}.launch-admin-row span{overflow-wrap:anywhere;min-width:0}.launch-admin-row small{display:block;color:#617978;margin-top:4px}.launch-admin-row button{flex-shrink:0}

/* Cedolix 0.1: observation, interpretation and checks share the same workbook. */
.reading-state{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.reading-state span{padding:.45rem .7rem;border:1px solid #dce1da;border-radius:12px;font-size:.8rem;background:#f7f7f0;color:#203e4a}
.payroll-controls,.payslip-explanation{border-top:1px solid #dce1da;margin-top:1.5rem;padding-top:1.25rem}.payroll-controls h3,.payslip-explanation h3{margin-top:0}.payroll-check-list{list-style:none;padding:0}.payroll-check-list li{padding:.8rem 0;border-bottom:1px solid #e7e8e1}.payroll-check-list p{margin:.35rem 0;color:#536b75}.personal-alias-field{display:block;margin:1rem 0}.personal-alias-field select{display:block;max-width:100%;min-height:44px}.pay-entry-amount,.money-amount{white-space:nowrap}.payroll-section-label{font-size:.8rem;color:#536b75}.comparison-row>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:380px){.pay-entry>summary{flex-wrap:wrap;gap:.5rem}.comparison-pair{flex-wrap:wrap}.reading-state span{max-width:100%;overflow-wrap:anywhere}}

/* Phase 3: keep factual details readable inside the existing payslip layout. */
.payslip-guide .pay-entry-body>.pay-facts{display:grid;gap:0;min-width:0}
.payslip-guide .pay-entry-body>.pay-facts>.row{width:100%;min-width:0;gap:12px}
.payslip-guide .pay-facts>.row>span{min-width:0;overflow-wrap:anywhere}
.payslip-guide .pay-facts>.row>span:last-child{display:flex;flex-direction:column;align-items:flex-end}
.payslip-guide .pay-entry-body h4{margin:1.2rem 0 .4rem}
.receipt-comparison-content .pay-source-action,.payroll-check-list .pay-source-action{display:flex;flex-wrap:wrap;gap:8px}
.receipt-comparison-content [data-source-doc]{display:inline-flex;flex-direction:column;gap:4px;margin:6px 8px 6px 0}
.receipt-comparison-content .source-link{display:inline-flex;align-items:center;min-height:44px;border:1px solid #bad5cf;border-radius:9px;padding:7px 12px;background:#fff;color:#155f55;font-size:13px;text-decoration:none}
.payslip-guide .benefit-cards>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.payslip-guide .benefit-cards{grid-template-columns:minmax(0,1fr)}.payslip-guide .benefit-cards>div:last-child{grid-column:auto}}