/* OneBase hub üslubu: kompakt qabıq (Sidebar + TopBar + Main), kölgəsiz, sərhəd + qat tonu, sıx cədvəl.
   Yalnız [data-skin="onebase"] altında işləyir; qalan skin-lər toxunulmaz qalır. */

[data-skin="onebase"] body { font-size: var(--size-sm); line-height: var(--leading-normal); }
[data-skin="onebase"] .icon { width: 1rem; height: 1rem; }

/* ---- qabıq */
[data-skin="onebase"] .app-shell__sidebar { width: 13.5rem; padding: var(--space-3) var(--space-2); background: var(--surface-2); }
[data-skin="onebase"] .app-shell__brand { padding: var(--space-2) var(--space-3) var(--space-4); margin-bottom: 0; font-size: var(--size-base); }
[data-skin="onebase"] .app-shell__mark { width: 1.5rem; height: 1.5rem; border-radius: var(--radius-sm); }
[data-skin="onebase"] .app-shell__nav { gap: 1px; }
[data-skin="onebase"] .app-shell__nav-group { margin: var(--space-4) 0 var(--space-1) var(--space-3); font-size: var(--size-2xs); letter-spacing: var(--tracking-wide); }
[data-skin="onebase"] .app-shell__link { gap: var(--space-2); padding: 0.3125rem var(--space-3); border-radius: var(--radius-sm); font-size: var(--size-sm); border-left: 2px solid transparent; }
[data-skin="onebase"] .app-shell__link .icon { width: 1rem; height: 1rem; }
[data-skin="onebase"] .app-shell__link--active { background: var(--primary-subtle); color: var(--primary); border-left-color: var(--primary); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
[data-skin="onebase"] .app-shell__avatar { width: 1.625rem; height: 1.625rem; }
[data-skin="onebase"] .app-shell__topbar { height: 2.75rem; padding: 0 var(--space-4); background: var(--bg); }
[data-skin="onebase"] .app-shell__search { padding: 0.25rem var(--space-3); border-color: var(--border); background: var(--surface-2); max-width: 20rem; }
[data-skin="onebase"] .app-shell__icon-btn, [data-skin="onebase"] .app-shell__mobile-toggle { width: 1.875rem; height: 1.875rem; border-radius: var(--radius-sm); }
[data-skin="onebase"] .app-shell__main { padding: var(--space-5) var(--space-6); background: var(--bg); }

/* ---- sıx başlıq, kart, KPI */
[data-skin="onebase"] .pg-head { margin-bottom: var(--space-4); }
[data-skin="onebase"] .pg-title { font-size: var(--size-xl); letter-spacing: var(--tracking-tight); }
[data-skin="onebase"] .pg-sub { font-size: var(--size-xs); }
[data-skin="onebase"] .card { padding: var(--space-4); border-radius: var(--radius-lg); background: var(--surface); }
[data-skin="onebase"] .card--status { border-top-width: 1px; border-top-color: var(--border); border-left: 2px solid var(--success); }
[data-skin="onebase"] .card--device { border-top-width: 1px; border-top-color: var(--border); border-left: 2px solid var(--primary); }
[data-skin="onebase"] .card__h h2 { font-size: var(--size-base); }
[data-skin="onebase"] .kpi { padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); background: var(--surface); }
[data-skin="onebase"] .kpi__v { font-size: var(--size-xl); }
[data-skin="onebase"] .kpis { gap: var(--space-3); }

/* ---- cədvəl: zebra, 28px sətir, seçim primary-subtle */
[data-skin="onebase"] .tbl-wrap { border-radius: var(--radius-lg); background: var(--surface); }
[data-skin="onebase"] .tbl { font-size: var(--size-xs); }
[data-skin="onebase"] .tbl th { padding: var(--space-2) var(--space-3); background: var(--surface-2); font-size: var(--size-2xs); }
[data-skin="onebase"] .tbl td { padding: 0.3125rem var(--space-3); }
[data-skin="onebase"] .tbl tbody tr:nth-child(even) td { background: color-mix(in oklab, var(--surface-2) 55%, transparent); }
[data-skin="onebase"] .tbl tr.is-sel td { background: var(--primary-subtle); }
[data-skin="onebase"] .tbl tr.is-sel { box-shadow: none; }
[data-skin="onebase"] .tbl tr.is-sel td:first-child { box-shadow: inset 2px 0 0 var(--primary); }

/* ---- kontrollar */
[data-skin="onebase"] .jv-btn { padding: 0.25rem var(--space-3); font-size: var(--size-xs); border-radius: var(--radius-sm); min-height: 1.75rem; }
[data-skin="onebase"] .jv-input, [data-skin="onebase"] .jv-sel { padding: 0.25rem var(--space-3); font-size: var(--size-sm); border-radius: var(--radius-sm); min-height: 1.75rem; }
[data-skin="onebase"] .jv-input--sm { min-height: 1.5rem; }
[data-skin="onebase"] .jv-badge { padding: 0.0625rem var(--space-2); font-size: var(--size-2xs); }
[data-skin="onebase"] .chip { padding: 0.125rem var(--space-3); font-size: var(--size-xs); }

/* ---- kölgəsiz: dərinlik = sərhəd + qat tonu */
[data-skin="onebase"] .jv-dialog, [data-skin="onebase"] .jv-toast { box-shadow: none; border: 1px solid var(--border-strong); }
[data-skin="onebase"] .jv-dot--pulse { box-shadow: none; animation: none; }