.btn.danger{background:var(--bad);border-color:var(--bad);color:var(--on-bad)}
.btn.danger:hover{background:var(--bad);border-color:var(--bad);color:var(--on-bad);filter:brightness(1.08)}
.btn[disabled],.btn:disabled{opacity:.7;cursor:not-allowed;border-style:dashed}


.pill .ic{font-size:.9em;line-height:1}
.pill.s{border-color:currentColor;font-weight:600}
.pill.s::before{display:none}
.pill.neu{color:var(--t1);background:var(--bg3)}
.pill.sm{min-height:22px;padding:0 8px;font-size:.75rem}


.foot-app{border-top:1px solid var(--ln2);padding:20px 0;color:var(--t3);font-size:.875rem}
.foot-app .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.foot-app a{display:inline-flex;align-items:center;min-height:44px;color:var(--t2)}
.foot-app a:hover{color:var(--t1)}


.app-hdr{position:sticky;top:0;z-index:30;background:var(--hdr-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln2)}
.app-hdr .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;min-height:64px}
.app-hdr .brand{gap:10px;line-height:1}
.app-hdr .brand svg{width:36px;height:36px;flex:none}
.app-hdr .brand b{font-size:1.25rem;letter-spacing:-.02em;color:var(--t1)}
.app-nav{display:flex;gap:6px;margin-left:12px}
.app-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid transparent;color:var(--t2);text-decoration:none;font-weight:600}
.app-nav a:hover{color:var(--t1);background:var(--acc-soft)}
.app-nav a[aria-current="page"]{color:var(--t1);background:var(--acc-soft);border-color:var(--acc-line)}
.app-right{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}
.app-em{color:var(--t2);max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-net{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--ln2);border-radius:999px;color:var(--t1);font-size:.875rem;font-weight:600;white-space:nowrap}
.app-net i{width:8px;height:8px;border-radius:50%;background:var(--warn)}
@media (max-width:720px){
  .app-hdr .wrap{min-height:56px;padding-block:6px}
  .app-hdr .brand b{font-size:1.125rem}
  .app-nav{order:3;flex:1 0 100%;margin:0 0 6px;gap:0;justify-content:space-between}
  .app-nav a{flex:1;justify-content:center;border-radius:var(--r2);padding:0 8px}
  .app-em,.app-net{display:none}
}
@media (max-height:600px){.app-hdr{position:static}}


.steps3{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;padding:0;margin:0 0 20px;counter-reset:s}
.steps3 li{counter-increment:s;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ln2);border-radius:999px;color:var(--t2);font-weight:600}
.steps3 li::before{content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid currentColor;font-size:.875rem}
.steps3 li[aria-current="step"]{border-color:var(--acc);color:var(--t1);background:var(--bg3)}


@media (forced-colors:active){
  .pill,.status,.btn,.btn.ghost,.iconbtn,.copy,.mx-c,.cd,.card,.case,.note,.win,.rl-card,.path,.nav a[aria-current="page"],.app-net,.steps3 li{border:1px solid CanvasText}
  .btn,.btn.ghost,.btn.danger{color:ButtonText;background:ButtonFace}
  .mx-c:disabled{border-style:dashed;color:GrayText}
  .nav a[aria-current="page"],.app-nav a[aria-current="page"]{outline:2px solid Highlight}
  svg *{forced-color-adjust:auto}
}