/* Radar · identidad KAURI (K negra sobre amarillo).
   Base blanca y gris claro, texto y gráficos negros. El amarillo es solo un detalle (líneas, marcas
   activas, avatares) y el fondo del dashboard. Se carga al final: lo agrega lib/ConsoleUI.php. */
:root{--k-yellow:#ffd800;--k-ink:#111;--k-ink-2:#363a40;--k-muted:#5c6168;--k-bg:#f3f4f6;--k-line:#e2e5e9;--k-line-strong:#cfd3d9;
--console-bg:var(--k-bg);--console-side:#fff;--console-surface:#fff;--console-line:var(--k-line);--console-text:var(--k-ink);--console-muted:var(--k-muted);--console-accent:var(--k-ink);
--bg:var(--k-bg);--panel:#fff;--surface:#fff;--surface-elevated:var(--k-bg);--border:var(--k-line);--text:var(--k-ink);--muted:var(--k-muted);--text-muted:var(--k-muted);--line:var(--k-line);--accent:var(--k-ink)}

/* Base y tipografía */
html,body{background:var(--k-bg);color:var(--k-ink)}
body{font:15px/1.6 "Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body strong{color:var(--k-ink)}
body h1{font-weight:800;letter-spacing:-.035em}
body h2,body h3{font-weight:700;letter-spacing:-.02em}
body label,body small,body th{color:var(--k-muted)}
body a{color:var(--k-ink)}
body main :is(p,li,small,td,span,div)>a:not(.button):not(.result-link-icon):not([class*="nav"]){text-decoration:underline;text-decoration-color:var(--k-yellow);text-decoration-thickness:2px;text-underline-offset:3px}
body main :is(p,li,small,td,span,div)>a:not(.button):not(.result-link-icon):not([class*="nav"]):hover{text-decoration-color:var(--k-ink)}
body .eyebrow{display:flex;align-items:center;gap:9px;color:var(--k-ink)}
body .eyebrow::before{content:"";width:22px;height:3px;background:var(--k-yellow);flex:none}
body .kauri-word{color:var(--k-ink);-webkit-text-fill-color:var(--k-ink);border-bottom:3px solid var(--k-yellow)}
body .dashboard-tagline{color:var(--k-muted)}

/* Superficies: blanco, borde fino y la línea amarilla como firma */
body .panel,body .card,body .surface,body .metrics article,body .auth-card,body main>header,body .dashboard-header{background:#fff;border:1px solid var(--k-line);border-radius:14px!important}
body main>header,body .dashboard-header{border-bottom:3px solid var(--k-yellow)}
body .metrics article{border-top:3px solid var(--k-yellow)}
body .panel h2{padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--k-line)}

/* Barra lateral: blanca, íconos negros, marca activa con línea amarilla */
body.console-shell .sidebar,body.console-shell .accounts-nav,body .topnav{background:#fff;border-color:var(--k-line)!important}
body.console-shell .sidebar nav a,body .console-brand{color:var(--k-ink);position:relative}
body.console-shell .sidebar nav a:hover,body.console-shell .sidebar nav a.console-current,body.console-shell .sidebar nav a.active-nav,body .accounts-nav .selected{background:var(--k-bg);color:var(--k-ink)}
body.console-shell .sidebar nav a.console-current::before,body.console-shell .sidebar nav a.active-nav::before{content:"";position:absolute;left:-10px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--k-yellow)}
body .console-brand-mark{display:block;width:40px;height:40px;padding:0;overflow:hidden;border:0;border-radius:10px;background:var(--k-yellow)}
body .console-brand-mark img{display:block;width:100%;height:100%}
body .console-avatar{background:var(--k-ink);color:var(--k-yellow);border:0}
body .radar-account-bar,body.console-shell .radar-account-bar{background:#fff;color:var(--k-ink);border-color:var(--k-line)}
body.console-shell .radar-account-bar a,body.console-shell .radar-account-bar .owner{color:var(--k-ink-2)}
body.console-shell .account-activity-footer,body.console-shell .radar-console{background:#fff;border-color:var(--k-line)}
body.console-shell .sidebar .console-settings>button,body.console-shell .console-settings-toggle,body .console-settings>summary{background:var(--k-bg);color:var(--k-ink);border:1px solid var(--k-line-strong)}

/* Botones: principal negro, secundario blanco */
body main button:not(.secondary):not(.quiet):not(.danger):not(.run-toggle):not(.console-settings-toggle),body main .button{background:var(--k-ink);color:#fff;border:1px solid var(--k-ink);border-radius:10px;font-weight:700}
body main button:not(.secondary):not(.quiet):not(.danger):not(.run-toggle):not(.console-settings-toggle):hover:not(:disabled),body main .button:hover{background:var(--k-ink-2)}
body main button.secondary,body main button.quiet{background:#fff;color:var(--k-ink);border:1px solid var(--k-line-strong);border-radius:10px}
body main button.secondary:hover:not(:disabled),body main button.quiet:hover:not(:disabled){border-color:var(--k-ink)}
body main .wa-workspace button,body main .inbox-shell button{border-radius:10px}
body button:focus-visible,body a:focus-visible,body summary:focus-visible{outline:2px solid var(--k-ink);outline-offset:2px}
body .run-toggle{border-color:var(--k-ink)}
body .run-toggle::after{border-left-color:var(--k-ink)}

/* Formularios */
body input,body textarea,body select{background:#fff;color:var(--k-ink);border:1px solid var(--k-line-strong);border-radius:10px}
body input:focus,body textarea:focus,body select:focus{outline:2px solid var(--k-ink);outline-offset:1px;border-color:var(--k-ink)}
body .scope-grid label,body .email-summary span{background:#fff;color:var(--k-ink);border-color:var(--k-line-strong)}
body .scope-grid label:has(input:checked){background:#fffbe0;border-color:var(--k-ink)}

/* Tablas: encabezado gris claro con línea amarilla */
body table th{background:var(--k-bg);color:var(--k-ink);border-bottom:2px solid var(--k-yellow)}
body table td{border-bottom:1px solid var(--k-line)}
body table tbody tr:hover td{background:#fafafa}

/* Avisos: el amarillo suave marca atención; los errores conservan el rojo */
body .notice{background:#fffbe0;border:1px solid #efde85;color:#3a3200}
body .notice.error{background:#feecef;border-color:#f1b5bd;color:#a62437}

/* Botones principales con identificador (radar.css los pinta de verde): también en negro */
body #choose-locations,body #search-form #start,body #search-form #cancel-location,body .email-editor #compose-email,body .email-editor #save-template,body .email-editor #send-template-test{background:var(--k-ink);border:1px solid var(--k-ink);color:#fff}
body #choose-locations:hover:not(:disabled),body #search-form #start:hover:not(:disabled),body #search-form #cancel-location:hover:not(:disabled),body .email-editor #compose-email:hover:not(:disabled),body .email-editor #save-template:hover:not(:disabled),body .email-editor #send-template-test:hover:not(:disabled){background:var(--k-ink-2)}

/* Contadores tipo notificación junto a los botones Tiendas y No son tiendas */
.sidebar nav a{position:relative}
.console-nav-badge{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#ffd800;color:#111;border:1px solid #111;font:700 10px/16px system-ui,sans-serif;text-align:center;white-space:nowrap;pointer-events:none}
.console-nav-badge[hidden]{display:none}