/* Current KOSell theme: shared readability and input corrections. */
/* Floating utilities share a dock; controls retain their native geometry. */
.kn-panel input.kn-toggle { padding:0!important;width:36px!important;height:22px!important;min-width:36px!important;min-height:22px!important;max-height:22px!important;box-sizing:border-box!important;box-shadow:none!important;line-height:1!important; }
.kn-panel input.kn-toggle::before { width:14px;height:14px;left:3px;top:50%;margin:0;transform:translateY(-50%); }
.kn-panel input.kn-toggle:checked::before { transform:translate(14px,-50%); }
.kn-soundshort { min-height:44px;cursor:pointer; }
.kn-settingrow { min-height:52px; }
.kn-panel input.kn-volume { padding:0!important;height:24px!important;min-height:24px!important;box-sizing:border-box; }
.kn-panel .kn-tab { min-height:44px; }
[data-support-panel][hidden] { display:none!important; }
[data-support-panel] { width:min(380px,calc(100vw - 32px));height:min(520px,calc(100dvh - 180px));max-height:calc(100dvh - 180px); }
[data-support-hint] { max-width:calc(100vw - 40px);white-space:normal!important; }
body:has(.kn-bell[aria-expanded=true]) [data-support-hint] { display:none!important; }
.kn-panel .kn-tab,.kn-panel .kn-readall,.kn-soundshort,.kn-settingrow { font-size:14px!important; }
.kn-rowbody { font-size:13px; }
.kn-time,.kn-help,.kn-settingtext small { font-size:12px; }
:root { color-scheme:dark; }
.text-dark-500,.text-dark-600 { color:rgb(135 137 154); }
:is(a,span,p,button,th,td,div).text-accent { color:#818cf8; }
.bg-accent,.btn-primary,.co-primary { background-color:#4f46e5;color:#fff; }
.btn-primary:hover,.co-primary:hover { background-color:#4338ca;color:#fff; }
.bg-orange-500.text-white { background-color:#c2410c; }
header .balance-money { font-family:inherit!important;font-variant-numeric:tabular-nums; }
header :is(a[href="/topup"],a[href="/support?highlight=waiting"]) { min-height:44px; }
button:has(>svg:only-child) { min-inline-size:32px;min-block-size:32px;align-items:center;justify-content:center; }
button>svg:only-child { margin-inline:auto;flex-shrink:0; }
:is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:2px solid #a5b4fc;outline-offset:3px; }
.group:focus-within>[class*="group-hover:visible"] { opacity:1;visibility:visible; }
:root .ko-overview { --ko-panel:#121318;--ko-line:#33343e;--ko-muted:#b5b5c0;--ko-text:#ececef; }
:root .ko-overview :is(.ko-card,.ko-section,.ko-operations) { border-radius:12px; }
:root .ko-overview .ko-button { background:#1a1b23;border-color:#454654;border-radius:8px; }
:root .ko-overview .ko-button:hover { border-color:#818cf8; }
:root .ko-dialog { background:#121318;border-color:#454654; }
:root .ko-dialog-head { border-color:#454654; }
@media(max-width:767px) {
  html { scrollbar-gutter:auto; }
  button:has(>svg:only-child) { min-inline-size:44px;min-block-size:44px; }
  :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { min-height:44px;font-size:max(1rem,16px); }
  .ko-overview :is(.ko-button,.ko-title-button,.ko-lifetime,.ko-avatar-link),.ko-close { min-height:44px; }
  .ko-close { min-width:44px; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:first-child { align-items:flex-start; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"]) h3.truncate { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:1.4;min-height:2.8em; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:last-child { display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:baseline;gap:2px 4px;min-height:44px; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:last-child>div { display:contents; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:last-child>div>span:first-child { grid-column:1/-1;min-width:0;overflow-wrap:anywhere; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:last-child>div>span:nth-child(2) { grid-column:1;grid-row:2;margin-inline:0; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:last-child>div>span:nth-child(3) { grid-column:2;grid-row:2;min-width:0;overflow-wrap:anywhere; }
  .group.bg-dark-900.rounded-xl:has(>div[class*="aspect-[460/215]"])>div.p-3.bg-dark-900>div.flex:last-child>span { grid-column:3;grid-row:2;justify-self:end;white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-orb,.animate-pulse { animation:none!important; }
  .group:hover img { transform:none!important; }
  html { scroll-behavior:auto!important; }
  html:has(main h1) body div.fixed.inset-0.z-\[200\][role=status] { display:none!important; }
}
