/* Presentation only. Existing routes, JS selectors and data stay authoritative. */
:root {
  --navy: var(--kk-navy); --petrol: var(--kk-petrol); --bg: var(--kk-background);
  --surface: var(--kk-tint); --secondary: var(--kk-muted); --line: var(--kk-border);
  --danger: var(--kk-danger); --amber: var(--kk-warning); --success: var(--kk-success);
  --radius: var(--kk-radius); font-family: var(--kk-font);
}
body.kk69-ui { font-size: 16px; line-height: 1.6; }
.kk69-ui h1 { font-size: clamp(30px,3.4vw,46px); line-height: 1.15; }
.kk69-ui h2 { font-size: 23px; }
.kk69-ui h3 { font-size: 18px; }
.kk69-ui .sidebar { width: 264px; padding: 32px 20px; }
.kk69-ui .workspace { margin-left: 264px; width: calc(100% - 264px); }
.kk69-ui main { max-width: 1250px; padding: 40px 32px; }
.kk69-ui .brand { white-space: normal; width: 100%; }
.kk69-ui .sidebar-logo { width: 100%; max-width: 224px; height: auto; }
.kk69-ui .login-logo { width: 300px; max-width: 100%; height: auto; }
.kk69-ui .sidebar-label { font-size: 12px; margin: 28px 8px 12px; }
.kk69-ui :is(.nav-home,.step-link,.tab) { font-size: 14px; min-height: 48px; }
.kk69-ui :is(.breadcrumb,.account,.field-help,.field-label,.save-status,.counter,.project-package,.sidebar-bottom,.footer,small) { font-size: 14px; }
.kk69-ui :is(.field label,.form-grid label,.repeat-fields label,.login-card label) { font-size: 16px; }
.kk69-ui .eyebrow { font-size: 12px; }
.kk69-ui .sidebar-bottom small { color: var(--kk-muted); font-size: 12px; }
.kk69-ui .card { padding: 24px; }
.kk69-ui .button.subtle { background: transparent; border-color: transparent; color: var(--kk-muted); }
.kk69-ui .button.danger { background: white; color: var(--kk-danger); border-color: var(--kk-danger); }
.kk69-ui .button:disabled { opacity: .65; cursor: not-allowed; }
.kk69-ui .projects-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); }
.kk69-ui .admin-stats { grid-template-columns: repeat(auto-fit,minmax(min(100%,140px),1fr)); gap: 16px; }
.kk69-ui .stat strong { font-size: 32px; }
.kk69-ui .stat span { font-size: 14px; letter-spacing: 0; text-transform: none; }
.kk69-ui :is(.page-heading,.project-footer,.tabs,.form-actions,.inline-actions,.meta-strip) { flex-wrap: wrap; }
.kk69-ui .project-layout { grid-template-columns: minmax(0,1fr) 260px; gap: 24px; }
.kk69-ui :is(.status-area .label,.mini-list,.meta-strip,.welcome-card p,.help-card p) { font-size: 14px; }
.kk69-ui .status-map { grid-template-columns: minmax(0,1fr); }
.kk69-ui .status-area { flex-direction: row; min-height: 48px; gap: 10px; padding: 10px; }
.kk69-ui .status-area .icon { width: 24px; height: 24px; margin: 0; }
.kk69-ui .status-area .label { text-align: left; }
.kk69-ui :is(.project-card,.project-context,.form-card) { overflow-wrap: anywhere; }
.kk69-ui :is(.project-card,.form-card) [style*="font-size:12px"] { font-size: 14px !important; }
.kk69-ui .login-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; }
.kk69-ui .login-layout > * { min-width: 0; }
.kk69-ui dialog { width: min(680px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; }
.kk69-ui table { width: 100%; overflow-wrap: anywhere; }
@media (max-width: 1280px) {
  .kk69-ui .project-layout { grid-template-columns: minmax(0,1fr); }
  .kk69-ui .project-context { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 16px; }
}
@media (min-width: 1024px) and (max-width: 1100px) {
  .kk69-ui .sidebar { width: 220px; }
  .kk69-ui .workspace { margin-left: 220px; width: calc(100% - 220px); }
}
@media (max-width: 1023px) {
  .kk69-ui .sidebar { width: 100%; padding: 16px 20px 0; }
  .kk69-ui .sidebar-logo { width: 245px; max-width: 100%; }
  .kk69-ui .workspace { width: 100%; margin-left: 0; }
  .kk69-ui .nav-home { display: inline-flex; margin-top: 8px; }
  .kk69-ui .step-link { white-space: nowrap; }
}
@media (max-width: 767px) {
  .kk69-ui main { padding: 24px 20px; }
  .kk69-ui :is(.topbar,.footer) { padding: 16px 20px; }
  .kk69-ui .card { padding: 20px; }
  .kk69-ui .admin-stats { grid-template-columns: 1fr; }
  .kk69-ui .stat { display: flex; align-items: center; gap: 16px; }
  .kk69-ui .page-heading { flex-direction: column; }
  .kk69-ui .login-layout { grid-template-columns: minmax(0,1fr); }
  .kk69-ui .form-actions .button { font-size: 14px; }
  .kk69-ui .project-context { grid-template-columns: minmax(0,1fr); }
  .kk69-ui .meta-strip { gap: 12px; }
  .kk69-ui .asset-body { min-width: 0; }
}