/** Kompakt — yogun tablo, kucuk bosluk, power-user */
html[data-ui="kompakt"] {
  --ui-content-max: 1440px;
  --ui-body-pad-bottom: 56px;
  --ui-radius-lg: 8px;
  --ui-radius-md: 6px;
  --ui-space-md: 8px;
  --ui-shadow-card: none;
}

html[data-ui="kompakt"] body {
  background: var(--color-bg-start);
  font-size: 12px;
}

html[data-ui="kompakt"] .wrap { padding: 8px; }

html[data-ui="kompakt"] .top {
  padding: 8px 10px;
  margin-bottom: 8px;
  grid-template-columns: 1fr auto;
}

html[data-ui="kompakt"] .top .chips a {
  padding: 4px 8px;
  font-size: 11px;
}

html[data-ui="kompakt"] .logo { width: 28px; height: 28px; border-radius: 6px; }

html[data-ui="kompakt"] .brand { font-size: 13px; font-weight: 700; }

html[data-ui="kompakt"] .hero {
  padding: 10px;
  margin-bottom: 8px;
}

html[data-ui="kompakt"] .hero h1 { font-size: 18px; margin-bottom: 4px; }
html[data-ui="kompakt"] .hero p { font-size: 11px; }

html[data-ui="kompakt"] .btn {
  padding: 5px 8px;
  min-height: 28px;
  font-size: 11px;
  border-radius: 6px;
}

html[data-ui="kompakt"] .card { border-radius: 6px; }

html[data-ui="kompakt"] .sec { padding: 8px; }
html[data-ui="kompakt"] .sec h3 { font-size: 13px; margin-bottom: 6px; }

html[data-ui="kompakt"] table { font-size: 11px; min-width: 100%; }
html[data-ui="kompakt"] th,
html[data-ui="kompakt"] td { padding: 5px 6px; }

html[data-ui="kompakt"] input,
html[data-ui="kompakt"] select {
  padding: 5px 6px;
  font-size: 11px;
  margin-bottom: 4px;
}

html[data-ui="kompakt"] .ui-crew-cards { display: none; }
html[data-ui="kompakt"] .ui-crew-table { display: block; }

html[data-ui="kompakt"] .dock {
  width: min(520px, calc(100vw - 8px));
  padding: 4px;
  bottom: 6px;
}

html[data-ui="kompakt"] .dock a {
  font-size: 9px;
  padding: 4px 2px;
  min-height: 32px;
}

html[data-ui="kompakt"] .dock a i { font-size: 13px; }

html[data-ui="kompakt"] .stats {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 6px;
}

html[data-ui="kompakt"] .stat { padding: 8px; }
html[data-ui="kompakt"] .s-num { font-size: 16px; }