:root{
  --bg:#f4f5f6;--panel:#fff;--ink:#171a1d;--muted:#687078;--line:#d9dde1;
  --dark:#14181c;--accent:#2f6c54;--warn:#8a5b14;--danger:#9b2c2c;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
body{min-height:100vh}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
header{position:sticky;top:0;z-index:10;background:rgba(20,24,28,.96);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 8px #0003}
header img{width:42px;height:42px}
header h1{font-size:17px;margin:0;line-height:1.1}
header small{color:#bfc7cd}
main{max-width:880px;margin:auto;padding:16px 16px 88px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 16px}
.action{border:0;border-radius:16px;padding:18px;text-align:left;background:var(--panel);box-shadow:0 1px 4px #00000013;min-height:116px}
.action strong{display:block;font-size:18px;margin-bottom:6px}.action span{color:var(--muted);font-size:14px}
.action.primary{background:var(--dark);color:white}.action.primary span{color:#ced4d8}
.card{background:var(--panel);border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 1px 4px #00000013}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:block;font-size:13px;font-weight:650;margin:10px 0 6px}
input,textarea,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px}
textarea{min-height:92px;resize:vertical}
.btn{border:0;border-radius:11px;padding:11px 14px;background:var(--dark);color:#fff;font-weight:650}
.btn.secondary{background:#eef0f2;color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.danger{background:var(--danger)}
.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf1f0;color:#305c49;font-size:12px;font-weight:650}
.muted{color:var(--muted);font-size:13px}
.event{border-top:1px solid var(--line);padding:12px 0}.event:first-child{border-top:0}
.event h3{margin:0 0 4px;font-size:15px}.event p{margin:2px 0;color:var(--muted);font-size:13px}
.hidden{display:none!important}
.nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:12}
.nav .inner{width:min(880px,100%);display:grid;grid-template-columns:repeat(4,1fr)}
.nav button{border:0;background:#fff;padding:12px 4px 10px;font-size:12px;color:#505860}.nav button.active{font-weight:700;color:#111}
.install{background:#eef4f1;border:1px solid #cbded4}
.photo-preview{width:88px;height:88px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
audio{width:100%}
kbd{background:#eef0f2;border:1px solid #d6d9dc;border-bottom-width:2px;border-radius:5px;padding:1px 5px}
@media(max-width:620px){.hero,.split{grid-template-columns:1fr}.hero{grid-template-columns:1fr 1fr}.action{min-height:104px;padding:14px}.action strong{font-size:16px}}
.auth-card{max-width:460px;margin:8vh auto 0}
.error-text{color:var(--danger)!important}
button:disabled{opacity:.55;cursor:not-allowed}

.field-note{min-height:43px;border:1px solid var(--line);border-radius:11px;padding:12px;background:#f7f8f8;font-size:13px;color:var(--muted)}
.history-link{margin:10px 0 2px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8f9f9}
.pill.type{background:#eef0f2;color:#40484f}
.pill.unresolved{background:#f7ecec;color:#842c2c}
.pill.resolved{background:#edf4ef;color:#305c49}
.pill.amendment{background:#f5f0e7;color:#76521b}
.event-links{margin-top:5px!important;font-size:12px!important}

.ai-action{background:#284f44}
.ai-review{border:1px solid #b6d3c4;border-radius:12px;background:#f3f8f5;padding:12px;margin:12px 0}
.ai-review strong{display:block;font-size:14px}
.ai-warnings{border-left:3px solid #9a712d;background:#faf7f0;padding:10px;margin:8px 0;font-size:13px}
.ai-warnings ul{margin:6px 0;padding-left:20px}
.ai-review details{margin:10px 0;font-size:13px}
.ai-review summary{cursor:pointer}
.transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#48545c}
.confirm-label{display:flex;gap:9px;align-items:flex-start;font-weight:600;margin-top:10px}
.confirm-label input{width:18px;height:18px;flex:0 0 auto;margin:0}

.asset-match-hint{margin:5px 0 0;font-size:12px;color:#305c49}
.asset-match-hint.asset-match-warning{color:#8a5b14}
#newAssetConfirmation{margin:8px 0 0;font-size:12px;font-weight:600}

.asset-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0}
.btn.asset-suggestion{background:#eff4f1;border:1px solid #bed5c7;color:#255747;font-size:12px;padding:7px 10px}
#existingAssetChoice label{font-size:12px;color:#4d5960}

/* V2.14 — one part per card; no pipe delimiter on phones. */
.parts-section{margin:14px 0;border-top:1px solid var(--line);padding-top:12px}
.part-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.part-row{background:#f7f9fc;border:1px solid #d5dfeb;border-radius:12px;padding:12px;margin:12px 0}
.part-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
.part-remove{border:0;background:transparent;color:#8a3030;font-size:12px;text-decoration:underline;padding:5px}
.part-quantity-alert{font-size:12px;margin:7px 0;color:#925e08;font-weight:650}
.activity-presets{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.activity-presets .btn{padding:8px 12px;font-size:12px}
.event-open-link{background:none;border:0;text-align:left;padding:0;color:#195eb2;font-weight:700;text-decoration:underline;font-size:15px}
.follow-up-source{border-left:3px solid #d39a31;background:#fff7e8;padding:10px;font-size:13px;margin:12px 0;border-radius:4px}
.workflow-last-used{font-size:11px;color:#306d99;padding:2px 7px;background:#e3f1ff;border-radius:99px;margin-left:8px;white-space:nowrap}
@media(max-width:420px){.part-fields{grid-template-columns:92px minmax(0,1fr)}}
/* V2.6: explicit no-parts acknowledgement, distinct from an unmentioned part list */
.no-parts-label { margin-top: 6px; }
.parts-usage-note { font-size: .88rem; margin: 4px 0 12px; }
.parts-usage-note.asset-match-warning { color: #986524; }

/* V2.7 — asset details and fully paginated maintenance history */
.asset-list-entry .asset-open{display:block;text-align:left;background:transparent;border:0;padding:6px 0 12px;width:100%;color:var(--ink)}
.asset-open strong{display:block;font-size:17px}
.asset-open .muted{display:block;line-height:1.4;margin-top:4px}
.asset-open:hover strong,.asset-open:focus-visible strong{text-decoration:underline}
.detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.detail-meta-row{border:1px solid var(--line);padding:10px;border-radius:10px;overflow-wrap:anywhere}
.detail-meta-row span,.detail-meta-row strong{display:block}
.detail-meta-row strong{font-size:14px;margin-top:4px}
.detail-children{margin:12px 0}.asset-child{margin:0 8px 8px 0}
.history-entry{padding:16px 0}
.history-header{gap:6px}.history-summary{font-size:15px!important;color:var(--ink)!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0!important}
.history-entry p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.history-parts{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8f9f9}
.history-parts ul{padding-left:20px;margin:6px 0}.history-parts li{padding:3px 0;overflow-wrap:anywhere}
@media(max-width:620px){.detail-meta{grid-template-columns:1fr}}

/* V2.8 — date-filtered, paginated reports */
.report-summary{margin:14px 0 10px;border:1px solid #c8d8ce;background:#f4f8f5;border-radius:10px;padding:12px;font-size:14px;font-weight:650}
.report-preview{overflow-x:auto;max-width:100%;margin-top:12px}
.report-table{border-collapse:collapse;min-width:560px;width:100%;font-size:12px}
.report-table th,.report-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:top}
.report-table th{background:#f3f5f5;white-space:nowrap}
.report-table td{overflow-wrap:anywhere;max-width:250px}
.nav .inner{grid-template-columns:repeat(5,1fr)}
@media(max-width:400px){.nav button{font-size:11px;padding:12px 2px 10px}}


/* V2.9 — report email confirmation and visible processing state */
.email-recipient-line{overflow-wrap:anywhere;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8f9f9;font-size:14px}
.report-working{display:flex;gap:10px;align-items:center;margin-top:14px;color:#315f4b;font-size:14px;font-weight:600}
.report-gear{font-size:25px;display:inline-flex;align-items:center;justify-content:center;line-height:1;animation:mrm-gear-spin 1.1s linear infinite;transform-origin:center}
@keyframes mrm-gear-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.report-gear{animation:none}}

/* V2.10 — durable device-local audio queue */
.offline-queue-panel{border:1px solid #cdded3}
.offline-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.offline-title strong{font-size:16px}
.offline-alert{color:#8a5b14!important;font-weight:600}
.offline-inline{border:1px solid #dbe4df;background:#f5f9f6;padding:11px;border-radius:11px;margin:10px 0 16px}
.offline-inline p{margin:0 0 6px}
.offline-inline details summary{cursor:pointer;font-size:13px;font-weight:650}
.local-audio-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding:11px 0}
.local-audio-item strong{font-size:14px;display:block;overflow-wrap:anywhere}
.local-audio-item .muted{margin-top:4px}
.local-audio-item .btn{font-size:12px;padding:8px 10px}
#audioPlayback a{display:block;margin-top:9px;font-weight:650;color:#255747}

/* V2.11 — hierarchy browsing, management and individual attribution */
.hierarchy-list{margin-top:12px}
.hier-heading{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:750;margin:16px 0 8px}
.hier-location,.hier-asset{border-left:2px solid #d8e4dc;margin:4px 0 7px 8px;padding-left:11px}
.hier-location summary{font-weight:700;cursor:pointer;padding:8px 0;list-style-position:inside;overflow-wrap:anywhere}
.hier-children{padding-left:5px}
.hier-asset{display:flex;gap:8px;align-items:center;justify-content:space-between}
.hier-open{border:0;background:transparent;text-align:left;flex:1;padding:9px 0;color:var(--ink);min-width:0}
.hier-open strong{display:block;font-size:14px;overflow-wrap:anywhere}
.hier-open .muted{display:block;line-height:1.5;overflow-wrap:anywhere}
.hier-small-btn{background:transparent;color:#305c49;border:1px solid var(--line);border-radius:7px;font-size:12px;padding:6px 8px;flex:0 0 auto}
.hier-empty{padding:14px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:13px}
.hier-location-actions{display:flex;gap:7px;padding:4px 0 9px}
.hierarchy-new{background:#f5f8f6;border:1px solid #d7e4db;border-radius:10px;padding:10px;margin-top:10px}
.hierarchy-new p{margin:0}
.performed-by summary{cursor:pointer;font-size:12px;color:#3e6353;padding:8px 0}
#locationEditor,#equipmentEditor{scroll-margin-top:80px;border:1px solid #c8d8cf}
#memberOverview{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:440px){.hier-asset{flex-wrap:wrap}.hier-open{flex-basis:100%}.hier-small-btn{margin:0 0 6px}}

/* V2.12 — fast visual scanning on phone, based on the approved three-panel mockup. */
:root{--accent:#0866d9;--selected:#e5f1ff;--primary:#0866d9;--good:#147a46;--limited:#9c6900;--out:#b42318}
.btn:not(.secondary):not(.ghost):not(.danger):not(.ai-action){background:var(--primary)}
.btn.ai-action{background:#0866d9}
.workflow-card,.workflow-record-head{padding:20px}
.workflow-card h2,.workflow-record-head h2{font-size:24px;margin:12px 0 5px;letter-spacing:-.4px}
.workflow-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#5c6773;font-size:12px}
.workflow-simplelink{border:0;background:transparent;color:#0866d9;font-weight:650;padding:6px 0;font-size:13px}
.workflow-breadcrumb{display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#edf5ff;padding:10px;border-radius:9px;margin:14px 0;font-size:13px;min-height:40px}
.workflow-breadcrumb .crumb-link{color:#085bb7;text-decoration:underline;text-underline-offset:3px;border:0;background:transparent;font-size:13px;padding:3px;max-width:100%;overflow-wrap:anywhere}
.crumb-arrow{color:#8496a6;font-size:18px;line-height:1}
.workflow-selected{margin:12px 0;padding:13px;border-radius:10px;background:#e4f0ff;color:#064b9b;font-weight:650;font-size:14px}
.workflow-choices{border:1px solid var(--line);border-radius:11px;margin:8px 0;overflow:hidden}
.workflow-choice{width:100%;display:flex;gap:9px;justify-content:space-between;align-items:center;padding:13px;border:0;border-bottom:1px solid var(--line);text-align:left;background:white;color:var(--ink)}
.workflow-choice:last-child{border-bottom:0}.workflow-choice:hover,.workflow-choice:focus-visible{background:var(--selected)}
.workflow-choice .choice-title{font-size:14px;font-weight:650}.workflow-choice .choice-arrow{font-size:22px;color:#0866d9}
.workflow-create{background:#e7f2ff;padding:12px;border-radius:10px;margin:9px 0 14px;border:1px solid #c7dcf5}
.workflow-create .btn{margin:10px 0 0}
.workflow-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px}
.workflow-unassigned{margin:10px 0 0;font-size:12px}
.workflow-identity-details{border:1px solid #d5e2ee;padding:13px;border-radius:11px;background:#f7fbff;margin:10px 0}
.workflow-identity-details>summary{cursor:pointer;font-weight:650;color:#205b9f;font-size:13px}
.workflow-voice-first{border:1px solid #d4e7ff;border-radius:12px;background:#eaf4ff;padding:15px;margin:12px 0}
.workflow-voice-title{font-weight:750;color:#0d4f99;display:flex;align-items:center;gap:8px}
.workflow-followup{background:#fff1bd;padding:12px;border-radius:9px;color:#60450b;border:1px solid #f6dd87}
#status{font-weight:650}
#status:has(option[value="completed"]:checked){background:#d9f4e3;color:#0b6639;border-color:#b5e7c7}
#status:has(option[value="needs_follow_up"]:checked){background:#fff0b8;color:#73520b;border-color:#f1d37a}
#status:has(option[value="open"]:checked){background:#fce0df;color:#9e221b;border-color:#eaa7a0}
@media(max-width:540px){.workflow-card,.workflow-record-head{padding:15px}.workflow-card h2,.workflow-record-head h2{font-size:22px}}

.org-switch-card{border:2px solid #a2c8f4;background:#eff6ff}
.org-switch-card select{border:1px solid #6b9cdf;font-weight:700}

/* V2.13 — Location is Home; minimal field workflow. */
#recordLocation .workflow-card{margin-top:8px}
#recordLocation .home-heading{margin-top:0;margin-bottom:14px}
#recordLocation .workflow-breadcrumb{margin:6px 0 13px}
#recordLocation .workflow-breadcrumb .crumb-link:last-child{text-decoration:none;font-weight:800;color:#084e98}
#homePendingPanel{margin:16px 0 4px;padding:10px 12px;border:1px solid #d9e5f4;border-radius:11px;background:#f8fbff}
#homePendingPanel summary{cursor:pointer;font-size:13px;font-weight:700;color:#164d86}
#homePendingPanel .pill{margin-left:5px}
#homePendingPanel.no-pending{display:none}
#recordLocation #orgSwitcherHome{margin-bottom:6px}
#assetNext{max-width:100%;white-space:normal;text-align:center}
.workflow-voice-first{padding:10px;margin:10px 0}
.workflow-voice-buttons{display:flex;flex-wrap:wrap;gap:10px}
.workflow-voice-buttons .btn{flex:1 1 135px;min-height:48px}
.workflow-voice-buttons .secondary{background:#ffffff;border:1px solid #8db9ea;color:#074e9e}
#record .workflow-record-head + #maintForm{margin-top:7px}
#record .workflow-record-head{margin-bottom:0}
#record .parts-usage-note:not(.asset-match-warning){display:none}
.attachment-preview{display:flex;flex-direction:column;gap:8px;margin-top:9px}
.attachment-row{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:8px 10px;border-radius:9px;background:#f8fbff}
.attachment-row span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}
.attachment-row img{width:48px;height:48px;object-fit:cover;border-radius:6px}
.attachment-row button{border:1px solid #a3bfdc;border-radius:8px;background:white;padding:7px 10px;color:#0759ad}
@media(max-width:440px){.workflow-voice-buttons .btn{font-size:14px}}

#sublocationChoices:empty,#equipmentChoices:empty{display:none}
.history-attachments{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:12px 0;padding:10px;border-radius:9px;background:#f6faff;border:1px solid #d7e6f7}
.history-attachments a{font-size:13px;color:#0756a5;overflow-wrap:anywhere}

/* V2.14: an equipment row records immediately; drilling components is optional. */
.equipment-record-choice{display:flex;align-items:stretch;gap:8px;margin:7px 0}
.equipment-record-choice .workflow-choice{flex:1;min-width:0;margin:0}
.equipment-record-choice .btn{font-size:12px;padding:8px}

/* V2.14.1 — clearly visible Add part action on mobile. */
#addPartBtn.btn.add-part-primary{background:var(--primary,#0866d9);color:#fff;font-size:14px;font-weight:750;min-height:43px}
#addPartBtn.btn.add-part-primary:hover,#addPartBtn.btn.add-part-primary:focus-visible{background:#0755b5}

/* V2.15: prior work is separate from equipment, and requires no new recording to view. */
.workflow-history{margin:14px 0;border:1px solid #cbddeb;background:#f8fbff;border-radius:13px;padding:14px}
.workflow-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.workflow-history-item{background:#fff;border:1px solid #dce4ed;border-radius:10px;padding:12px;margin-top:10px}
.workflow-history-item .history-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.workflow-history-item p{font-size:13px;color:#374251;margin:8px 0;overflow-wrap:anywhere}
.workflow-history-item .event-open-link{font-size:13px}
.workflow-history-item .history-small{font-size:12px;color:#566270}
.workflow-component-note{font-size:11px;color:#64738b;margin-right:8px}
.workflow-history .pill{white-space:nowrap}
.workflow-history .pill.unresolved{background:#fff0bd;color:#775408}
.workflow-history .pill.resolved{background:#dcf4e3;color:#24623b}
.workflow-history .pill.neutral{background:#eef0f2;color:#49525a}
.workflow-actions #assetNext{background:#0967d9}

/* V2.16 — capture immediately, even with no network or selected asset. */
main{padding-bottom:153px}
.global-record-now{position:fixed;bottom:77px;right:max(16px,calc((100vw - 850px)/2));z-index:13;
  border:0;border-radius:999px;background:#0866d9;color:white;padding:12px 19px;
  box-shadow:0 5px 20px #074b9b4a;font-size:15px;font-weight:750;min-height:48px}
.global-record-now:focus-visible,.quick-audio-btn:focus-visible{outline:3px solid #80baff;outline-offset:2px}
.quick-capture-card{border:1px solid #c7def6}
.quick-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.quick-topline h2{font-size:26px;letter-spacing:-.4px;margin:2px 0}
.quick-connection{display:inline-flex;align-items:center;border-radius:999px;background:#daf2e3;color:#14663e;padding:6px 10px;font-size:12px;font-weight:700}
.quick-connection.is-offline{background:#fff0b8;color:#76500a}
.quick-audio-btn{width:100%;display:block;background:#0866d9!important;min-height:65px;font-size:19px;letter-spacing:.1px;margin:18px 0 12px}
.quick-audio-btn.is-recording{background:#b42318!important}
.quick-recording-status{min-height:48px;border-radius:10px;padding:12px;background:#f4f8fc;color:#31475e;font-size:14px;line-height:1.5}
.quick-recording-status.is-error{background:#fce0df;color:#9e221b}
.quick-recording-status.is-saved{background:#d9f4e3;color:#116537}
.quick-queue-card .offline-title{margin-bottom:7px}
.quick-queue-card .local-audio-item{border-bottom:1px solid #e4e9ed;padding:12px 0}
.quick-queue-card .local-audio-item:last-child{border-bottom:0}
.quick-queue-card .local-audio-item .row{margin-top:5px}
.quick-capture-help{padding:12px 16px}
.quick-capture-help p{margin:0}
@media(max-width:420px){.global-record-now{bottom:77px;right:12px;padding:11px 15px;font-size:14px} .quick-topline h2{font-size:22px}}


.quick-readiness{margin:8px 0;font-size:12px;color:#76500a}
.quick-readiness.quick-ready{color:#14663e;font-weight:650}

/* V2.17: assignment guide and floating control visibility. */
.assign-guide{border:1px solid #9fc4f4;background:#edf5ff;border-radius:12px;padding:14px;margin:3px 0 18px}
.assign-guide strong{font-size:17px;color:#104d94}
.assign-guide p{margin:8px 0 12px;color:#344a61;line-height:1.45}
.assign-guide .assign-cancel{font-size:13px;min-height:39px}
#recordEquipment .assign-guide + h2{margin-top:12px}
/* The fixed control must not cover inputs or dropdowns during record review. */
body:has(#record:not(.hidden)) .global-record-now{display:none}
body:has(#quickCapture:not(.hidden)) .global-record-now{display:none}
body:has(#recordEquipment:not(.hidden)) .global-record-now{display:none}

/* V2.20 — one sticky top masthead keeps all five tabs clear of overlays. */
.mrm-top-shell{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 10px #00000020;padding-top:env(safe-area-inset-top,0px)}
.mrm-top-shell header{position:static;top:auto;box-shadow:none;min-height:66px}
.mrm-top-shell .nav{position:static;top:auto;bottom:auto;left:auto;right:auto;z-index:auto;
  border-top:0;border-bottom:1px solid var(--line);width:100%;background:#fff}
.mrm-top-shell .nav .inner{width:min(880px,100%);grid-template-columns:repeat(5,minmax(0,1fr))}
.mrm-top-shell .nav button{min-height:46px;padding:11px 2px 10px;font-size:clamp(10px,2.8vw,13px);
  color:#34404b;white-space:nowrap}
.mrm-top-shell .nav button.active{color:#0755b5;background:#f0f6ff;box-shadow:inset 0 -3px #0866d9}
.mrm-top-shell .nav button:focus-visible{outline:2px solid #0866d9;outline-offset:-3px}
main{padding-bottom:115px}
.global-record-now{bottom:max(18px,env(safe-area-inset-bottom,0px))}
@media(max-width:420px){.global-record-now{bottom:max(18px,env(safe-area-inset-bottom,0px));right:12px}}
.deletion-review{padding:14px;margin-top:12px;border:2px solid #d99e9e;background:#fff7f7;border-radius:12px}
.deletion-review #locationDeleteSummary{display:block;color:#7b2222;line-height:1.55;overflow-wrap:anywhere}
.deletion-review .btn.danger{margin-top:12px}

/* V2.20.1 — keep Record Offline accessible in the sticky top masthead.
   The old bottom-right floating position was covered by Netlify's badge.
   On small screens the action has its own full-width row.
   The existing .hidden class and page-specific :has() visibility remain in control. */
.mrm-top-shell > .global-record-now {
  position:relative;
  top:auto;right:auto;bottom:auto;left:auto;
  display:block;
  width:max-content;max-width:calc(100% - 24px);
  margin:8px max(12px,calc((100vw - 880px)/2)) 9px auto;
  padding:10px 18px;min-height:44px;
  border-radius:11px;box-shadow:none;
}
@media (max-width:620px) {
  .mrm-top-shell > .global-record-now {
    position:relative;top:auto;right:auto;bottom:auto;left:auto;
    width:calc(100% - 24px);max-width:none;
    margin:8px 12px 9px;min-height:46px;
  }
}

/* V2.21 beta signup navigation; uses native buttons for keyboard accessibility. */
.inline-link{border:0;background:transparent;color:#0956aa;text-decoration:underline;padding:6px 2px;font-weight:600;font:inherit;cursor:pointer}
.inline-link:focus-visible{outline:2px solid #0956aa;outline-offset:3px}
#betaSetupSignOut{margin-left:8px}