/* pwx-console v3 · /passwordless platform. Spec: asset.html header. Prefix pc-. The stage is a painted image (no CSS gradients).
   Dark, Cursor-like: near-black panes, hairline borders, quiet greys, one cold-blue accent for "on".
   Base = the final frame (data-v="methods", every row settled). .is-live arms the per-view moments; .pc-go plays the current one. */
.pc{--pc-bg:#0f1013;--pc-side:#0b0c0e;--pc-card:#16171b;--pc-card2:#1b1c21;--pc-ink:#ececee;--pc-60:#a3a5ab;--pc-45:#73757c;--pc-line:rgba(255,255,255,.075);
  --pc-ok:#4cc38a;--pc-okbg:rgba(76,195,138,.12);--pc-warn:#e5a54b;--pc-warnbg:rgba(229,165,75,.12);--pc-on:#5b8cff;
  --pc-e:cubic-bezier(.25,1,.5,1);margin:56px 0 0;color:var(--pc-ink)}
:where(.pc) p{margin:0}
.pc svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pc button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
.pc-stage{position:relative;height:680px;border-radius:24px;overflow:hidden;background:#07080a var(--pc-img) 50% 50%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pc-win{position:absolute;left:64px;right:64px;top:64px;bottom:-1px;display:flex;flex-direction:column;border-radius:14px 14px 0 0;background:var(--pc-bg);overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 50px 100px -40px rgba(0,0,0,.9)}
.pc-bar0{flex:none;display:flex;align-items:center;height:40px;padding:0 16px;background:var(--pc-side);box-shadow:inset 0 -1px 0 var(--pc-line)}
.pc-tl{display:flex;gap:7px}.pc-tl i{width:10px;height:10px;border-radius:50%;background:#2a2b30}
.pc-ttl{flex:1;margin-right:47px;text-align:center;font-size:12px;color:var(--pc-45)}
.pc-body{flex:1;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0}
.pc-side{display:flex;flex-direction:column;gap:1px;padding:14px 10px;background:var(--pc-side);box-shadow:inset -1px 0 0 var(--pc-line)}
.pc-org{display:flex;align-items:center;gap:9px;margin-bottom:10px!important;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:500;color:var(--pc-ink)}
.pc-org i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#f0643c;color:#fff;font-style:normal;font-size:11px;font-weight:600}
.pc-org span{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--pc-okbg);color:var(--pc-ok);font-size:10.5px;font-weight:500}
.pc .pc-nav{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:7px;font-size:13px;color:var(--pc-60);text-align:left;transition:background .15s,color .15s}
.pc-nav svg{width:15px;height:15px;stroke-width:1.3}
.pc button.pc-nav:hover{background:rgba(255,255,255,.04);color:var(--pc-ink)}
.pc .pc-nav[aria-pressed="true"]{background:rgba(255,255,255,.07);color:var(--pc-ink);font-weight:500}
.pc .pc-nav:focus-visible{outline:2px solid var(--pc-on);outline-offset:-2px}
.pc-nav-off{opacity:.5}
.pc-main{position:relative;display:grid;min-width:0;padding:24px 36px 0 32px;overflow:hidden}
.pc-view{grid-area:1/1;display:none;min-width:0}
.pc[data-v="methods"] .pc-v-methods,.pc[data-v="logs"] .pc-v-logs,.pc[data-v="insights"] .pc-v-insights,.pc[data-v="abuse"] .pc-v-abuse{display:block;animation:pc-in 360ms var(--pc-e) both}
@keyframes pc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pc-vh{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.pc-vt{font-size:18px;line-height:24px;font-weight:500;letter-spacing:-.01em}
.pc-vs{margin-top:2px!important;font-size:13px;line-height:19px;color:var(--pc-45)}
/* toggles: the one accent */
.pc-tog{position:relative;flex:none;width:32px;height:18px;border-radius:999px;background:#2c2d33;transition:background .25s}
.pc-tog i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#d9dadf;transition:transform .25s var(--pc-e)}
.pc-tog.is-on{background:var(--pc-on)}.pc-tog.is-on i{transform:translateX(14px);background:#fff}
/* Sign-in: automatic first */
.pc-auto{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line)}
.pc-ai{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(91,140,255,.14);color:#9db8ff}
.pc-ai svg{width:17px;height:17px;stroke-width:1.5}
.pc-when{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px!important;font-size:12.5px;color:var(--pc-45)}
.pc-when span{margin-right:4px}
.pc-when em{font-style:normal;padding:2px 9px;border-radius:6px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line);color:var(--pc-60)}
.pc-lt2{margin:20px 0 4px!important;font-size:12px;color:var(--pc-45)}
.pc-list{border-radius:12px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line);padding:0 16px}
.pc-mr{display:flex;align-items:center;gap:14px;min-height:50px;box-shadow:inset 0 -1px 0 var(--pc-line)}
.pc-mr:last-child{box-shadow:none}
.pc-mi{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--pc-card2);box-shadow:inset 0 0 0 1px var(--pc-line);color:var(--pc-60)}
.pc-mi svg{width:14px;height:14px;stroke-width:1.3}
.pc-mt{flex:1;min-width:0;display:flex;flex-direction:column}
.pc-mt b{display:flex;align-items:center;gap:8px;font-size:13.5px;line-height:19px;font-weight:500}
.pc-mt span{font-size:12.5px;line-height:18px;color:var(--pc-45)}
.pc-saved{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--pc-ok);opacity:0;transition:opacity .3s}
.pc-saved svg{width:13px;height:13px;stroke-width:1.8}
/* logs */
.pc-srch{display:flex;align-items:center;gap:8px;width:220px;height:32px;padding:0 10px;border-radius:8px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line);font-size:12.5px;color:var(--pc-45)}
.pc-srch svg{width:13px;height:13px;stroke-width:1.4}
.pc-flt{display:flex;gap:6px;margin-bottom:12px!important}
.pc-flt span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;font-size:12px;color:var(--pc-60);box-shadow:inset 0 0 0 1px var(--pc-line)}
.pc-flt .is-cur{background:rgba(255,255,255,.07);color:var(--pc-ink);font-weight:500}
.pc-lh,.pc-lr{display:grid;grid-template-columns:72px minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:10px;align-items:center}
.pc-lh{height:32px;box-shadow:inset 0 -1px 0 var(--pc-line);font-size:11.5px;color:var(--pc-45)}
.pc-lr{height:44px;box-shadow:inset 0 -1px 0 var(--pc-line);font-size:12.5px;white-space:nowrap}
.pc-lr>span{overflow:hidden;text-overflow:ellipsis}
.pc-lt{font:12px var(--mono,ui-monospace,monospace);color:var(--pc-45)}
.pc-le{font-weight:500}
.pc-lu{color:var(--pc-60)}
.pc-lw{color:var(--pc-45)}
.pc-new{background:linear-gradient(90deg,rgba(91,140,255,.1),rgba(91,140,255,0) 70%)}
/* insights */
.pc-rng{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:8px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line);font-size:12.5px;color:var(--pc-60)}
.pc-cv svg{width:13px;height:13px;stroke-width:1.5}
.pc-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pc-kpi>div{padding:12px 14px;border-radius:10px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line)}
.pc-kpi span{display:block;font-size:12px;color:var(--pc-45)}
.pc-kpi b{display:block;margin-top:4px;font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.01em}
.pc-kpi em{font-style:normal;font-size:11.5px;color:var(--pc-45)}
.pc-kpi em.up{color:var(--pc-ok)}
.pc-ins2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin-top:10px;align-items:stretch}
.pc-chart{display:flex;flex-direction:column;padding:14px 16px 12px;border-radius:10px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line)}
.pc-ch{font-size:12.5px;font-weight:500;color:var(--pc-60)}
.pc-bars{flex:1;display:flex;align-items:flex-end;gap:4px;min-height:160px;margin-top:12px;box-shadow:inset 0 -1px 0 var(--pc-line)}
.pc-bar{flex:1;display:flex;flex-direction:column-reverse;height:calc(var(--h)*100%);border-radius:3px 3px 0 0;overflow:hidden;transform-origin:bottom}
.pc-bar i{display:block;min-height:1px}
.pc-b-auto{background:linear-gradient(#7aa2ff,#4a74e8)}
.pc-side2{display:flex;flex-direction:column;gap:10px}
.pc-plat,.pc-locs{padding:12px 14px;border-radius:10px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line)}
.pc-pr{display:grid;grid-template-columns:60px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:9px!important;font-size:12px;color:var(--pc-60)}
.pc-pr i{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--pc-on) var(--w),#2a2b31 var(--w))}
.pc-pr b{font-weight:500;text-align:right;color:var(--pc-ink)}
.pc-lc{display:flex;justify-content:space-between;margin-top:8px!important;font-size:12px;color:var(--pc-60)}
.pc-lc b{font-weight:500;color:var(--pc-ink)}
/* risk engine */
.pc-seg{display:flex;padding:3px;border-radius:9px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line);font-size:12px}
.pc-seg span{padding:4px 10px;border-radius:6px;color:var(--pc-60)}
.pc-seg .is-cur{background:rgba(255,255,255,.09);color:var(--pc-ink);font-weight:500}
.pc-ab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.pc-act{flex:none;font-style:normal;font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:6px;background:var(--pc-warnbg);color:var(--pc-warn)}
.pc-feed{padding:12px 14px;border-radius:12px;background:var(--pc-card);box-shadow:inset 0 0 0 1px var(--pc-line)}
.pc-fh{font-size:12px;color:var(--pc-45);margin-bottom:4px!important}
.pc-fr{display:flex;align-items:center;gap:10px;min-height:50px;box-shadow:inset 0 -1px 0 var(--pc-line)}
.pc-fr:last-child{box-shadow:none}
.pc-fi{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pc-warnbg);color:var(--pc-warn)}
.pc-fi-ok{background:var(--pc-okbg);color:var(--pc-ok)}
.pc-fi svg{width:12px;height:12px;stroke-width:1.9}
.pc-ft{flex:1;min-width:0;display:flex;flex-direction:column}
.pc-ft b{font:500 12.5px/18px var(--mono,ui-monospace,monospace)}
.pc-ft span{font-size:12px;color:var(--pc-45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-fx{display:flex;flex-direction:column;align-items:flex-end;font-size:11.5px;color:var(--pc-45)}
.pc-fx em{font-style:normal;font-weight:500;color:var(--pc-warn)}.pc-fx em.ok{color:var(--pc-ok)}
/* captions under the stage: one line per view (the section is dark) */
.pc-caps{display:grid;margin-top:22px}
.pc-cap{grid-area:1/1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;opacity:0;transition:opacity .3s}
.pc[data-v="methods"] .pc-cap[data-v="methods"],.pc[data-v="logs"] .pc-cap[data-v="logs"],.pc[data-v="insights"] .pc-cap[data-v="insights"],.pc[data-v="abuse"] .pc-cap[data-v="abuse"]{opacity:1}
.pc-cap b{font-size:16px;line-height:24px;font-weight:500;color:#fff}
.pc-cap span{font-size:15.5px;line-height:24px;color:rgba(255,255,255,.6)}
/* live moments (armed by .is-live, played by .pc-go) */
.pc.is-live .pc-new{opacity:0;transform:translateY(-8px);height:0;transition:opacity .35s var(--pc-e),transform .35s var(--pc-e),height .35s var(--pc-e)}
.pc.is-live.pc-go .pc-new{opacity:1;transform:none;height:44px}
.pc.is-live .pc-bar{transform:scaleY(.04);transition:transform .7s var(--pc-e);transition-delay:var(--d)}
.pc.is-live.pc-go .pc-bar{transform:none}
.pc.is-live .pc-nb{opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s}
.pc.is-live.pc-go .pc-nb{opacity:1;transform:none}
.pc.is-live .pc-flip .pc-tog{background:#2c2d33}.pc.is-live .pc-flip .pc-tog i{transform:none;background:#d9dadf}
.pc.is-live.pc-go .pc-flip .pc-tog{background:var(--pc-on)}.pc.is-live.pc-go .pc-flip .pc-tog i{transform:translateX(14px);background:#fff;transition-delay:.15s}
.pc.is-live.pc-go .pc-saved{opacity:1;transition-delay:.45s}
.pc-v-methods .pc-mr{min-height:46px}

@media (max-width:1100px){
  .pc-stage{height:620px}
  .pc-win{left:36px;right:36px;top:44px}
  .pc-body{grid-template-columns:184px minmax(0,1fr)}
  .pc-main{padding:20px 24px 0}
  .pc-ins2{grid-template-columns:minmax(0,1fr)} .pc-side2{display:none}
  .pc-lh,.pc-lr{grid-template-columns:64px minmax(0,1fr) minmax(0,1.3fr)} .pc-lh>span:nth-child(3),.pc-lr>span:nth-child(3){display:none}
  .pc-ab{grid-template-columns:minmax(0,1fr)} .pc-feed{display:none}
}
@media (max-width:760px){
  .pc{margin-top:36px}
  .pc-stage{height:auto;padding:22px 14px 0;border-radius:20px}
  .pc-win{position:relative;left:auto;top:auto;right:auto;bottom:auto;height:560px;margin-bottom:-1px}
  .pc-bar0{height:34px}
  .pc-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .pc-side{flex-direction:row;overflow-x:auto;gap:4px;padding:8px 10px;box-shadow:inset 0 -1px 0 var(--pc-line);scrollbar-width:none;scroll-padding-inline:12px;
    -webkit-mask:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
  .pc-side::-webkit-scrollbar{display:none}
  .pc-org,.pc-nav-off{display:none!important}
  .pc .pc-nav{flex:none;height:30px;padding:0 10px}
  .pc .pc-nav svg{display:none}
  .pc-main{padding:16px 16px 0}
  .pc-srch,.pc-seg{display:none}
  .pc-lh,.pc-lr{grid-template-columns:58px minmax(0,1fr)} .pc-lh>span:nth-child(4),.pc-lr>span:nth-child(4){display:none}
  .pc-kpi{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .pc-kpi>div:last-child{display:none}
  .pc-bars{min-height:150px;gap:3px}
  .pc-list{padding:0 12px}
  .pc-v-abuse .pc-mr{padding:10px 0;gap:10px}
}
@media (prefers-reduced-motion:reduce){ .pc *{transition:none!important;animation:none!important} }
@media (forced-colors:active){ .pc-win{border:1px solid CanvasText} }