/* Buttons / inputs */
body.lanin-k .btn{
  padding: 7px 10px;
  border-radius: 8px;
  border: var(--border);
  background: var(--primary-background-light);
  color: var(--text-primary);
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}

body.lanin-k .btn:hover{ background: var(--primary-background-hover); }

body.lanin-k .btn--primary{
  background: var(--primary-color);
  border-color: transparent;
  color: #0b0f14;
  font-weight: 800;
}

body.lanin-k .btn--primary:hover{ background: var(--primary-color-hover); }

body.lanin-k .icon-btn{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: var(--border);
  background: var(--primary-background-light);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

body.lanin-k .icon-btn:hover{ background: var(--primary-background-hover); }

body.lanin-k .input{
  padding: 7px 9px;
  border-radius: 8px;
  border: var(--border);
  background: var(--secondary-background);
  color: var(--text-primary);
  outline: none;
}

body.lanin-k .input:focus{
  border-color: var(--primary-color);
}

body.lanin-k .input--search{
  border: none;
  background: transparent;
  padding: 6px 6px;
  min-width: 160px;
}

body.lanin-k .searchbox{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 6px 8px;
  border: var(--border);
  border-radius: 10px;
  background: var(--secondary-background);
}

/* Pills / text */
body.lanin-k .pill{
  padding: 6px 10px;
  border-radius: 999px;
  border: var(--border);
  background: var(--primary-background-light);
  color: var(--text-secondary);
  font-size: 12px;
  white-space: nowrap;
}

body.lanin-k .muted{ color: var(--text-dim); }
body.lanin-k .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/* Nav */
body.lanin-k .nav{
  display:flex;
  flex-direction:column;
  gap:6px;
}

body.lanin-k .nav__item{
  width:100%;
  text-align:left;
  padding: 9px 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
}

body.lanin-k .nav__left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

body.lanin-k .nav__label{
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.lanin-k .nav__item:hover{
  background: var(--primary-background-hover);
}

body.lanin-k .nav__item.is-active{
  background: var(--primary-background-light);
  border-color: var(--secondary-background-border);
}

body.lanin-k .nav__item--child{
  padding-left: 14px;
  background: rgba(255,255,255,0.02);
}

body.lanin-k .nav-group__children{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-left: 4px;
}

/* Topnav */
body.lanin-k .topnav__item{
  border: var(--border);
  background: var(--primary-background-light);
  border-radius: 999px;
  padding: 6px 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  color: var(--text-primary);
}

body.lanin-k .topnav__item:hover{ background: var(--primary-background-hover); }

/* Layout helpers */
body.lanin-k .row{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}

body.lanin-k .grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

body.lanin-k .grid--2{
  grid-template-columns: 1.35fr 1fr;
  gap: 12px;
}

@media (max-width: 980px){
  body.lanin-k .grid--2{ grid-template-columns: 1fr; }
}

/* Cards */
body.lanin-k .card{
  background: var(--primary-background);
  border: var(--border);
  border-radius: var(--radius);
  padding: 12px;
  box-shadow: var(--shadow-soft);
}

body.lanin-k .card__title{
  font-weight: 800;
  margin-bottom: 8px;
}

body.lanin-k .hint{
  color: var(--text-dim);
  font-size: 12px;
  margin-bottom: 8px;
}

/* Table */
body.lanin-k .table-wrap{
  overflow:auto;
  border-radius: 10px;
  border: var(--border);
}

body.lanin-k table{
  width:100%;
  border-collapse: collapse;
  font-size: 13px;
}

body.lanin-k th,
body.lanin-k td{
  padding: 9px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

body.lanin-k th{
  color: var(--text-dim);
  font-weight: 700;
  text-transform: none;
  background: rgba(255,255,255,0.02);
}

body.lanin-k td.num,
body.lanin-k th.num{ text-align:right; }

body.lanin-k td.pos{ color: var(--market-up); }
body.lanin-k td.neg{ color: var(--market-down); }
body.lanin-k td.flat{ color: var(--text-secondary); }

/* Chart */
body.lanin-k .chart-wrap{
  height: 320px;
}