.app-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; padding:4px 0 18px; border-bottom:1px solid var(--line); }
.app-header.is-greeting { border-bottom:0; padding-bottom:4px; }
.app-header.is-large { align-items:flex-end; padding-top:8px; }
.header-titles { flex:1; min-width:0; }
.header-title { color:var(--cream); font-size:26px; font-weight:800; }
.header-subtitle,.header-greeting { margin-top:3px; color:var(--muted); font-size:12px; }
.header-name { color:var(--cream); font-size:20px; font-weight:800; }
.header-actions { display:flex; align-items:center; gap:8px; }
.header-back { flex:0 0 auto; }
.avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--saffron),var(--gold)); color:var(--ink); font-size:14px; font-weight:800; }
.static-icon { display:inline-flex; align-items:center; justify-content:center; min-width:1.25em; color:currentColor; font-weight:700; }
.static-image { width:100%; height:100%; object-fit:cover; opacity:.72; }
.ex-figure .static-image,.hero-figure .static-image { width:100%; height:100%; object-fit:cover; }
.static-circle-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:rgba(240,118,30,.15); color:var(--saffron); font-weight:800; }
.static-section-stack { display:flex; flex-direction:column; gap:16px; }
.static-note { padding:14px 16px; border:1px dashed rgba(240,118,30,.35); border-radius:var(--r-lg); color:var(--muted); font-size:12px; background:rgba(240,118,30,.05); }
.static-toggle { position:relative; display:inline-flex; width:44px; height:24px; border-radius:999px; background:var(--surface-lighter); border:1px solid var(--line-strong); }
.static-toggle::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--muted); }
.static-toggle.is-on { background:rgba(240,118,30,.25); border-color:rgba(240,118,30,.5); }
.static-toggle.is-on::after { left:23px; background:var(--saffron); }
.static-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.static-field { display:flex; flex-direction:column; gap:7px; }
.static-field label { color:var(--beige); font-size:12px; font-weight:600; }
.static-field.full { grid-column:1/-1; }
.static-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.static-check { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface); color:var(--beige); }
.static-check input { accent-color:var(--saffron); }
.ring-static { position:relative; display:grid; place-items:center; width:140px; height:140px; border-radius:50%; background:conic-gradient(var(--saffron) 0 25%,var(--surface-light) 25% 100%); }
.ring-static::before { content:""; position:absolute; inset:9px; border-radius:50%; background:var(--ink); }
.ring-static-content { position:relative; z-index:1; text-align:center; }
.ring-static-content strong { display:block; color:var(--cream); font-size:30px; }
.ring-static-content span { color:var(--muted); font-size:11px; }
.static-chart-line { width:100%; height:130px; }
.static-chart-line polyline { fill:none; stroke:var(--saffron); stroke-width:3; }
.static-chart-line .chart-fill { fill:rgba(240,118,30,.08); stroke:none; }
.static-calendar-spacer { visibility:hidden; }

@media (max-width:640px) {
  .static-form-grid,.static-check-grid { grid-template-columns:1fr; }
  .header-title { font-size:22px; }
}