/* Admin: a quiet operations console on the FalcDrone tokens from site.css */
body{background:var(--surface)}
body::before{display:none}
.adm{display:flex;min-height:100vh}
.side{flex:none;width:232px;background:var(--slate);color:var(--on-slate);display:flex;flex-direction:column;gap:4px;padding:20px 12px;position:sticky;top:0;height:100vh}
.side .brand{color:var(--on-slate);padding:4px 8px 20px}
.side .brand small{color:var(--on-slate-muted)}
.side a.nav-i{display:flex;align-items:center;gap:10px;color:var(--on-slate-muted);text-decoration:none;padding:10px 12px;border-radius:var(--r-md);font-weight:500;font-size:15px;min-height:44px}
.side a.nav-i:hover{background:var(--slate-2);color:var(--on-slate)}
.side a.nav-i[aria-current="page"]{background:var(--slate-2);color:var(--on-slate);box-shadow:inset 3px 0 0 var(--amber)}
.side .count{margin-left:auto;background:var(--amber);color:var(--on-amber);font:600 12px/1 var(--mono);padding:4px 7px;border-radius:999px}
.side .bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--slate-line);padding-top:12px}
.side .who{font-size:13px;color:var(--on-slate-muted);padding:4px 12px}
.side button.nav-i{all:unset;display:flex;align-items:center;gap:10px;color:var(--on-slate-muted);padding:10px 12px;border-radius:var(--r-md);font-weight:500;font-size:15px;cursor:pointer;min-height:24px}
.side button.nav-i:hover{background:var(--slate-2);color:var(--on-slate)}
.main{flex:1;min-width:0;padding-block:28px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.main-in{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.topbar h1{font-size:28px}
.topbar p{color:var(--muted);font-size:14px}
@media (max-width:860px){
  .adm{flex-direction:column}
  .side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
  .side .brand{padding:0 8px 0 0}
  .side .bottom{margin:0 0 0 auto;border:0;padding:0;flex-direction:row}
  .side .who{display:none}
}

.flash{background:var(--raised);border:1px solid var(--line);border-left:0;box-shadow:inset 4px 0 0 var(--ok);padding:12px 16px;border-radius:var(--r-md);font-weight:500}
.panel{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.panel h2{font-size:17px;margin-bottom:14px}
.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}
@media (max-width:960px){.grid2{grid-template-columns:1fr}}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.kpi span{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kpi b{font:600 32px/1 var(--display);font-variant-numeric:tabular-nums}
.kpi.hot{background:var(--amber-tint);border-color:var(--amber)}
.kpi:hover{border-color:var(--ink)}

.chart svg{width:100%;height:auto;display:block}
.chart .bar{fill:var(--amber)}
.chart .bar.zero{fill:var(--line)}
.chart .gl{stroke:var(--line);stroke-width:1}
.chart text{fill:var(--muted);font:500 11px var(--mono)}

.hbar{display:flex;flex-direction:column;gap:12px}
.hbar .row{display:grid;grid-template-columns:110px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:14px}
.hbar .track{height:10px;background:var(--surface);border-radius:999px;overflow:hidden}
.hbar .fill{height:100%;background:var(--sky);border-radius:999px}
.hbar .n{font:500 13px var(--mono);text-align:right}

.pill{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--sans);padding:6px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st-new{background:var(--amber-tint);color:var(--amber-text);border-color:var(--amber)}
.st-contacted{background:var(--surface);color:var(--sky);border-color:var(--line)}
.st-demo_scheduled{background:var(--surface);color:var(--ink);border-color:var(--ink)}
.st-won{background:var(--surface);color:var(--ok);border-color:var(--ok)}
.st-lost{background:var(--surface);color:var(--muted);border-color:var(--line)}

.list{display:flex;flex-direction:column}
.list a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:center}
.list a:first-child{border-top:0}
.list small{color:var(--muted);display:block;font-size:13px}
.empty{color:var(--muted);font-size:14px;padding:12px 0}

.filters-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.filters-bar label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;flex:1 1 160px}
.filters-bar .btn{min-height:44px}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tabs a{font-size:14px;font-weight:500;padding:8px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;background:var(--raised)}
.tabs a[aria-current="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.tabs a span{font-family:var(--mono);color:inherit;opacity:.7;margin-left:4px}

.dt{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised)}
.dt table{min-width:820px}
.dt thead th{background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line)}
.dt td{font-family:var(--sans);vertical-align:middle}
.dt td.m{font-family:var(--mono);font-variant-numeric:tabular-nums}
.dt tbody tr:hover{background:var(--surface)}
.dt a.rowlink{color:var(--ink);font-weight:600;text-decoration:none}
.dt a.rowlink:hover{color:var(--amber-text)}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}

.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
@media (max-width:860px){.detail{grid-template-columns:1fr}}
.kvl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px 16px;margin:0}
.kvl dt{color:var(--muted);font-size:14px}
.kvl dd{margin:0;font-weight:500;word-break:break-word}
.form{display:flex;flex-direction:column;gap:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form textarea{font:inherit;min-height:120px;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--raised);color:var(--ink);resize:vertical}
.form input[type=date]{font:inherit;min-height:44px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--raised);color:var(--ink)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.form .row2{grid-template-columns:1fr}}
.check{flex-direction:row!important;align-items:center;gap:10px!important;font-weight:500!important}
.check input{width:20px;height:20px;accent-color:var(--amber)}
.err-t{color:var(--red);font-size:13px;font-weight:600}
.danger{border-color:var(--red)!important;color:var(--red)!important}
details.confirm summary{list-style:none;cursor:pointer}
details.confirm summary::-webkit-details-marker{display:none}
details.confirm[open] .ask{display:flex}
.ask{display:none;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:14px}
.btn.solid-danger{background:var(--red);color:#fff}

.login{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));background:var(--slate)}
.login .card-l{width:100%;max-width:400px;background:var(--raised);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:20px}
.login h1{font-size:24px}
.login p{color:var(--muted);font-size:14px}
input[type=email],input[type=password],input[type=search]{font:inherit;min-height:44px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--raised);color:var(--ink);width:100%}
.form select,.form input[type=text],.form input[type=number]{width:100%}