@font-face { font-family: "Inter"; src: url("/assets/fonts/inter-var.woff2") format("woff2"); font-display: swap; font-weight: 100 900; }
:root { --nla-ink:#171916; --nla-paper:#eef0eb; --nla-white:#fff; --nla-muted:#747a73; --nla-blue:#2458ff; --nla-blue-soft:#e2e8ff; --nla-green:#c9f66b; --nla-red:#d34c3d; --nla-amber:#d28a25; --nla-line:rgba(23,25,22,.13); --nla-shadow:0 35px 100px rgba(7,9,8,.28); }
*,*::before,*::after { box-sizing:border-box; margin:0; }
body { min-width:20rem; min-height:100svh; background:#101310; color:var(--nla-ink); font-family:"Inter",sans-serif; line-height:1.45; }
body:has(dialog[open]) { overflow:hidden; }
button,input,select,textarea { color:inherit; font:inherit; }
button { border:0; background:none; cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
svg { width:1.1rem; height:1.1rem; stroke-width:1.8; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid var(--nla-blue); outline-offset:2px; }
.nla-skip { position:fixed; top:.5rem; left:.5rem; z-index:200; padding:.65rem 1rem; border-radius:999px; background:var(--nla-green); transform:translateY(-180%); }
.nla-skip:focus { transform:translateY(0); }
.nla-stage { min-height:100svh; display:grid; grid-template-columns:minmax(24rem,.82fr) minmax(32rem,1.18fr); }
.nla-pitch { min-height:100svh; display:flex; flex-direction:column; justify-content:space-between; padding:clamp(2rem,5vw,5rem); background:var(--nla-ink); color:white; }
.nla-back { width:fit-content; min-height:2.75rem; display:inline-flex; align-items:center; gap:.55rem; color:rgba(255,255,255,.64); font-size:.67rem; font-weight:700; }
.nla-pitch__copy { max-width:43rem; margin-block:4rem; }
.nla-kicker { display:flex; align-items:center; gap:.48rem; color:var(--nla-blue); font-size:.57rem; font-weight:820; letter-spacing:.11em; text-transform:uppercase; }
.nla-kicker::before { width:.38rem; height:.38rem; border-radius:50%; background:currentColor; content:""; }
.nla-pitch .nla-kicker { color:var(--nla-green); }
.nla-pitch h1 { max-width:9ch; margin-top:1rem; font-size:clamp(3.4rem,6vw,6.7rem); font-weight:560; letter-spacing:-.078em; line-height:.88; }
.nla-pitch__copy > p:not(.nla-kicker) { max-width:39rem; margin-top:1.4rem; color:rgba(255,255,255,.6); font-size:.85rem; }
.nla-pitch ul { display:grid; gap:.8rem; margin-top:2rem; padding:0; list-style:none; color:rgba(255,255,255,.8); font-size:.68rem; }
.nla-pitch li { display:flex; align-items:center; gap:.65rem; }
.nla-pitch li svg { color:var(--nla-green); }
.nla-pitch__actions { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.nla-pitch__actions a { min-height:2.75rem; display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .9rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; font-size:.65rem; font-weight:720; }
.nla-pitch__actions p { color:rgba(255,255,255,.42); font-size:.55rem; }

.nla-device-wrap { min-width:0; min-height:100svh; display:grid; place-items:center; padding:clamp(2rem,5vw,5rem); background:radial-gradient(circle at 50% 30%, #faf7ed, #d6d8d0 78%); }
.nla-device { position:relative; width:min(100%,27.5rem); height:min(54rem,calc(100svh - 3rem)); min-height:44rem; overflow:hidden; border:.5rem solid #0d100e; border-radius:3.2rem; background:var(--nla-paper); box-shadow:var(--nla-shadow); }
.nla-device__sensor { position:absolute; top:.55rem; left:50%; z-index:20; width:6rem; height:1.35rem; border-radius:999px; background:#0d100e; transform:translateX(-50%); }
.nla-statusbar { height:2.6rem; display:flex; align-items:end; justify-content:space-between; padding:.7rem 1.3rem .25rem; font-size:.54rem; font-weight:780; }
.nla-statusbar > span:last-child { display:flex; gap:.25rem; }
.nla-statusbar svg { width:.72rem; height:.72rem; }
.nla-header { min-height:4rem; display:grid; grid-template-columns:2.75rem 1fr 2.75rem; gap:.5rem; align-items:center; padding:.55rem 1rem; }
.nla-avatar,.nla-header-action { width:2.75rem; height:2.75rem; display:grid; place-items:center; border:1px solid var(--nla-line); border-radius:50%; background:white; font-size:.58rem; font-weight:800; }
.nla-brand { display:flex; align-items:center; justify-content:center; gap:.4rem; font-size:.65rem; letter-spacing:.08em; }
.nla-brand > span { width:1.45rem; height:1.45rem; display:grid; place-items:center; border-radius:.42rem .42rem .42rem .14rem; background:var(--nla-blue); color:white; font-weight:850; letter-spacing:-.08em; }
.nla-demo-banner { min-height:1.65rem; display:flex; align-items:center; justify-content:center; gap:.4rem; background:var(--nla-ink); color:rgba(255,255,255,.64); font-size:.5rem; font-weight:680; }
.nla-demo-banner span { width:.36rem; height:.36rem; border-radius:50%; background:var(--nla-green); }
.nla-screen { position:absolute; top:8.25rem; right:0; bottom:5rem; left:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
.nla-screen::-webkit-scrollbar { display:none; }
.nla-tabbar { position:absolute; right:0; bottom:0; left:0; z-index:10; height:5rem; display:grid; grid-template-columns:repeat(5,1fr); padding:.45rem .55rem .65rem; border-top:1px solid var(--nla-line); background:rgba(255,255,255,.92); backdrop-filter:blur(18px); }
.nla-tabbar button { position:relative; display:grid; place-items:center; align-content:center; gap:.23rem; color:var(--nla-muted); }
.nla-tabbar button.is-active { color:var(--nla-blue); }
.nla-tabbar span { font-size:.46rem; font-weight:720; }
.nla-tabbar b { position:absolute; top:.12rem; right:1rem; min-width:1rem; height:1rem; display:grid; place-items:center; border-radius:50%; background:#f7d5d0; color:#ac3225; font-size:.43rem; }

.nla-screen-pad { padding:1rem; }
.nla-greeting { padding:1.3rem 1rem .7rem; }
.nla-greeting small { color:var(--nla-muted); font-size:.6rem; }
.nla-greeting h1 { max-width:10ch; margin-top:.25rem; font-size:2.5rem; font-weight:600; letter-spacing:-.075em; line-height:.95; }
.nla-owner-hero { position:relative; min-height:16rem; display:flex; align-items:end; overflow:hidden; margin:1rem; border-radius:1.35rem; background:var(--nla-ink); color:white; }
.nla-owner-hero::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 20%,rgba(9,11,10,.88)); content:""; }
.nla-owner-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.nla-owner-hero__content { position:relative; z-index:2; width:100%; padding:1rem; }
.nla-owner-hero__content > div:first-child { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.nla-owner-hero small { color:rgba(255,255,255,.65); font-size:.5rem; }
.nla-owner-hero h2 { margin-top:.2rem; color:white; font-size:1.3rem; }
.nla-health { display:flex; align-items:center; gap:.35rem; padding:.3rem .5rem; border-radius:999px; background:rgba(255,255,255,.14); font-size:.48rem; font-weight:720; }
.nla-health::before { width:.34rem; height:.34rem; border-radius:50%; background:var(--nla-green); content:""; }
.nla-owner-hero__meter { height:.28rem; overflow:hidden; margin-top:.85rem; border-radius:999px; background:rgba(255,255,255,.2); }
.nla-owner-hero__meter span { width:62%; height:100%; display:block; border-radius:inherit; background:var(--nla-green); }
.nla-owner-hero__meta { display:flex; justify-content:space-between; margin-top:.4rem; color:rgba(255,255,255,.65); font-size:.49rem; }
.nla-quick-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem; padding:0 1rem; }
.nla-quick-grid button { min-height:5rem; display:grid; place-items:center; align-content:center; gap:.45rem; padding:.5rem; border:1px solid var(--nla-line); border-radius:.95rem; background:white; font-size:.48rem; font-weight:720; }
.nla-quick-grid svg { color:var(--nla-blue); }

.nla-section-title { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin:1.5rem 1rem .7rem; }
.nla-section-title small { color:var(--nla-blue); font-size:.48rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.nla-section-title h2 { margin-top:.2rem; font-size:1.25rem; letter-spacing:-.045em; }
.nla-section-title button { min-height:2.75rem; padding-inline:.35rem; color:var(--nla-blue); font-size:.52rem; font-weight:750; }
.nla-repair-card { margin:0 1rem; overflow:hidden; border:1px solid var(--nla-line); border-radius:1.15rem; background:white; }
.nla-repair-card__head { display:flex; justify-content:space-between; gap:1rem; padding:1rem; }
.nla-repair-card__head small { color:var(--nla-muted); font-size:.48rem; }
.nla-repair-card__head h3 { margin-top:.2rem; font-size:.85rem; }
.nla-status-pill { height:fit-content; padding:.33rem .5rem; border-radius:999px; background:var(--nla-blue-soft); color:var(--nla-blue); font-size:.46rem; font-weight:780; }
.nla-timeline { display:grid; grid-template-columns:repeat(5,1fr); padding:0 1rem 1rem; }
.nla-timeline div { position:relative; padding-top:1rem; text-align:center; }
.nla-timeline div::before { position:absolute; top:.33rem; right:50%; left:-50%; height:2px; background:#d8dcd6; content:""; }
.nla-timeline div:first-child::before { display:none; }
.nla-timeline div::after { position:absolute; top:.06rem; left:50%; width:.58rem; height:.58rem; border:2px solid white; border-radius:50%; background:#c8cdc7; box-shadow:0 0 0 1px #c8cdc7; content:""; transform:translateX(-50%); }
.nla-timeline div.is-complete::before,.nla-timeline div.is-complete::after { background:var(--nla-blue); box-shadow:0 0 0 1px var(--nla-blue); }
.nla-timeline span { color:var(--nla-muted); font-size:.37rem; }
.nla-repair-actions { display:grid; grid-template-columns:1fr auto; gap:.5rem; padding:.75rem 1rem; border-top:1px solid var(--nla-line); }
.nla-primary,.nla-secondary { min-height:2.75rem; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; padding:.6rem .85rem; border-radius:999px; font-size:.58rem; font-weight:760; }
.nla-primary { background:var(--nla-blue); color:white; }
.nla-secondary { border:1px solid var(--nla-line); background:white; color:var(--nla-ink); }
.nla-primary:disabled { opacity:.45; cursor:not-allowed; }
.nla-notice-card { display:grid; grid-template-columns:2rem 1fr auto; gap:.7rem; align-items:center; margin:.65rem 1rem; padding:.85rem; border:1px solid var(--nla-line); border-radius:1rem; background:white; }
.nla-notice-card > *, .nla-repair-card__head > *, .nla-section-title > *, .nla-estimate-item > *, .nla-history-item > *, .nla-appointment-item > * { min-width:0; }
.nla-notice-card > i,.nla-notice-card > svg { color:var(--nla-blue); }
.nla-notice-card div { display:grid; }
.nla-notice-card strong { font-size:.62rem; }
.nla-notice-card span { color:var(--nla-muted); font-size:.48rem; }
.nla-notice-card > b { min-width:1.45rem; height:1.45rem; display:grid; place-items:center; border-radius:50%; background:#f8d8d4; color:#af3326; font-size:.48rem; }

.nla-page-head { padding:1.3rem 1rem .8rem; }
.nla-page-head small { color:var(--nla-blue); font-size:.48rem; font-weight:800; text-transform:uppercase; }
.nla-page-head h1 { margin-top:.25rem; font-size:2.35rem; font-weight:600; letter-spacing:-.075em; }
.nla-page-head p { margin-top:.45rem; color:var(--nla-muted); font-size:.58rem; }
.nla-status-panel { margin:0 1rem; padding:1rem; border-radius:1.2rem; background:var(--nla-ink); color:white; }
.nla-status-panel__top { display:flex; justify-content:space-between; gap:1rem; }
.nla-status-panel h2 { font-size:1rem; }
.nla-status-panel p { margin-top:.25rem; color:rgba(255,255,255,.55); font-size:.52rem; }
.nla-status-panel .nla-timeline { margin-top:.7rem; padding-inline:0; }
.nla-status-panel .nla-primary { width:100%; margin-top:.8rem; background:var(--nla-green); color:var(--nla-ink); }

.nla-inspection-summary { display:grid; grid-template-columns:repeat(3,1fr); margin:0 1rem; overflow:hidden; border:1px solid var(--nla-line); border-radius:1rem; background:white; }
.nla-inspection-summary div { padding:.8rem; border-right:1px solid var(--nla-line); }
.nla-inspection-summary div:last-child { border-right:0; }
.nla-inspection-summary strong { display:block; font-size:1.2rem; }
.nla-inspection-summary span { color:var(--nla-muted); font-size:.42rem; }
.nla-inspection-summary .is-green strong { color:#3a8d4b; }.nla-inspection-summary .is-yellow strong { color:var(--nla-amber); }.nla-inspection-summary .is-red strong { color:var(--nla-red); }
.nla-inspection-list,.nla-estimate-list,.nla-history-list,.nla-appointment-list { display:grid; gap:.55rem; padding:0 1rem 1rem; }
.nla-inspection-item,.nla-estimate-item,.nla-history-item,.nla-appointment-item { display:grid; grid-template-columns:auto 1fr auto; gap:.7rem; align-items:center; padding:.9rem; border:1px solid var(--nla-line); border-radius:1rem; background:white; text-align:left; }
.nla-severity { width:.65rem; height:.65rem; border-radius:50%; }.nla-severity--green{background:#59ae69}.nla-severity--yellow{background:#e3a13f}.nla-severity--red{background:#da5d50}
.nla-inspection-item div,.nla-history-item div,.nla-appointment-item div { display:grid; }
.nla-inspection-item strong,.nla-estimate-item strong,.nla-history-item strong,.nla-appointment-item strong { font-size:.62rem; }
.nla-inspection-item span,.nla-estimate-item span,.nla-history-item span,.nla-appointment-item span { color:var(--nla-muted); font-size:.48rem; }
.nla-inspection-item > svg { width:.9rem; color:var(--nla-muted); }
.nla-estimate-item { grid-template-columns:1fr auto; }
.nla-estimate-item__meta { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.3rem; }
.nla-estimate-item__status { font-size:.44rem; font-weight:760; text-transform:uppercase; }
.nla-estimate-item__status.is-approved { color:#3a8d4b; }.nla-estimate-item__status.is-deferred { color:var(--nla-muted); }.nla-estimate-item__status.is-pending { color:var(--nla-amber); }
.nla-estimate-item__actions { display:flex; gap:.35rem; }
.nla-estimate-item__actions button { min-height:2.75rem; padding:.35rem .55rem; border:1px solid var(--nla-line); border-radius:999px; font-size:.5rem; font-weight:740; }
.nla-estimate-item__actions button:first-child { background:var(--nla-blue); color:white; }
.nla-estimate-total { display:flex; justify-content:space-between; margin:0 1rem 1rem; padding:1rem; border-radius:1rem; background:var(--nla-blue-soft); color:var(--nla-blue); }
.nla-estimate-total span { font-size:.55rem; }.nla-estimate-total strong { font-size:1rem; }

.nla-garage-card { margin:0 1rem; overflow:hidden; border:1px solid var(--nla-line); border-radius:1.2rem; background:white; }
.nla-garage-card__media { position:relative; aspect-ratio:1.8; overflow:hidden; background:#d7d9d4; }
.nla-garage-card__media img { width:100%; height:100%; object-fit:cover; }
.nla-garage-card__media span { position:absolute; top:.7rem; right:.7rem; padding:.3rem .5rem; border-radius:999px; background:rgba(255,255,255,.82); font-size:.46rem; font-weight:760; }
.nla-garage-card__body { padding:1rem; }
.nla-garage-card__body > div:first-child { display:flex; justify-content:space-between; gap:1rem; }
.nla-garage-card h2 { font-size:1rem; }.nla-garage-card small { color:var(--nla-muted); font-size:.48rem; }
.nla-garage-stats { display:grid; grid-template-columns:repeat(2,1fr); margin-top:.8rem; border:1px solid var(--nla-line); border-radius:.8rem; }
.nla-garage-stats div { padding:.7rem; }.nla-garage-stats div:first-child{border-right:1px solid var(--nla-line)}
.nla-garage-stats strong,.nla-garage-stats span { display:block; }.nla-garage-stats strong{font-size:.65rem}.nla-garage-stats span{color:var(--nla-muted);font-size:.43rem}
.nla-saved-row { display:flex; gap:.55rem; overflow-x:auto; padding:0 1rem 1rem; scrollbar-width:none; }
.nla-saved-card { min-width:12rem; overflow:hidden; border:1px solid var(--nla-line); border-radius:1rem; background:white; }
.nla-saved-card img { width:100%; height:6.5rem; object-fit:cover; }
.nla-saved-card div { padding:.7rem; }.nla-saved-card strong{display:block;font-size:.58rem}.nla-saved-card span{color:var(--nla-muted);font-size:.46rem}

.nla-reminder-card { display:flex; align-items:center; gap:.7rem; margin:0 1rem .55rem; padding:.9rem; border:1px solid var(--nla-line); border-radius:1rem; background:white; }
.nla-reminder-card > div:first-child { width:2.2rem; height:2.2rem; display:grid; place-items:center; flex:0 0 auto; border-radius:.7rem; background:var(--nla-blue-soft); color:var(--nla-blue); }
.nla-reminder-card > div:last-child { display:grid; }.nla-reminder-card strong{font-size:.6rem}.nla-reminder-card span{color:var(--nla-muted);font-size:.47rem}
.nla-history-item { grid-template-columns:2.2rem 1fr auto; }
.nla-history-date { width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:.65rem; background:var(--nla-paper); font-size:.46rem; font-weight:780; text-align:center; }

.nla-profile-card { margin:0 1rem; padding:1.1rem; border:1px solid var(--nla-line); border-radius:1.1rem; background:white; }
.nla-profile-card__head { display:flex; align-items:center; gap:.8rem; }
.nla-profile-card__avatar { width:3.4rem; height:3.4rem; display:grid; place-items:center; border-radius:50%; background:var(--nla-blue); color:white; font-size:.8rem; font-weight:820; }
.nla-profile-card h2 { font-size:.9rem; }.nla-profile-card p{color:var(--nla-muted);font-size:.5rem}
.nla-settings { margin:1rem; overflow:hidden; border:1px solid var(--nla-line); border-radius:1rem; background:white; }
.nla-settings button { width:100%; min-height:3.5rem; display:grid; grid-template-columns:1.5rem 1fr auto; gap:.7rem; align-items:center; padding:.75rem .9rem; border-bottom:1px solid var(--nla-line); text-align:left; }
.nla-settings button:last-child { border-bottom:0; }.nla-settings button > svg:first-child{color:var(--nla-blue)}.nla-settings span{font-size:.57rem;font-weight:680}.nla-settings button > svg:last-child{width:.85rem;color:var(--nla-muted)}

.nla-dialog,.nla-alert { position:fixed; inset:auto; top:var(--nla-dialog-center-y,50%); left:var(--nla-dialog-center-x,50%); width:min(calc(100% - 2rem),var(--nla-dialog-max-width,27rem),27rem); max-height:min(var(--nla-dialog-max-height,88svh),88svh,46rem); margin:0; padding:0; overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--nla-line); border-radius:1.4rem; background:var(--nla-paper); color:var(--nla-ink); box-shadow:var(--nla-shadow); transform:translate(-50%,-50%); }
.nla-dialog::backdrop,.nla-alert::backdrop { background:rgba(8,11,9,.72); backdrop-filter:blur(6px); }
.nla-dialog__header { position:sticky; top:0; z-index:2; display:flex; justify-content:space-between; align-items:start; gap:1rem; padding:1rem; border-bottom:1px solid var(--nla-line); background:color-mix(in srgb,var(--nla-paper) 92%,transparent); backdrop-filter:blur(15px); }
.nla-dialog__header h2 { margin-top:.2rem; font-size:1.6rem; letter-spacing:-.06em; }
.nla-dialog__header > button { width:2.75rem; height:2.75rem; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--nla-line); border-radius:50%; }
.nla-form { display:grid; grid-template-columns:repeat(2,1fr); gap:.65rem; padding:1rem; }
.nla-form label { display:grid; gap:.35rem; }.nla-form label span{color:var(--nla-muted);font-size:.48rem;font-weight:760;text-transform:uppercase;letter-spacing:.06em}.nla-form input,.nla-form select,.nla-form textarea{width:100%;min-height:2.8rem;padding:.65rem .7rem;border:1px solid var(--nla-line);border-radius:.7rem;background:white;outline:0;font-size:.58rem}.nla-field-wide{grid-column:1/-1}
.nla-qr-content { display:grid; justify-items:center; padding:1.3rem; text-align:center; }
.nla-qr { width:min(13rem,100%); aspect-ratio:1; display:grid; grid-template-columns:repeat(21,1fr); padding:.8rem; border-radius:1rem; background:white; box-shadow:0 15px 40px rgba(10,12,10,.08); }
.nla-qr span.is-dark{background:var(--nla-ink)}.nla-qr-content>strong{margin-top:1rem;font-size:.72rem}.nla-qr-content>p{max-width:20rem;margin-top:.4rem;color:var(--nla-muted);font-size:.53rem}.nla-qr-content>.nla-primary{width:100%;margin-top:1rem}
.nla-alert { width:min(calc(100% - 2rem),var(--nla-dialog-max-width,24rem),24rem); padding:1.6rem; text-align:center; }
.nla-alert__icon { width:3.2rem;height:3.2rem;display:grid;place-items:center;margin:0 auto .8rem;border-radius:50%;background:var(--nla-green); }
.nla-alert .nla-kicker{justify-content:center}.nla-alert h2{margin-top:.35rem;font-size:1.7rem;letter-spacing:-.06em}.nla-alert>p:not(.nla-kicker){margin-top:.5rem;color:var(--nla-muted);font-size:.58rem}.nla-alert>.nla-primary{width:100%;margin-top:1rem}
.nla-toast { position:fixed; z-index:100; left:var(--nla-toast-center-x,50%); bottom:var(--nla-toast-bottom,1rem); width:min(calc(100% - 1rem),var(--nla-toast-max-width,20rem),20rem); padding:.7rem .9rem; border-radius:.8rem; background:var(--nla-ink); color:white; box-shadow:var(--nla-shadow); font-size:.58rem; transform:translateX(-50%); }

@media (max-width:900px) {
  .nla-stage{grid-template-columns:1fr}.nla-pitch{min-height:auto;align-items:center;flex-direction:row;gap:1rem;padding:1rem 1.2rem}.nla-pitch__copy{display:none}.nla-pitch__actions{margin-left:auto;align-items:center;flex-direction:row}.nla-pitch__actions p{display:none}.nla-device-wrap{min-height:0;padding:1rem}.nla-device{height:min(54rem,calc(100svh - 7rem));min-height:0}
}
@media (max-width:560px) {
  body{background:var(--nla-paper)}.nla-pitch{display:none}.nla-device-wrap{min-height:100svh;padding:0;background:var(--nla-paper)}.nla-device{width:100%;height:100svh;min-height:100svh;border:0;border-radius:0;box-shadow:none}.nla-device__sensor{display:none}.nla-statusbar{height:calc(2.6rem + env(safe-area-inset-top));padding-top:max(.7rem,env(safe-area-inset-top))}.nla-screen{top:calc(8.25rem + env(safe-area-inset-top));bottom:calc(4.6rem + env(safe-area-inset-bottom))}.nla-tabbar{height:calc(4.6rem + env(safe-area-inset-bottom));padding-bottom:max(.6rem,env(safe-area-inset-bottom))}.nla-dialog,.nla-alert{width:min(calc(100% - 1rem),var(--nla-dialog-max-width,27rem),27rem);max-height:min(var(--nla-dialog-max-height,calc(100svh - 1rem)),calc(100svh - 1rem));border-radius:1.2rem}.nla-form{grid-template-columns:1fr}.nla-field-wide{grid-column:auto}
  .nla-tabbar span{font-size:.58rem}.nla-primary,.nla-secondary{font-size:.68rem}.nla-page-head p,.nla-owner-hero small,.nla-owner-hero__meta,.nla-repair-card__head small,.nla-status-panel p,.nla-inspection-item span,.nla-estimate-item span,.nla-history-item span,.nla-appointment-item span,.nla-reminder-card span,.nla-notice-card span{font-size:.58rem}.nla-inspection-item strong,.nla-estimate-item strong,.nla-history-item strong,.nla-appointment-item strong,.nla-reminder-card strong,.nla-notice-card strong{font-size:.7rem}.nla-estimate-item__actions button{min-height:2.75rem;font-size:.56rem}.nla-dialog__header h2{font-size:clamp(1.4rem,7vw,1.6rem)}
}
@media (max-width:380px) {
  .nla-greeting h1{font-size:2.15rem}.nla-page-head h1{font-size:2rem}.nla-owner-hero{min-height:14rem}.nla-owner-hero__content{padding:.85rem}.nla-repair-card__head{align-items:flex-start;flex-direction:column}.nla-repair-actions{grid-template-columns:1fr}.nla-status-pill{white-space:nowrap}.nla-timeline span{font-size:.43rem;line-height:1.15}.nla-estimate-item{grid-template-columns:1fr}.nla-estimate-item__actions{display:grid;grid-template-columns:repeat(2,1fr)}.nla-estimate-item__actions button{width:100%}.nla-history-item{grid-template-columns:2.2rem minmax(0,1fr)}.nla-history-item>strong{grid-column:2}.nla-dialog__header,.nla-form,.nla-qr-content{padding:.85rem}.nla-alert{padding:1.25rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}