:root { 
  color-scheme: dark light; 
}
* { 
  box-sizing: border-box; 
}
html, body { 
  margin:0; 
  padding:0; 
  font-family: system-ui, -apple-system, Segoe UI, Roboto; 
  background:var(--theme-bg-primary, #0b0b0b); 
  color:var(--theme-text-primary, #e5e7eb); 
  transition: background-color 0.2s ease, color 0.2s ease;
}

.m-top { 
  position:sticky; 
  top:0; 
  z-index:10; 
  background:var(--theme-bg-secondary, #0e0e0e); 
  border-bottom:1px solid var(--theme-border-color, #1f2937); 
  padding:8px 10px; 
}
.m-brand { 
  font-weight:700; 
  margin-bottom:6px; 
  font-size:15px;
  color:var(--theme-text-primary, #e5e7eb);
  padding-left: 70px; /* Отступ слева для кнопки меню из портала */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-tabs { 
  display:flex; 
  gap:6px; 
}
.tab { 
  flex:1; 
  padding:8px; 
  border-radius:8px; 
  background:var(--theme-bg-hover, #111827); 
  border:1px solid var(--theme-border-color, #1f2937); 
  color:var(--theme-text-primary, #e5e7eb); 
  font-size:12px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.tab.active { 
  background:var(--theme-accent-primary, #1f2937); 
  border-color:var(--theme-accent-primary, #334155); 
  color:white;
}

.m-subtabs { 
  margin-top:6px; 
  display:flex; 
  gap:6px; 
}
.chip { 
  padding:5px 9px; 
  border-radius:999px; 
  background:var(--theme-bg-hover, #111827); 
  border:1px solid var(--theme-border-color, #1f2937); 
  font-size:11px; 
  color:var(--theme-text-primary, #e5e7eb);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.chip.active { 
  background:var(--theme-accent-primary, #334155); 
  border-color:var(--theme-accent-primary, #475569); 
  color:white;
}

.m-list { 
  padding:8px 6px 60px; 
}
.card {
  background:var(--theme-bg-secondary, #0f0f0f); 
  border:1px solid var(--theme-border-color, #1f2937); 
  border-radius:12px; 
  padding:10px;
  display:grid; 
  grid-template-columns: 1fr auto; 
  gap:5px 8px; 
  margin:8px 3px;
}
.title { 
  grid-column:1 / span 2; 
  font-weight:700; 
  line-height:1.25; 
  font-size:14px;
  color:var(--theme-text-primary, #e5e7eb);
}
.addr  { 
  grid-column:1 / span 2; 
  font-size:11px; 
  color:var(--theme-text-secondary, #a1a1aa); 
}
.row { 
  font-size:11px; 
  color:var(--theme-text-secondary, #cbd5e1); 
}
.badge { 
  display:inline-block; 
  padding:2px 7px; 
  border-radius:999px; 
  font-size:10px; 
  background:var(--theme-bg-hover, #1f2937); 
  margin-right:5px; 
  color:var(--theme-text-primary, #e5e7eb);
  border:1px solid var(--theme-border-color, #2a2c33);
}
.btns { 
  grid-column:1 / span 2; 
  display:flex; 
  gap:6px; 
  margin-top:5px; 
}
.btn { 
  flex:1; 
  padding:8px 10px; 
  border-radius:8px; 
  border:1px solid var(--theme-border-color, #1f2937); 
  background:var(--theme-bg-hover, #111827); 
  color:var(--theme-text-primary, #e5e7eb); 
  font-size:11px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.btn:hover {
  background:var(--theme-bg-tertiary, #1a1a1a);
}
.btn.danger { 
  background:var(--theme-accent-danger, #7f1d1d); 
  border-color:var(--theme-accent-danger, #991b1b); 
  color:white;
}

.m-foot { 
  position:fixed; 
  bottom:0; 
  left:0; 
  right:0; 
  background:var(--theme-bg-secondary, #0e0e0e); 
  border-top:1px solid var(--theme-border-color, #1f2937); 
  padding:6px; 
  display:flex; 
  justify-content:center; 
}
#btnReload { 
  padding:8px 14px; 
  border-radius:8px; 
  border:1px solid var(--theme-border-color, #1f2937); 
  background:var(--theme-bg-hover, #111827); 
  color:var(--theme-text-primary, #e5e7eb); 
  font-size:12px;
}