:root{--ink:#192e2d;--muted:#6d7974;--yellow:#f1d44e;--line:#e3e7df;--bg:#f5f6ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,-apple-system,sans-serif}aside{position:fixed;width:235px;inset:0 auto 0 0;background:#192b2a;color:#fff;padding:34px 22px;display:flex;flex-direction:column}.brand{padding:0 16px 36px}.brand b{font-size:51px;letter-spacing:-5px}.brand b span{color:var(--yellow)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#b9c6bf}nav{display:grid;gap:9px}nav button{background:none;color:#b9c6bf;text-align:left;padding:14px 16px;border:0;border-radius:9px;font-size:14px}nav button.active{background:var(--yellow);color:var(--ink);font-weight:700}.aside-bottom{margin-top:auto;font-size:13px;line-height:1.8}.aside-bottom small{color:#b9c6bf;font-size:11px}main{margin-left:235px;padding:24px 42px;max-width:1700px}header{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:22px}.heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 22px}h1{font-size:34px;letter-spacing:-1.2px;margin:8px 0}p{color:var(--muted);line-height:1.6;margin:5px 0}.eyebrow{font-size:10px;letter-spacing:2px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 15px;border-radius:7px}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--yellow);border-color:var(--yellow);font-weight:650}.dark{background:var(--ink);color:white}.notice{background:#eeefe6;border:1px solid #dfe2d3;border-radius:8px;padding:12px 16px;font-size:12px;color:#64705d;line-height:1.6;margin-bottom:25px}.notice button{padding:2px 7px;font-size:12px;background:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.stat small{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:32px;margin:13px 0 7px;letter-spacing:-1px}.stat em{font-style:normal;font-size:11px;color:var(--muted)}.stat:first-child{background:var(--ink);color:white}.stat:first-child small,.stat:first-child em{color:#b9c6bf}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.card h2{font-size:17px;margin:0 0 18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:18px}.badge,.pill{padding:5px 9px;border-radius:20px;background:#edf2e8;font-size:11px;display:inline-block;white-space:nowrap}.warn{background:#fff3cf;color:#806517}.list-item{padding:16px 0;border-top:1px solid var(--line)}.list-item strong{display:block;font-size:14px}.list-item small{color:var(--muted);font-size:12px}.empty{padding:35px 12px;text-align:center;color:var(--muted);font-size:14px}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.toolbar input{flex:1;min-width:150px}input,textarea,select{border:1px solid #d5ddd3;border-radius:7px;padding:10px;background:#fff;color:var(--ink);max-width:100%}textarea{min-height:90px;resize:vertical}label{display:grid;gap:7px;margin:15px 0;font-size:12px;font-weight:600}form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:13px 10px;background:#f7f8f2}td{padding:16px 10px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:5px}.table-wrap{overflow:auto}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.micro{font-size:12px;color:var(--muted)}footer{font-size:11px;color:#8c958b;padding:28px 0}dialog{border:0;border-radius:16px;padding:26px;width:min(590px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#11282777;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:22px;margin:0}.modal-head button{border:0}#toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:#fff;padding:14px 20px;border-radius:8px;display:none;z-index:5}.attachment{max-width:100%;max-height:300px;border-radius:8px;margin-top:10px}a{color:inherit}.big-time{font-size:38px;margin:15px 0;font-weight:650}.section-actions{display:flex;gap:8px;flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #ad940d;outline-offset:3px}@media(max-width:1000px){main{padding:22px;margin-left:200px}aside{width:200px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:relative;width:auto;padding:16px}.brand{padding:0 0 12px}.brand b{font-size:34px}.brand small,.aside-bottom{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav button{white-space:nowrap;padding:10px}main{margin:0;padding:18px}.heading{margin:24px 0;align-items:flex-start;gap:10px}h1{font-size:28px}.heading p{font-size:13px}.heading>button{font-size:12px;padding:10px}.stats{gap:10px}.stat,.card{padding:17px}.stat strong{font-size:27px}.client-grid{grid-template-columns:1fr}.toolbar{gap:7px}form .two{grid-template-columns:1fr;gap:0}}

.checkline{display:flex;align-items:center;gap:8px;font-weight:400}.checkline input{flex:none;min-width:0;width:auto;accent-color:#172525}.weekday-picker{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px}.weekday-picker label{margin:5px 0}.toolbar label{margin:0}.toolbar{align-items:end}[hidden]{display:none!important}td .badge{white-space:normal;margin:2px 0}details{margin-top:18px}.stats .stat strong{font-size:clamp(20px,2vw,30px)}

.voice-matches{display:flex;flex-direction:column;gap:8px;margin-top:12px}.voice-matches button{text-align:left;white-space:normal;overflow-wrap:anywhere}

body.worker-preview{background:#e9ede5}body.worker-preview>aside,body.worker-preview main>header,body.worker-preview main>.heading,body.worker-preview main>.notice,body.worker-preview main>footer{display:none}body.worker-preview main{margin:0;padding:22px 16px 40px;max-width:none}.worker-preview-bar{max-width:850px;margin:0 auto 22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px dashed #bcc7b8;border-radius:12px;padding:12px 16px;background:#f7f9f4}.worker-preview-bar>div{flex:1;min-width:200px}.worker-preview-bar strong{font-size:13px}.worker-preview-bar small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.worker-preview-bar label{margin:0;min-width:130px}.worker-preview-bar button{font-size:12px}.worker-phone{max-width:460px;margin:auto;background:#f8f9f4;border:1px solid #d5ddd1;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #192e2d15}.worker-brand{padding:21px 24px 14px;display:flex;align-items:center;gap:14px}.worker-brand b{font-size:34px;letter-spacing:-3px}.worker-brand b span{color:#b49a15}.worker-brand>span{font-size:9px;letter-spacing:1.8px}.worker-brand i{margin-left:auto;font-size:10px;color:#426545;font-style:normal}.worker-brand i.offline{color:#997526}.worker-greeting{padding:8px 24px 22px}.worker-greeting>small{font-size:11px;color:var(--muted);text-transform:capitalize}.worker-greeting h1{font-size:29px;letter-spacing:-1px;margin:9px 0 5px;display:flex;gap:12px;align-items:center;overflow-wrap:anywhere}.worker-greeting h1 span{font-size:22px}.worker-greeting p{font-size:13px}.worker-content{padding:0 20px 24px;min-height:390px}.worker-shift{padding:22px;border-radius:18px;background:#1c3431;color:#fff}.worker-status{font-size:11px;color:#d2ddd3}.worker-shift.is-active .worker-status{color:#deeb95}.worker-schedule{font-size:11px;color:#c9d6ce}.worker-clock{font-size:34px;letter-spacing:-1px;font-weight:700;margin-top:25px}.worker-shift>p{color:#bdcec4;font-size:12px}.worker-current{margin:24px 0 20px;padding-top:18px;border-top:1px solid #ffffff24}.worker-current small{font-size:9px;color:#b6cbbd;letter-spacing:1.7px}.worker-current h2{font-size:19px;margin:8px 0;line-height:1.4;overflow-wrap:anywhere}.worker-current p{font-size:11px;color:#bdcec4}.worker-action{width:100%;min-height:52px;text-align:center;font-size:14px;margin-top:12px;border-radius:11px;font-weight:600}.worker-note{background:#2b4842;color:#edf3e5;border-color:#476158}.worker-end{background:none;color:#e8eeea;border-color:#5a6b60;font-weight:400}.worker-shift>.primary{margin-top:22px}.worker-hint{display:block;text-align:center;color:#bdcec4;font-size:10px;margin-top:12px}.worker-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 0 14px}.worker-section-heading h2{font-size:16px;margin:0}.worker-section-heading>span{font-size:10px;color:var(--muted)}.worker-timeline{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.worker-timeline-item{display:flex;align-items:center;gap:13px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 14px;text-align:left}.worker-timeline-item:last-child{border-bottom:0}.worker-timeline-item>span:nth-child(2){flex:1;min-width:0}.worker-time{font-size:12px;font-weight:600;align-self:flex-start;color:#425d51}.worker-time small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.worker-timeline-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.worker-timeline-item>span>small{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.worker-timeline-item em{font-size:10px;font-style:normal;color:#597244;display:block;margin-top:8px}.worker-empty{text-align:center;color:var(--muted);font-size:12px;line-height:1.7;padding:30px 18px}.worker-location-note{font-size:10px;line-height:1.6;margin-top:20px;color:#7b887d}.worker-tabs{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.worker-tabs button{display:grid;justify-items:center;gap:6px;border:0;background:none;color:#7b867d;font-size:10px;min-height:55px}.worker-tabs button>span{font-size:22px}.worker-tabs .selected{background:#edf1dd;border-radius:10px;color:#223c2d;font-weight:700}.worker-preview-foot{text-align:center;font-size:11px;margin:16px auto;max-width:460px}.worker-attention{width:100%;margin-top:16px;background:#fff5d6;border:1px solid #eadca9;text-align:left;border-radius:13px;padding:16px}.worker-attention b,.worker-attention span{display:block;font-size:12px}.worker-attention span{font-size:10px;margin-top:5px;color:#826b35}.worker-part-card{display:block;width:100%;text-align:left;border-radius:14px;background:white;padding:18px;margin-top:12px}.worker-part-card .row small{font-size:10px;color:var(--muted)}.worker-part-card .row b{font-size:11px;white-space:nowrap}.worker-part-card h3{font-size:15px;line-height:1.4;margin:14px 0 6px;overflow-wrap:anywhere}.worker-part-card p{font-size:12px;overflow-wrap:anywhere}.worker-materials{background:#f4f6ee;border-radius:8px;padding:10px;font-size:11px;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.worker-day{border-bottom:1px solid var(--line);padding:16px 0}.worker-day .row{font-size:12px}.worker-day p,.worker-day>small{font-size:11px;line-height:1.6}.worker-day>small{color:var(--muted)}.worker-hours-summary{padding:20px;border-radius:15px;background:#e8edd8;margin-bottom:10px}.worker-hours-summary small{font-size:9px;letter-spacing:1.5px}.worker-hours-summary strong{font-size:27px;display:block;margin:12px 0 6px}.worker-hours-summary p{font-size:11px}.worker-callout{padding:14px 16px;background:#eef0df;margin-top:15px;border-radius:12px}.worker-callout strong,.worker-callout p{font-size:12px}@media(max-width:520px){body.worker-preview main{padding:0 0 12px}.worker-preview-bar{border:0;border-bottom:1px dashed #bcc7b8;border-radius:0;margin:0;padding:10px 14px;gap:8px}.worker-preview-bar>div{min-width:160px}.worker-preview-bar label{width:100%;display:flex;align-items:center;gap:12px}.worker-preview-bar label select{flex:1;min-width:0}.worker-preview-bar small{font-size:10px}.worker-phone{border:0;border-radius:0;max-width:none;box-shadow:none;min-height:85vh}.worker-tabs{position:sticky;bottom:0}.worker-content{min-height:calc(100dvh - 440px)}.worker-preview-foot{padding:0 18px}.worker-brand{padding-top:16px}body.worker-preview .heading>div{min-width:0}}

.worker-calendar-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.worker-calendar-toolbar>button{font-size:27px;min-width:42px;height:44px;padding:0}.worker-calendar-toolbar label{flex:1;margin:0;min-width:0;font-size:12px}.worker-calendar-toolbar input{width:100%;min-width:0}.worker-calendar{border:1px solid var(--line);border-radius:16px;padding:14px 10px;background:#fff;margin-top:16px}.worker-calendar h2{font-size:16px;text-transform:capitalize;margin:0}.worker-calendar>.row{padding:0 4px 13px}.worker-calendar>.row button{font-size:11px;padding:7px 10px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekdays{padding:4px 0 9px;text-align:center;font-size:10px;color:var(--muted);font-weight:650}.calendar-day{border:1px solid #e4e8df;border-radius:9px;padding:7px 2px;min-width:0;min-height:78px;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-start;background:#fff}.calendar-day b{font-size:13px;font-weight:600}.calendar-day small{font-size:9px;font-weight:650;white-space:nowrap;color:#426144;margin-top:auto}.calendar-day.is-rest{background:#f0f2ec;color:#82907e}.calendar-day.is-today{border-color:#aa9425;box-shadow:inset 0 0 0 1px #aa9425}.calendar-day.is-selected{outline:2px solid #213d33;outline-offset:0;background:#e9efdc}.calendar-day.is-selected b{font-weight:800}.calendar-mark{max-width:100%;padding:2px 3px;border-radius:4px;font-size:8px;line-height:1.2;font-weight:600;white-space:nowrap}.calendar-vacation{background:#dceade;color:#275b39}.calendar-holiday{background:#fde8c4;color:#855621}.calendar-permission{background:#e4e2f6;color:#5f528b}.calendar-sick,.calendar-absence,.calendar-other{background:#f4dfe2;color:#844f5e}.calendar-rest{background:#e2e6dd}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:17px 4px 10px}.calendar-legend>span{display:flex;align-items:center;gap:4px;font-size:9px;color:#5f705e}.calendar-legend i{height:9px;width:9px;border-radius:3px;display:inline-block}.worker-calendar>.micro{font-size:10px;padding:0 4px}.calendar-detail{border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px;margin-top:18px}.calendar-detail h2{font-size:16px;text-transform:capitalize;margin:0 0 18px}.calendar-detail>p{font-size:12px}.calendar-detail h3{font-size:12px;margin:20px 0 8px}.calendar-detail-hours{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:14px}.calendar-detail-hours small{font-size:9px;letter-spacing:1px;color:var(--muted);display:block}.calendar-detail-hours b{display:block;font-size:18px;margin-top:7px}.calendar-absence-detail{padding:10px 12px;margin-top:10px;border-radius:8px;display:block}.calendar-absence-detail strong,.calendar-absence-detail span{display:block;font-size:12px}.calendar-absence-detail span{font-size:11px;margin-top:4px}.calendar-punch{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.worker-calendar-shortcut{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:18px;padding:15px;border-radius:12px;font-size:12px;text-align:left}.worker-calendar-shortcut span{font-size:17px}@media(max-width:350px){.worker-calendar{padding:12px 7px}.calendar-grid,.calendar-weekdays{gap:3px}.calendar-mark{font-size:7px;padding:2px}.calendar-day{min-height:74px}.worker-content{padding-left:15px;padding-right:15px}.calendar-detail-hours b{font-size:16px}}

.loading-secure>aside,.loading-secure main>header,.loading-secure main>.heading,.loading-secure main>.notice{display:none}.loading-secure main{margin:0}.worker-live-bar{max-width:650px;margin:0 auto 14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;font-size:11px}.worker-live-bar span{flex:1;overflow-wrap:anywhere}.worker-live-bar button{font-size:11px;padding:7px}.worker-live-bar a{font-size:11px}.worker-preview-foot{overflow-wrap:anywhere}#securestatus{overflow-wrap:anywhere}.grid>.card>.section-actions{margin-top:14px}

.setup-company>aside,.setup-company main>header,.setup-company main>.heading,.setup-company main>.notice,.setup-company main>footer{display:none}.setup-company main{margin:0;padding:25px 20px 60px;max-width:none}.company-onboarding{max-width:850px;margin:15px auto}.onboarding-path{display:flex;gap:22px;font-size:12px;margin-bottom:35px;color:#758171}.onboarding-path b{color:#213b32;background:#e3ead8;padding:8px 12px;border-radius:20px}.onboarding-path span{padding:8px 0}.onboarding-intro{margin-bottom:24px;max-width:680px}.onboarding-intro h1{font-size:clamp(28px,5vw,42px);margin:12px 0}.company-onboarding>.card{padding:28px}.organization-logo-editor{display:flex;gap:22px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.organization-logo-editor>div:last-child{flex:1;min-width:0}.organization-logo-editor small{font-size:11px;color:var(--muted)}.organization-logo-editor label{margin:0 0 8px}.organization-logo-editor input[type=file]{font-size:12px;width:100%}.company-logo{max-width:160px;max-height:100px;width:auto;height:auto;object-fit:contain;display:block;border-radius:7px}.company-logo.compact{max-width:80px;max-height:45px}.company-monogram{display:inline-flex;align-items:center;justify-content:center;height:74px;width:74px;border-radius:17px;background:#e8edda;color:#344e33;font-size:26px;font-weight:750;letter-spacing:-1px;flex-shrink:0}.company-monogram.compact{height:40px;width:40px;font-size:19px;border-radius:10px}.brand .company-monogram{background:#f1d44e;color:#192e2d}.brand .company-logo{max-width:165px;max-height:95px;background:#ffffffee;padding:7px}.brand .company-brand-name{font-size:16px;font-weight:650;letter-spacing:0;line-height:1.4;display:block;margin-top:14px;overflow-wrap:anywhere}.settings-company{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.settings-company .company-logo{max-width:100px;max-height:65px}.settings-company .company-monogram{height:50px;width:50px;font-size:21px}.settings-company p{width:100%}.optional{font-size:10px;color:var(--muted);font-weight:400}.organization-submit{width:100%;margin-top:25px;min-height:50px}.form-error{color:#a23c32;font-size:12px;margin-top:12px}.team-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.team-summary>div{padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:12px}.team-summary b{display:block;font-size:29px}.team-summary span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.employee-card h2{margin-top:18px;overflow-wrap:anywhere}.employee-card p{overflow-wrap:anywhere}.employee-avatar{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:50%;background:#e8eddc;font-weight:650;font-size:15px}.employee-card .section-actions{margin-top:18px}.employee-card .section-actions button{font-size:12px;padding:9px 11px}@media(max-width:650px){.company-onboarding{margin:8px auto}.company-onboarding>.card{padding:18px}.organization-logo-editor{gap:13px;align-items:flex-start}.organization-logo-editor .company-logo{max-width:90px;max-height:80px}.organization-logo-editor .company-monogram{width:55px;height:55px}.team-summary{gap:8px}.team-summary>div{padding:15px 12px}.team-summary span{font-size:10px}.team-summary b{font-size:24px}.brand .company-brand-name{font-size:14px;margin-top:8px}.brand .company-logo{max-height:48px;max-width:100px}.brand .company-monogram{height:40px;width:40px;font-size:19px}.setup-company main{padding:15px 12px 45px}}
/* Company-wide appearance: status and calendar category colours keep their meaning. */
:root{--accent:#f1d44e;--accent-text:#000;--accent-soft:#fdf9e8;--accent-deep:#352f11;--accent-bg:#fffef9}
body{background:var(--accent-bg)}aside,.worker-shift{background:var(--accent-deep)}.primary,nav button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.stat:first-child{background:var(--accent-deep)}.worker-tabs button.selected,.worker-hours-summary,.calendar-day.is-selected{background:var(--accent-soft);color:var(--ink)}.company-monogram{background:var(--accent);color:var(--accent-text)}.calendar-day.today{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}.theme-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 20px}.theme-swatches button{display:flex;align-items:center;gap:8px;padding:10px 8px;font-size:12px;min-width:0}.theme-swatches button span{background:var(--swatch);width:23px;height:23px;border-radius:50%;border:1px solid #0003;flex-shrink:0}.theme-swatches button[aria-pressed=true]{border:2px solid var(--accent-deep);box-shadow:0 0 0 1px var(--accent-deep)}.custom-color{grid-template-columns:1fr auto auto;align-items:center;gap:12px}.custom-color input{width:50px;height:40px;padding:3px}.preferences-panel .micro{font-size:12px}.worker-phone{background:var(--accent-bg)}
@media(max-width:380px){.theme-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-color{grid-template-columns:1fr auto}.custom-color #ui-color-value{grid-column:1/-1}}
.brand .company-monogram{background:var(--accent);color:var(--accent-text)}.worker-greeting h1 span[data-no-i18n]{font-size:inherit}.calendar-day.is-today{border-color:var(--accent-deep);box-shadow:inset 0 0 0 1px var(--accent-deep)}.calendar-day.is-selected{outline-color:var(--accent-deep)}body.worker-preview{background:var(--accent-soft)}
.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 15px;border-radius:7px;font-size:14px;text-decoration:none}.button-link.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.install-instructions li{line-height:1.6;margin-bottom:10px}.install-instructions h3{margin-top:24px}.worker-live-bar{flex-wrap:wrap;gap:8px}.worker-live-bar button{min-height:40px}
@media(max-width:650px){main>.heading{flex-direction:column}main>.heading>.section-actions{width:100%;flex-wrap:wrap}.section-actions{flex-wrap:wrap}.button-link{min-height:44px}header{gap:10px;flex-wrap:wrap}}
body.login-screen>aside,.login-screen main>header,.login-screen main>.heading,.login-screen main>.notice,.login-screen main>footer{display:none}.login-screen main{margin:0;max-width:none;padding:28px 16px}.login-card{max-width:430px;margin:25px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.login-brand{font-weight:800;font-size:clamp(36px,9vw,44px);line-height:1.1;color:#6B742F}.login-card h1{font-size:28px;margin-top:24px}.login-card button{width:100%;min-height:48px;margin-top:10px}.login-card p{font-size:13px}.login-divider{text-align:center;font-size:12px;color:var(--muted);margin:25px 0 15px}.google-button{font-weight:650}#auth-message{font-size:13px;color:#8c3e22;margin:16px 0;white-space:pre-wrap}.login-card .micro{margin-top:20px}

.workbase-login-logo{display:block;width:100%;max-width:340px;height:auto}
.workbase-app-logo{margin:0 0 22px;padding:12px;background:#fff;border-radius:12px}
.workbase-app-logo img{display:block;width:100%;height:auto}

@media(max-width:768px){
  .workbase-app-logo{width:160px;max-width:100%;box-sizing:border-box;margin:0 0 12px;padding:8px}
  .workbase-app-logo img{display:block;width:100%;height:auto}
}

@media(max-width:768px){
  body aside{position:relative}
  body aside>.workbase-app-logo{
    position:absolute;
    top:18px;
    right:16px;
    width:145px;
    max-width:42%;
    margin:0;
    padding:8px;
    box-sizing:border-box;
  }
  body aside>.brand{
    padding-right:calc(42% + 12px);
    min-width:0;
  }
}