/* После переезда на Tailwind здесь только: база до загрузки tailwind.js (без вспышки
   нестилизованного) и стейт-классы, которые переключает JS (active/open/hidden). */

body {
  margin: 0;
  background: #09090b;
  color: #f4f4f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hidden { display: none !important; }

/* Вкладки (JS переключает .active) */
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.tab.active { background: #27272a; color: #f4f4f5; }

/* Карточка устройства (JS переключает .open) */
.device .device-lib { display: none; }
.device.open .device-lib { display: block; }
.device .chevron { transition: transform .15s; }
.device.open .chevron { transform: rotate(90deg); }