:root {
  color-scheme: light;
  --bg: #f7f6f2;
  --surface: #ffffff;
  --surface-soft: #f0efe9;
  --text: #1c1d20;
  --muted: #73757d;
  --line: #e5e3dc;
  --accent: #f4c430;
  --accent-strong: #d8a700;
  --accent-soft: #fff7cf;
  --success: #198754;
  --success-soft: #e9f8f0;
  --danger: #c43d4d;
  --danger-soft: #fff0f2;
  --warning: #9b6b00;
  --warning-soft: #fff7df;
  --shadow: 0 14px 36px rgba(32, 34, 40, .08);
  --radius: 22px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body { -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }

.app-shell { max-width: 760px; margin: 0 auto; min-height: 100dvh; padding-bottom: 98px; }
.topbar {
  position: sticky; top: 0; z-index: 20;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: calc(10px + env(safe-area-inset-top)) 16px 10px;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter: blur(18px);
}
.brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
.brand-mark { width: 42px; height: 42px; border-radius: 15px; display: grid; place-items: center; background: var(--accent); font-size: 22px; }
.brand-copy { display: grid; min-width: 0; }
.brand-copy strong { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-copy small { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-btn { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--text); }
.page { padding: 8px 14px 24px; }

.bottom-nav {
  position: fixed; z-index: 30; bottom: 0; left: 50%; transform: translateX(-50%);
  width: min(100%, 760px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
  background: color-mix(in srgb, var(--bg) 94%, transparent); backdrop-filter: blur(20px);
  border-top: 1px solid var(--line);
}
.nav-btn { border: 0; background: transparent; border-radius: 16px; padding: 7px 4px; color: var(--muted); display: grid; place-items: center; gap: 3px; }
.nav-btn span { font-size: 21px; line-height: 1; }
.nav-btn small { font-size: 10px; }
.nav-btn.active { background: var(--accent-soft); color: var(--text); font-weight: 800; }

.hero {
  border-radius: 28px; padding: 22px; background: linear-gradient(145deg, #1f2024, #33353b); color: #fff;
  box-shadow: var(--shadow); overflow: hidden; position: relative;
}
.hero::after { content: ""; position: absolute; right: -40px; top: -45px; width: 170px; height: 170px; border-radius: 50%; background: rgba(244,196,48,.22); }
.hero > * { position: relative; z-index: 1; }
.eyebrow { display: inline-flex; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #f7dc75; }
.hero h1 { margin: 8px 0 8px; font-size: clamp(25px, 7vw, 34px); line-height: 1.03; letter-spacing: -.04em; }
.hero p { margin: 0; color: #d7d8dc; line-height: 1.5; font-size: 14px; max-width: 520px; }
.hero-actions { display: flex; gap: 9px; margin-top: 18px; flex-wrap: wrap; }

.btn { min-height: 46px; border: 0; border-radius: 15px; padding: 12px 16px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
.btn-primary { background: var(--accent); color: #161616; }
.btn-dark { background: #22242a; color: #fff; }
.btn-soft { background: var(--surface-soft); color: var(--text); border: 1px solid var(--line); }
.btn-danger { background: var(--danger-soft); color: var(--danger); }
.btn-block { width: 100%; }
.btn:disabled { opacity: .55; cursor: not-allowed; }

.section-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: 22px 2px 10px; }
.section-head h2, .page-title h1 { margin: 0; letter-spacing: -.035em; }
.section-head h2 { font-size: 19px; }
.section-head p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.text-btn { border: 0; background: transparent; color: var(--muted); padding: 4px; }
.page-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 2px 15px; }
.page-title h1 { font-size: 27px; }
.back-btn { border: 0; background: transparent; color: var(--muted); padding: 5px 2px 12px; font-weight: 700; }

.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; box-shadow: 0 8px 24px rgba(30,32,38,.035); }
.card + .card { margin-top: 10px; }
.grid-two { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.metric { padding: 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 19px; }
.metric span { display: block; color: var(--muted); font-size: 11px; }
.metric strong { display: block; margin-top: 5px; font-size: 23px; letter-spacing: -.04em; }
.metric small { color: var(--muted); }

.setup-card { background: var(--accent-soft); border-color: #eddc85; }
.setup-top { display: flex; align-items: flex-start; gap: 12px; }
.setup-icon { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: var(--accent); font-size: 22px; flex: 0 0 auto; }
.setup-copy h2 { margin: 0; font-size: 18px; }
.setup-copy p { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.progress { height: 7px; border-radius: 99px; background: rgba(31,32,36,.1); margin: 15px 0 12px; overflow: hidden; }
.progress i { display: block; height: 100%; border-radius: inherit; background: var(--accent-strong); }
.setup-steps { display: grid; gap: 7px; margin-bottom: 13px; }
.setup-step { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--muted); }
.setup-step i { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.72); font-style: normal; }
.setup-step.done { color: var(--text); }
.setup-step.done i { background: var(--success); color: #fff; }

.quick-list { display: grid; gap: 9px; }
.quick-item { width: 100%; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--line); background: var(--surface); border-radius: 18px; padding: 13px; text-align: left; }
.quick-icon { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: var(--surface-soft); font-size: 21px; }
.quick-item strong { display: block; }
.quick-item small { display: block; color: var(--muted); margin-top: 3px; }
.quick-arrow { color: var(--muted); font-size: 24px; }

.order-card { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 15px; }
.order-card + .order-card { margin-top: 9px; }
.order-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.order-top h3 { margin: 4px 0 3px; font-size: 17px; }
.order-top small, .order-card p { color: var(--muted); }
.order-card p { margin: 0; font-size: 13px; }
.order-route { margin-top: 12px; padding: 11px 12px; border-radius: 14px; background: var(--surface-soft); font-size: 13px; }
.order-foot { margin-top: 11px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 12px; }
.status { display: inline-flex; padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 850; white-space: nowrap; }
.status-success { background: var(--success-soft); color: var(--success); }
.status-warning { background: var(--warning-soft); color: var(--warning); }
.status-danger { background: var(--danger-soft); color: var(--danger); }
.status-muted { background: var(--surface-soft); color: var(--muted); }

.callout { border-radius: 16px; padding: 12px 14px; margin-bottom: 12px; font-size: 13px; line-height: 1.45; }
.callout-success { background: var(--success-soft); color: #12623e; }
.callout-danger { background: var(--danger-soft); color: var(--danger); }
.callout-warning { background: var(--warning-soft); color: var(--warning); }

.wizard { display: grid; gap: 13px; }
.wizard-progress { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin: 2px 0 4px; }
.wizard-progress i { height: 5px; border-radius: 99px; background: var(--line); }
.wizard-progress i.active { background: var(--accent-strong); }
.wizard-title h2 { margin: 0; font-size: 22px; }
.wizard-title p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.form-stack { display: grid; gap: 12px; }
.field { display: grid; gap: 6px; }
.field label { font-size: 12px; font-weight: 750; color: #555861; }
.input, .select, .textarea { width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--text); padding: 12px 13px; outline: none; }
.textarea { min-height: 90px; resize: vertical; }
.input:focus, .select:focus, .textarea:focus { border-color: #d9af1b; box-shadow: 0 0 0 3px rgba(244,196,48,.18); }
.choice-list { display: grid; gap: 8px; }
.choice { display: grid; grid-template-columns: 42px 1fr 24px; gap: 11px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: #fff; text-align: left; }
.choice.active { border-color: #d9af1b; background: var(--accent-soft); }
.choice-icon { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--surface-soft); }
.choice strong, .choice small { display: block; }
.choice small { color: var(--muted); margin-top: 3px; }
.choice-check { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line); display: grid; place-items: center; font-size: 12px; }
.choice.active .choice-check { background: var(--accent); border-color: var(--accent); }
.form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.form-actions { display: grid; grid-template-columns: 1fr 1.5fr; gap: 9px; margin-top: 3px; }
.summary { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 17px; overflow: hidden; }
.summary-row { display: flex; justify-content: space-between; gap: 18px; padding: 12px 13px; border-bottom: 1px solid var(--line); font-size: 13px; }
.summary-row:last-child { border-bottom: 0; }
.summary-row span { color: var(--muted); }
.summary-row strong { text-align: right; }

.filters { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 9px; }
.chips { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 8px; }
.chip { border: 1px solid var(--line); border-radius: 999px; background: var(--surface); padding: 8px 11px; white-space: nowrap; color: var(--muted); }
.chip.active { background: #24262b; color: #fff; border-color: #24262b; }

.detail-list { display: grid; }
.detail-row { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.detail-row:last-child { border-bottom: 0; }
.detail-row span { color: var(--muted); }
.detail-row strong { text-align: right; }
.actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.timeline { display: grid; }
.timeline-item { display: grid; grid-template-columns: 14px 1fr; gap: 10px; padding-bottom: 14px; position: relative; }
.timeline-item::before { content:""; position:absolute; left:5px; top:12px; bottom:0; width:1px; background:var(--line); }
.timeline-item:last-child::before { display:none; }
.timeline-dot { width:11px; height:11px; border-radius:50%; background:var(--accent-strong); margin-top:4px; z-index:1; }
.timeline-copy strong, .timeline-copy small { display:block; }
.timeline-copy small { color:var(--muted); margin-top:3px; }

.profile-card { display:flex; align-items:center; gap:13px; padding:17px; background:var(--surface); border:1px solid var(--line); border-radius:22px; }
.avatar { width:58px; height:58px; border-radius:19px; display:grid; place-items:center; background:var(--accent-soft); font-size:22px; font-weight:900; }
.profile-card h1 { margin:0; font-size:21px; }
.profile-card p { margin:4px 0 0; color:var(--muted); font-size:13px; }
.menu { display:grid; overflow:hidden; background:var(--surface); border:1px solid var(--line); border-radius:22px; }
.menu button { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:11px; border:0; border-bottom:1px solid var(--line); background:transparent; padding:13px; text-align:left; }
.menu button:last-child { border-bottom:0; }
.menu button > span:first-child { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:var(--surface-soft); font-size:20px; }
.menu strong, .menu small { display:block; }
.menu small { color:var(--muted); margin-top:3px; }
.menu b { color:var(--muted); font-size:22px; }

.list { display:grid; gap:9px; }
.data-card { display:grid; grid-template-columns:46px 1fr auto; gap:11px; align-items:center; padding:13px; border:1px solid var(--line); background:var(--surface); border-radius:18px; }
.data-icon { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:var(--surface-soft); font-weight:900; }
.data-card h3 { margin:0 0 3px; font-size:15px; }
.data-card p, .data-card small { margin:0; color:var(--muted); font-size:12px; }
.delete-btn { border:0; background:var(--danger-soft); color:var(--danger); width:35px; height:35px; border-radius:12px; }
.add-box { margin-top:12px; }
.add-box summary { cursor:pointer; font-weight:850; }
.add-box[open] summary { margin-bottom:14px; }

.empty { text-align:center; padding:28px 18px; background:var(--surface); border:1px solid var(--line); border-radius:22px; }
.empty-icon { font-size:38px; }
.empty h2 { margin:10px 0 5px; }
.empty p { margin:0 0 15px; color:var(--muted); font-size:13px; line-height:1.45; }
.loading-screen, .fatal { min-height:82dvh; display:grid; place-items:center; align-content:center; text-align:center; gap:10px; padding:20px; }
.loader { width:32px; height:32px; border-radius:50%; border:3px solid var(--line); border-top-color:var(--accent-strong); animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.toast { position:fixed; z-index:80; left:14px; right:14px; top:calc(10px + env(safe-area-inset-top)); max-width:700px; margin:auto; padding:12px 14px; border-radius:15px; background:#25272c; color:#fff; box-shadow:var(--shadow); }

@media (max-width: 460px) {
  .page { padding-left:12px; padding-right:12px; }
  .hero { padding:20px; }
  .form-row, .actions { grid-template-columns:1fr; }
  .form-actions { grid-template-columns:1fr; }
  .detail-row { display:grid; gap:4px; }
  .detail-row strong { text-align:left; }
}

@media (prefers-color-scheme: dark) {
  :root { color-scheme:dark; --bg:#141519; --surface:#1e2025; --surface-soft:#292b31; --text:#f4f4f5; --muted:#a2a5ad; --line:rgba(255,255,255,.09); --accent-soft:#3a3418; }
  .input,.select,.textarea,.choice { background:var(--surface); }
  .hero { background:linear-gradient(145deg,#24262c,#111216); }
}

/* Integrated administrator mode */
.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 2px 14px}.admin-head h1{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}.admin-head p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.admin-eyebrow{color:var(--warning)}
.admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:18px;position:sticky;top:70px;z-index:15;box-shadow:0 8px 24px rgba(30,32,38,.04)}.admin-tabs button{border:0;background:transparent;border-radius:13px;padding:8px 4px;color:var(--muted);display:grid;place-items:center;gap:3px}.admin-tabs button span{font-size:19px;line-height:1}.admin-tabs button small{font-size:10px}.admin-tabs button.active{background:#22242a;color:#fff;font-weight:800}
.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-stat{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.admin-stat span{display:block;color:var(--muted);font-size:11px}.admin-stat strong{display:block;margin-top:5px;font-size:22px;letter-spacing:-.04em}.admin-stat small{color:var(--muted);font-size:11px}
.admin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px) auto;gap:8px;margin-bottom:10px}.admin-toolbar-users{grid-template-columns:minmax(0,1fr) auto}
.admin-order-card{display:grid;gap:11px}.admin-order-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.admin-order-header h3{margin:3px 0;font-size:16px}.admin-order-header small,.muted{color:var(--muted)}.admin-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-order-grid div{padding:10px;border-radius:13px;background:var(--surface-soft)}.admin-order-grid span,.admin-order-grid strong{display:block}.admin-order-grid span{color:var(--muted);font-size:10px;margin-bottom:3px}.admin-order-grid strong{font-size:12px;overflow-wrap:anywhere}.admin-status-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,190px) auto;gap:8px}
.admin-user-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}.admin-user-avatar{width:48px;height:48px;border-radius:15px;background:var(--accent-soft);display:grid;place-items:center;font-weight:900}.admin-user-card h3{margin:0 0 4px;font-size:15px}.admin-user-card p,.admin-user-card small{margin:0;color:var(--muted);font-size:12px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:10px;font-weight:800}
.admin-broadcast-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:10px}.admin-message{min-height:150px}.admin-preview{background:linear-gradient(145deg,#22242a,#121318);color:#fff;border-radius:21px;padding:17px;min-height:210px}.admin-preview small{color:#bfc2ca}.admin-preview div:nth-child(2){margin-top:13px;white-space:pre-wrap;line-height:1.5}.admin-preview div:nth-child(3){margin-top:15px;border-radius:12px;background:#2d6cdf;padding:10px;text-align:center;font-weight:750}
@media(max-width:620px){.admin-head{align-items:flex-start;flex-direction:column}.admin-toolbar{grid-template-columns:1fr 1fr}.admin-toolbar .btn{grid-column:1/-1}.admin-order-grid{grid-template-columns:1fr 1fr}.admin-status-editor{grid-template-columns:1fr}.admin-broadcast-grid{grid-template-columns:1fr}.admin-preview{min-height:170px}}
@media(max-width:430px){.admin-tabs{top:68px}.admin-order-grid{grid-template-columns:1fr}.admin-user-card{grid-template-columns:44px minmax(0,1fr)}.admin-user-card>.badge{grid-column:2}.admin-head h1{font-size:25px}}

/* Vehicle smart-fill */
.page-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.catalog-banner{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border-radius:16px;background:var(--accent-soft);border:1px solid #ead879}.catalog-banner>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);font-size:20px}.catalog-banner strong,.catalog-banner small{display:block}.catalog-banner small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.input-action .btn{white-space:nowrap;min-height:48px;padding-left:13px;padding-right:13px}
.field-help{display:block;color:var(--muted);font-size:10.5px;line-height:1.4}.optional{font-weight:500;color:var(--muted)}
.mono-input,.plate-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.045em;text-transform:uppercase}.plate-input{font-weight:800;font-size:16px}
.check-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:12px 13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.check-row input{width:19px;height:19px;margin:1px 0}.check-row strong,.check-row small{display:block}.check-row strong{font-size:13px}.check-row small{color:var(--muted);font-size:11px;margin-top:3px;line-height:1.35}
.vehicle-data-card{grid-template-columns:46px minmax(0,1fr) auto}.data-actions{display:flex;align-items:center;gap:6px}.edit-btn{border:0;background:var(--accent-soft);color:var(--warning);width:35px;height:35px;border-radius:12px;font-weight:900}
@media(max-width:520px){.input-action{grid-template-columns:1fr}.input-action .btn{width:100%}.vehicle-data-card{grid-template-columns:42px minmax(0,1fr)}.vehicle-data-card>.data-actions{grid-column:2;justify-content:flex-end}.catalog-banner{grid-template-columns:38px minmax(0,1fr)}.catalog-banner>span{width:38px;height:38px}}


/* V7 final navigation, editing and draft UX */
.topbar-leading{display:flex;align-items:center;gap:8px;min-width:0}.top-back-btn{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-size:24px;line-height:1;display:grid;place-items:center}.top-back-btn:active{transform:scale(.96)}
.resume-card{margin-top:12px;padding:16px;border:1px solid #ead879;border-radius:21px;background:var(--accent-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.resume-card h2{margin:4px 0;font-size:18px}.resume-card p{margin:0;color:var(--muted);font-size:12px}.resume-eyebrow{color:var(--warning)}.resume-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.resume-actions .btn{min-height:42px;padding:10px 13px}
.attention-card{margin-top:12px;padding:4px 0}.compact-head{margin:10px 2px 8px}.attention-item{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:11px 12px;text-align:left;margin-top:7px}.attention-item>span:first-child{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900}.attention-item.warning>span:first-child{background:var(--warning-soft);color:var(--warning)}.attention-item.danger>span:first-child{background:var(--danger-soft);color:var(--danger)}.attention-item strong,.attention-item small{display:block}.attention-item strong{font-size:13px}.attention-item small{color:var(--muted);font-size:11px;margin-top:2px}.attention-item b{color:var(--muted);font-size:20px}
.next-action{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:12px;padding:13px;border-radius:17px}.next-action.status-success{background:var(--success-soft);color:#12623e}.next-action.status-warning{background:var(--warning-soft);color:var(--warning)}.next-action.status-danger{background:var(--danger-soft);color:var(--danger)}.next-action.status-muted{background:var(--surface-soft);color:var(--muted)}.next-action-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.7);display:grid;place-items:center;font-size:20px;font-weight:900}.next-action strong,.next-action small{display:block}.next-action small{margin-top:3px;font-size:11px;line-height:1.4;opacity:.86}
.draft-reset{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.archived-card{opacity:.62}.data-card .badge{vertical-align:middle;margin-left:4px}.form-actions>.btn-block:not(:only-child){width:auto}
@media(max-width:520px){.resume-card{grid-template-columns:1fr}.resume-actions{justify-content:stretch}.resume-actions .btn{flex:1}.topbar-leading{gap:6px}.top-back-btn{width:38px;height:38px;border-radius:12px}.topbar-leading .brand-mark{width:38px;height:38px;border-radius:13px}.topbar-leading .brand-copy strong{font-size:14px}}