@import url('/mobile-security.css');
.panel-login{max-width:480px;margin:40px auto;text-align:center;padding:28px}
.panel-login .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.panel-login .actions>*{width:100%;min-height:64px;border-radius:14px;font-size:20px}
.panel-programs{display:grid;gap:16px}.panel-programs>button{min-height:64px;font-size:20px}
[data-home-rcp]{padding:18px;border:1px solid var(--field-border);border-radius:12px;font-variant-numeric:tabular-nums}
[data-sites-list] article{padding:14px 0;border-bottom:1px solid var(--field-border)}
.rcp-worker-view .employee-rcp>p[data-rcp-status]:empty{display:none}
.signed-in>div:not(.mobile-connection){display:none}
.signed-in>.panel-account-menu{justify-self:center;margin:0;border-radius:50%;width:44px;height:44px;padding:0}
.rcp-worker-view [hidden]{display:none!important}
.rcp-calendar{padding:8px;border:1px solid var(--field-border);border-radius:8px;margin-top:6px}
.rcp-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:8px;text-align:center}
.rcp-calendar-grid button{min-width:0;min-height:36px;padding:4px}
.rcp-worker-view .employee-rcp-clock output{font-variant-numeric:tabular-nums;letter-spacing:0}
:root{color-scheme:dark;--text:#f8fafc;--panel:#1f2937;--field-border:#64748b;--button-bg:#334155;--button-hover:#475569;--button-active:#06953f;font:16px system-ui,sans-serif;background:#111827;color:var(--text)}
.signed-in{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;background:#111827;border-bottom:1px solid #cbd5e12e}
.signed-in>img{display:none}.signed-in>.mobile-connection{justify-self:start}.signed-in>.panel-back{justify-self:end;margin:0;width:44px;height:44px;padding:0;border-radius:50%;background:#0f172a;color:#f8fafc;border:1px solid #cbd5e12e}.panel-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4}.signed-in h1{font-size:16px}.signed-in p{font-size:12px}.signed-in>div:not(.mobile-connection){text-align:center}
.card,.employee-rcp>section,.employee-rcp-clock{box-shadow:0 6px 22px #0002}
main .employee-rcp>section,main .employee-rcp-clock{border-radius:16px;border-color:#455365;padding:22px}
main .employee-rcp-clock{border-top:3px solid #06953f;gap:16px;padding:28px 16px}
main .employee-rcp-clock output{font-size:clamp(30px,5vw,52px);letter-spacing:-1.5px}
main .employee-rcp>h3{font-size:24px;margin-top:6px}
main .employee-rcp>p{color:#cbd5e1;line-height:1.5}
main .employee-rcp>p:first-of-type{font-size:13px;letter-spacing:.4px;font-weight:600}
main .employee-rcp>.employee-rcp-actions{display:grid;grid-template-columns:1fr 1fr}
main .employee-rcp>.employee-rcp-actions button{min-height:56px;border-radius:12px;font-weight:600;font-size:18px}
main .employee-rcp>.employee-rcp-actions button[data-rcp-action="refresh"]{grid-column:1/-1;justify-self:end;font-size:14px;min-height:36px;padding:6px 12px;font-weight:400}
*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:12px;background:var(--panel);padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));padding-top:max(16px,env(safe-area-inset-top))}header h1{font-size:22px;margin:0}header p{margin:0;color:#cbd5e1}header button{margin-left:auto}main{max-width:1040px;margin:auto;padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}h2{font-size:22px}h3{font-size:18px}.card{padding:20px;border:1px solid var(--field-border);border-radius:8px;background:var(--panel);margin-bottom:16px}.actions,#profiles{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#profiles{margin-top:12px}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;background:var(--button-bg);color:#fff;border:1px solid var(--field-border);border-radius:6px;font:inherit;text-decoration:none;cursor:pointer;line-height:1.25;text-align:center}button:hover,.button:hover{background:var(--button-hover)}button.active{background:var(--button-active)}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{background:#fff;color:#111827;border:1px solid var(--field-border);border-radius:4px;font:inherit;padding:10px}input:focus,textarea:focus{background:#dbeafe;outline:2px solid #2563eb}button:focus-visible,.button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.muted{color:#cbd5e1;font-size:14px;line-height:1.5}[hidden]{display:none!important}#message:empty{display:none}#message{padding:12px;border:1px solid var(--field-border);border-radius:6px;overflow-wrap:anywhere}#name{flex:1;overflow-wrap:anywhere}.employee-rcp-clock output{font-weight:600}@media(max-width:600px){header h1{font-size:18px}header{gap:8px}header button{font-size:14px;padding:8px}.card{padding:14px}.actions>*{flex:1 1 180px}main{padding:12px}}