/* RJ DTC Admin · Round 4 · HQ API access · page.css (prefix ak-) — tokens only, no size queries */
.ak-master{height:24px}
.ak-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-3)}
.ak-kpi{padding:var(--s-3) var(--s-4)}
.ak-kpi .dd-kpi-k svg{color:hsl(var(--muted-foreground))}
.ak-kpi .dd-kpi-row{justify-content:space-between}
.ak-kpi .dd-kpi-foot>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ak-kpi.is-warn{border-color:hsl(var(--warning)/.35)}
.ak-kpi.is-warn .dd-kpi-v{color:hsl(var(--warning))}
.ak-kpi .ak-spark{width:84px;height:28px}
.ak-bar{margin-top:var(--s-5)}
.ak-brandbtn .grow{white-space:nowrap}
.ak-body{padding-top:var(--s-5)}

/* keys table */
.ak-tbl{table-layout:fixed}
.ak-tbl td{font-size:var(--text-small)}
.ak-tbl tbody tr{cursor:pointer}
.ak-tbl .ak-d{white-space:nowrap;font-variant-numeric:tabular-nums}
.ak-tbl td.q{color:hsl(var(--muted-foreground))}
.ak-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.ak-name b{font-size:var(--text-body);font-weight:var(--w-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ak-name span{color:hsl(var(--muted-foreground));font-size:var(--text-micro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ak-key{display:inline-flex;align-items:center;gap:2px;min-width:0;max-width:100%}
.ak-key .code{font-size:var(--text-micro);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--s-1)}
.ak-key .icon-btn{width:24px;height:24px;flex:none}
.ak-br,.ak-sc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1)}
.ak-tbl .ak-br{flex-wrap:nowrap;min-width:0}
.ak-tbl .ak-bchip{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ak-sc .q{font-size:var(--text-micro);white-space:nowrap}
.ak-dark{background:hsl(var(--primary));color:hsl(var(--primary-foreground));height:20px;font-size:var(--text-micro)}
.ak-cnt{height:20px;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}
.ak-bchip{height:22px;background:hsl(var(--muted));color:hsl(var(--foreground));gap:var(--s-1);padding-left:3px}
.ak-mono{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:var(--r-chip);background:hsl(var(--primary));color:hsl(var(--primary-foreground));font:var(--w-semibold) 8.5px/1 var(--font-ui)}
.ak-rw{display:inline-flex;border:1px solid hsl(var(--border));border-radius:var(--r-chip);overflow:hidden;font:var(--w-medium) var(--text-micro)/1 var(--font-code)}
.ak-rw span{padding:3px 6px}
.ak-rw span+span{border-left:1px solid hsl(var(--border));background:hsl(var(--muted))}
.ak-st{display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap;font-size:var(--text-small)}
.ak-st .dot:not(.success):not(.warning):not(.danger):not(.info){background:hsl(var(--retired))}
.ak-spark{display:block}
.ak-spark .ln{fill:none;stroke:hsl(var(--chart-1));stroke-width:1.5}
.ak-rev tbody tr.is-off td{color:hsl(var(--muted-foreground))}
.ak-rev s{text-decoration-color:hsl(var(--muted-foreground)/.6)}
.ak-reason{font-size:var(--text-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ak-ev{display:inline-flex;align-items:center;gap:var(--s-2)}
.ak-ev svg{color:hsl(var(--muted-foreground))}
.ak-who{display:inline-flex;align-items:center;gap:var(--s-2)}
.ak-who .avatar{width:22px;height:22px;font-size:9px}
.ak-aud tbody tr{cursor:default}
.ak-revprev{margin-top:var(--s-8)}
.ak-revprev .hq-sec-h h2{display:flex;align-items:center;gap:var(--s-2)}
.ak-rowmenu{position:fixed;z-index:var(--z-pop);min-width:200px;padding:var(--s-1);opacity:0;visibility:hidden;transform:translateY(var(--pop-shift));transition:opacity var(--motion-pop-out),transform var(--motion-pop-out),visibility 0s linear .2s}
.ak-rowmenu.show{opacity:1;visibility:visible;transform:none;transition:opacity var(--motion-pop-in),transform var(--motion-pop-in),visibility 0s}
.ak-rowmenu .mi.danger{color:hsl(var(--destructive))}

/* detail sheet */
.ak-d-acts{display:flex;gap:var(--s-2);margin-left:auto;align-self:center}
.ak-detail .ov-sh-h{align-items:center}
.ak-d-body{display:flex;flex-direction:column;gap:var(--s-5)}
.ak-secret .lbl{display:block;margin-bottom:var(--s-2)}
.ak-secret-r{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border:1px solid hsl(var(--border));border-radius:var(--r-control);background:hsl(var(--muted)/.5)}
.ak-secret-r code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small)}
.ak-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid hsl(var(--border));border-radius:var(--r-card)}
.ak-stats>div{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3) var(--s-4)}
.ak-stats>div+div{border-left:1px solid hsl(var(--border))}
.ak-stats span{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.ak-stats b{font:var(--w-semibold) var(--text-section)/1.2 var(--font-ui);font-variant-numeric:tabular-nums}
.ak-usage{border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-3) var(--s-4) var(--s-3)}
.ak-card-h{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3)}
.ak-card-h b{font:var(--w-semibold) var(--text-card)/1.2 var(--font-voice)}
.ak-card-h>:nth-child(2){margin-left:auto}
.ak-chart{display:block;width:100%;height:120px}
.ak-chart rect{fill:hsl(var(--chart-1))}
.ak-chart rect.e{fill:hsl(var(--destructive))}
.ak-ax{display:flex;justify-content:space-between;font-size:var(--text-micro);color:hsl(var(--muted-foreground));margin-top:var(--s-1)}
.ak-chart-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-6) 0;font-size:var(--text-section)}
.ak-chart-empty span{font-size:var(--text-small)}
.ak-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.ak-card{border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-3) var(--s-4)}
.ak-card .hq-facts{font-size:var(--text-small)}
.ak-card .hq-facts dd{text-align:right;word-break:break-word}
.ak-card p{font-size:var(--text-small)}
.ak-chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}
.ak-sbars{display:flex;flex-direction:column;gap:var(--s-2)}
.ak-sbar{display:grid;grid-template-columns:minmax(0,1fr) 72px auto auto;align-items:center;gap:var(--s-2);font-size:var(--text-small)}
.ak-sbar .bar{height:6px;border-radius:var(--r-pill);background:hsl(var(--muted));overflow:hidden}
.ak-sbar .bar i{display:block;height:100%;background:hsl(var(--chart-1))}
.ak-r,.ak-w,.ak-off{height:18px;padding:0 5px;font-size:10px}
.ak-r{background:hsl(var(--info)/.12);color:hsl(var(--info))}
.ak-w{background:hsl(var(--warning)/.14);color:hsl(var(--warning))}
.ak-off{background:transparent;color:hsl(var(--muted-foreground)/.6);border:1px dashed hsl(var(--border))}
.ak-lin>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s-2);font-size:var(--text-small);padding:var(--s-1) 0;border-top:1px solid hsl(var(--border))}
.ak-lin>div:first-child{border-top:0}
.ak-lin .code{font-size:var(--text-micro)}
.ak-trail>div{display:flex;gap:var(--s-2);font-size:var(--text-small);padding:var(--s-2) 0;border-top:1px solid hsl(var(--border))}
.ak-trail>div:first-child{border-top:0;padding-top:0}
.ak-trail svg{margin-top:2px;color:hsl(var(--muted-foreground))}

/* create sheet */
.ak-form{display:flex;flex-direction:column;gap:var(--s-6)}
.ak-fs h3{display:flex;align-items:center;gap:var(--s-2);font:var(--w-semibold) var(--text-card)/1.2 var(--font-voice);margin-bottom:var(--s-3)}
.ak-fs h3 .q{font:var(--w-regular) var(--text-small)/1 var(--font-ui)}
.ak-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}
.ak-g2+.ak-g2{margin-top:var(--s-4)}
.ak-g2 .lbl{display:block;margin-bottom:var(--s-2)}
.ak-presets{display:flex;gap:var(--s-1);margin-top:var(--s-2)}
.ak-pchip{cursor:pointer;height:24px;background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}
.ak-pchip:hover{border-color:hsl(var(--input-hover))}
.ak-pchip.on{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.ak-sw{display:flex;align-items:center;gap:var(--s-3);cursor:pointer}
.ak-sw>span:last-child{display:flex;flex-direction:column;gap:1px}
.ak-sw .q{font-size:var(--text-small)}
.ak-sw input:focus-visible+.switch{outline:2px solid hsl(var(--ring));outline-offset:2px}
.ak-bp,.ak-sp{border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}
.ak-bp-s,.ak-sp-s{height:var(--control-h-sm)}
.ak-bp-s input,.ak-sp-s input{flex:1;min-width:0;border:0;outline:0;background:transparent}
.ak-bp-l.is-off{opacity:.5}
.ak-bp-g{display:flex;justify-content:space-between;font:var(--w-medium) var(--text-micro)/1 var(--font-ui);color:hsl(var(--muted-foreground));padding:var(--s-2) 0 var(--s-1)}
.ak-bp-r{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0;cursor:pointer}
.ak-bp-r .ak-mono{width:22px;height:22px;font-size:10px}
.ak-bp-r .t{display:flex;flex-direction:column}
.ak-bp-r .t span{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
.ak-sp-tools{display:flex;align-items:center;gap:var(--s-2)}
.ak-sp-tools .ak-sp-s{flex:1}
.ak-sp-l{display:flex;flex-direction:column}
.ak-sg{border-top:1px solid hsl(var(--border))}
.ak-sg:first-child{border-top:0}
.ak-sg.is-off{opacity:.5;pointer-events:none}
.ak-sg-h{display:flex;align-items:center;gap:var(--s-2);min-height:40px}
.ak-sg-h b{flex:1;font-size:var(--text-body);font-weight:var(--w-medium);display:flex;align-items:center;gap:var(--s-2)}
.ak-rwck{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);min-width:86px;cursor:pointer}
.ak-rwck[aria-disabled=true]{opacity:.4;cursor:default}
.ak-sg-b{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:0 0 var(--s-3) 36px}
.ak-scope{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2) 2px 2px;border:1px solid hsl(var(--border));border-radius:var(--r-chip)}
.ak-scope .code{font-size:var(--text-micro)}
.ak-sp-empty{padding:var(--s-3) 0;font-size:var(--text-small)}
.ak-ip{display:flex;gap:var(--s-2)}
.ak-ip .field{flex:1}
.ak-ip input{flex:1;border:0;background:transparent}
.ak-c-sum{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.ak-c-sum b{color:hsl(var(--foreground))}
.ak-create .ov-sh-f .r{margin-left:auto;display:flex;gap:var(--s-2)}

/* created screen */
.ak-done{display:flex;flex-direction:column;gap:var(--s-4)}
.ak-done-h{display:flex;gap:var(--s-3);align-items:flex-start}
.ak-done-h h3{font:var(--w-semibold) var(--text-section)/1.2 var(--font-voice)}
.ak-done-h p{color:hsl(var(--muted-foreground));margin-top:var(--s-1)}
.ak-okc{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:hsl(var(--success)/.12);color:hsl(var(--success));flex:none}
.ak-plain{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid hsl(var(--success)/.35);border-radius:var(--r-control);background:hsl(var(--success)/.05)}
.ak-plain code{flex:1;min-width:0;word-break:break-all;font-size:var(--text-small)}
.ak-done-f{padding:var(--s-3) var(--s-4);border:1px solid hsl(var(--border));border-radius:var(--r-control)}
.ak-snip{border:1px solid hsl(var(--border));border-radius:var(--r-control);overflow:hidden}
.ak-snip-h{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.5)}
.ak-snip pre{margin:0;padding:var(--s-3);font:var(--text-micro)/1.6 var(--font-code);white-space:pre-wrap;word-break:break-all}

/* dialogs */
.ak-dlg .ov-dg-h{display:flex;align-items:flex-start;gap:var(--s-3)}
.ak-dlg .ov-dg-h .icon-btn{margin-left:auto}
.ak-dlg-b{display:flex;flex-direction:column;gap:var(--s-3)}
.ak-dlg-b p{color:hsl(var(--muted-foreground))}
.ak-dlg-b p b{color:hsl(var(--foreground))}
.ak-rvf{padding:var(--s-3);border:1px solid hsl(var(--border));border-radius:var(--r-control);font-size:var(--text-small)}
.ak-step{display:flex;align-items:center;gap:var(--s-2)}
.ak-hold{position:relative;overflow:hidden}
.ak-hold .ak-hl{position:relative;display:inline-flex;align-items:center;gap:var(--s-2)}
.ak-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:hsl(var(--primary-foreground)/.18);transition:width .15s linear}
.ak-hold.is-holding .ak-fill{width:100%;transition:width 1.2s linear}
@media (prefers-reduced-motion:reduce){.ak-hold.is-holding .ak-fill{transition:none}}

.hq-nopop .ak-bar,.hq-nopop .ak-kpis[data-ak-kpis]{display:none}
[data-state=empty] .ak-bar{display:none}

/* ======================================== PHONE ======================================== */
.kit-m .ak-pkpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 var(--s-4) var(--s-3);border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden}
.kit-m .ak-ps{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s-3);border-right:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}
.kit-m .ak-ps:nth-child(3n){border-right:0}
.kit-m .ak-ps:nth-child(n+4){border-bottom:0}
.kit-m .ak-ps .k,.kit-m .ak-ps .s{font-size:var(--text-micro);color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-m .ak-ps b{font:var(--w-semibold) var(--text-section)/1.2 var(--font-ui);font-variant-numeric:tabular-nums}
.kit-m .ak-prow{display:flex;gap:var(--s-2);padding-top:var(--s-3)}
.kit-m .ak-prow .hq-search{flex:1}
.kit-m .ak-prow .ak-brandbtn{flex:none;max-width:44%}
.kit-m .ak-prow .ak-brandbtn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-m .ak-body{padding-top:0}
.kit-m .ak-li .t>.code{font-size:var(--text-micro)}
.kit-m .ak-li .chips{gap:var(--s-2)!important}
.kit-m .ak-li.is-off .t>b{color:hsl(var(--muted-foreground));text-decoration:line-through}
.kit-m .ak-evico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:hsl(var(--muted));flex:none;color:hsl(var(--muted-foreground))}
.kit-m .ak-detail .hq-sheet-h{padding-left:var(--s-1)}
.kit-m .ak-d-body{padding:var(--s-4)}
.kit-m .ak-m-head{display:flex;flex-direction:column;gap:var(--s-1)}
.kit-m .ak-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit-m .ak-stats>div:nth-child(3){border-left:0}
.kit-m .ak-stats>div:nth-child(n+3){border-top:1px solid hsl(var(--border))}
.kit-m .ak-cards{grid-template-columns:1fr}
.kit-m .ak-mseg>button{height:30px}
.kit-m .ak-c-body{padding:var(--s-4)}
.kit-m .ak-c-done{padding:var(--s-4)}
.kit-m .ak-g2{grid-template-columns:1fr}
.kit-m .ak-pchip{height:32px;padding:0 var(--s-3)}
.kit-m .ak-sg-h{flex-wrap:wrap;padding:var(--s-1) 0}
.kit-m .ak-sg-h b{flex-basis:calc(100% - 40px)}
.kit-m .ak-rwck{min-height:36px;margin-left:36px;min-width:0;margin-right:var(--s-3)}
.kit-m .ak-rwck+.ak-rwck{margin-left:0}
.kit-m .ak-sg-b{padding-left:0}
.kit-m .ak-sp-tools{flex-wrap:wrap}
.kit-m .ak-sp-tools .ak-sp-s{flex-basis:100%}
.kit-m .ak-dlg-b{padding:var(--s-4)}
.kit-m .ak-plain{flex-direction:column;align-items:stretch}