/* Kelidban — customer account. Colours, sizes and radii come from the theme's design tokens only. */
.kb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.kb-head h2{margin:0}
.kb-summary{color:var(--tx2);margin:6px 0 18px}
.kb-warn{color:var(--wa);font-weight:var(--fwb)}
.kb-none{color:var(--mu);margin:8px 0}
.kb-alert{background:color-mix(in srgb,var(--wa) 10%,var(--sf));border-radius:calc(8*var(--ru));padding:10px 14px;margin:12px 0}
.kb-list{display:grid;gap:14px}
.kb-card{border:1px solid var(--bd);border-radius:var(--r);background:var(--sf);padding:18px 20px;display:grid;gap:14px;min-width:0}
.kb-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kb-card>header b{font-size:calc(17*var(--u));font-weight:var(--fwb)}
.kb-card>header b span{font-weight:400;color:var(--mu)}
.kb-card>header small{display:block;color:var(--mu);font-size:calc(13*var(--u));margin-top:2px}
.kb-chip{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:calc(12*var(--u));font-weight:var(--fwb);padding:3px 10px;border-radius:calc(6*var(--ru));color:var(--mu);background:var(--sf2)}
.kb-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.kb-active{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--sf))}
.kb-idle,.kb-grace,.kb-suspended{color:var(--wa);background:color-mix(in srgb,var(--wa) 12%,var(--sf))}
.kb-revoked,.kb-expired{color:var(--er);background:color-mix(in srgb,var(--er) 10%,var(--sf))}
.kb-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kb-key code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(14*var(--u));letter-spacing:.04em;background:var(--sf2);border:1px solid var(--bd);border-radius:calc(6*var(--ru));padding:6px 10px;overflow-wrap:anywhere;flex:1 1 260px;min-width:0}
.kb-facts{display:flex;flex-wrap:wrap;gap:10px 32px;margin:0}
.kb-facts div{min-width:0}
.kb-facts dt{color:var(--mu);font-size:calc(12*var(--u))}
.kb-facts dd{margin:0;font-weight:var(--fwb)}
.kb-sites{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kb-sites li,.kb-rel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--bd);padding-top:8px;min-width:0}
.kb-sites li>div,.kb-rel>div{min-width:0;overflow-wrap:anywhere}
.kb-sites small,.kb-rel small{display:block;color:var(--mu);font-size:calc(12*var(--u))}
.kb-sites form{margin:0;flex:none}
.kb-rel b{font-size:calc(16*var(--u))}
.kb-tag{font-size:calc(11*var(--u));color:var(--tx2);border:1px solid var(--bd2);border-radius:calc(4*var(--ru));padding:0 6px;margin-inline-start:4px}
.kb-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.kb-price{color:var(--tx2);font-weight:var(--fwb)}
.kb-more{flex-basis:100%}
.kb-more summary,.kb-log summary{cursor:pointer;color:var(--c1);font-weight:var(--fwm)}
.kb-more ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.kb-more li{display:flex;justify-content:space-between;gap:12px}
.kb-more small{color:var(--mu)}
.kb-log{color:var(--tx2);font-size:calc(14*var(--u))}
.kb-log ul{margin:6px 0;padding-inline-start:20px}
.kb-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}
.kb-tile{display:flex;flex-direction:column;gap:4px;border:1px solid var(--bd);border-radius:var(--r);background:var(--sf);padding:18px;color:var(--tx);text-decoration:none;transition:border-color .2s}
.kb-tile:hover{border-color:var(--c1)}
.kb-tile span{color:var(--mu);font-size:calc(13*var(--u))}
.kb-tile b{font-size:calc(28*var(--u));font-weight:var(--fwx)}
.kb-tile small{color:var(--tx2)}
.kb-steps{background:var(--sf2);border-radius:calc(8*var(--ru));padding:14px 16px}
.kb-steps ol{margin:8px 0;padding-inline-start:22px;display:grid;gap:8px}
.kb-steps li span{margin-inline-end:10px}
.kb-steps small{color:var(--mu);font-size:calc(13*var(--u))}
.kb-order{margin-bottom:24px}
.kb-order h2{margin:0 0 12px}
.kb-oi{font-size:calc(13*var(--u));color:var(--tx2);margin:4px 0 0}
@media (prefers-reduced-motion:reduce){.kb-tile{transition:none}}
@media (max-width:640px){.kb-card{padding:14px}.kb-key code{font-size:calc(12*var(--u));letter-spacing:0;padding:6px 8px;flex-basis:100%}.kb-sites li,.kb-rel{flex-wrap:wrap}}