.account-card .logout{border:0;background:transparent;padding:8px;color:#9b1c1c;text-decoration:underline;font-size:.75rem;cursor:pointer}.login-card h2{margin:0 0 8px}.login-card>p{color:var(--muted);font-size:.84rem;line-height:1.5}.login-card form{display:grid;gap:14px;margin:20px 0}.login-card label{display:grid;gap:7px;font-size:.76rem;font-weight:800}.login-card input{width:100%;border:1px solid #cbd7e5;border-radius:12px;padding:14px;font-size:1.1rem;letter-spacing:.12em}.login-card button{border:0;border-radius:12px;padding:14px;color:#fff;font-weight:800}.login-card>small{display:block;color:var(--muted);font-size:.7rem;line-height:1.5}

.personal-status-card,.install-card{background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 14px 30px rgba(15,43,76,.07);margin-bottom:13px}.status-pill.away{background:#fff0c7;color:#805100}.personal-status-card{padding:18px}.personal-status-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.personal-status-heading div{display:grid;gap:3px}.personal-status-heading small,.install-card small{color:var(--teal);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.personal-status-heading strong,.install-card strong{font-size:1rem;color:var(--navy)}.personal-status-current{color:var(--muted);font-size:.76rem;line-height:1.45;margin:10px 0 14px}.personal-status-card form{display:grid;gap:11px}.personal-status-card label{display:grid;gap:6px;color:var(--navy);font-size:.72rem;font-weight:800}.personal-status-card label span{color:var(--muted);font-size:.64rem;font-weight:600}.personal-status-card select,.personal-status-card input,.personal-status-card textarea{width:100%;border:1px solid #cbd7e5;border-radius:11px;background:#f9fbfd;color:var(--navy);font:inherit;padding:11px}.personal-status-card textarea{resize:vertical}.personal-status-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.personal-status-actions{display:grid;grid-template-columns:1fr auto;gap:9px}.personal-status-actions button,.install-card button{border:0;border-radius:11px;padding:12px 14px;font-weight:850;cursor:pointer}.personal-status-actions button:disabled{opacity:.55;cursor:not-allowed}.status-save{background:var(--green);color:#fff}.status-cancel{background:#fff0f0;color:#9b1c1c;border:1px solid #f1c8c8!important}.install-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 18px}.install-card div{display:grid;gap:3px}.install-card p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}.install-card button{background:#e7f1fb;color:var(--navy)}.install-help{grid-column:1/-1;background:#f4f8fc;border-radius:10px;padding:10px!important}.install-card[hidden]{display:none}.install-card button:disabled{opacity:.55}.personal-status-card input:disabled,.personal-status-card select:disabled,.personal-status-card textarea:disabled{opacity:.65}

@media(max-width:520px){.personal-status-dates,.personal-status-actions,.install-card{grid-template-columns:1fr}.install-card button{width:100%}}

/* Keep the daily attendance controls together on the first phone screen. */
.mobile-shell[data-mobile-attendance]{padding-top:14px}
.mobile-shell[data-mobile-attendance] .mobile-header{padding-bottom:14px}
.mobile-shell[data-mobile-attendance] .account-card{padding:12px 15px;margin-bottom:10px}
.mobile-shell[data-mobile-attendance] .account-card span{font-size:.7rem}
.mobile-shell[data-mobile-attendance] .status-card{padding:13px 15px;margin-bottom:10px}
.mobile-shell[data-mobile-attendance] .staff-line{align-items:center}
.mobile-shell[data-mobile-attendance] .staff-line strong{font-size:.9rem}
.mobile-shell[data-mobile-attendance] .today-grid{margin-top:10px}
.mobile-shell[data-mobile-attendance] .today-grid>div{padding:9px 11px}
.mobile-shell[data-mobile-attendance] .time-inline{display:flex;justify-content:space-between;gap:6px 15px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #e5edf4;color:var(--muted);font-size:.67rem}
.mobile-shell[data-mobile-attendance] .time-inline strong{color:var(--navy);font-weight:800}
.primary-attendance-card{background:#fff;border:1px solid #c8dfd7;border-radius:18px;box-shadow:0 16px 32px rgba(9,35,65,.12);padding:16px;margin-bottom:13px}
.primary-attendance-card .primary-eyebrow{margin:0 0 3px;color:var(--green);font-size:.67rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.primary-attendance-card h2{margin:0 0 4px;color:var(--navy);font-size:1.14rem}
.primary-attendance-card .primary-lead{margin:0 0 12px;color:var(--muted);font-size:.75rem;line-height:1.4}
.primary-attendance-card .gps-card{padding:12px;margin:0;border:1px solid #d9e7ef;border-radius:13px;background:#f6fafc;box-shadow:none}
.primary-attendance-card .gps-card[hidden]{display:none}
.primary-attendance-card .gps-heading{align-items:center}
.primary-attendance-card .gps-card p{margin:7px 0;font-size:.72rem;line-height:1.35}
.primary-attendance-card .gps-metrics{gap:8px;margin:7px 0;font-size:.67rem}
.primary-attendance-card .gps-card button{min-height:42px;padding:10px 12px;background:#e9f3fb;border:1px solid #c1d9e6}
.primary-attendance-card .reason-card{padding:9px 2px 1px;margin:8px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.primary-attendance-card .reason-card summary{font-size:.72rem}
.primary-attendance-card .mobile-actions{grid-template-columns:1fr;margin-top:10px}
.primary-attendance-card .mobile-actions button{min-height:55px;font-size:.96rem}
.primary-attendance-card .primary-footnote{margin:8px 0 0;color:var(--muted);font-size:.68rem;text-align:center}