/* ════════════════════════════════════════════════════════════════════
   KONOOS OS · kbar.css
   Capas de la Cápsula pública (voice/chat/agenda/login, y 'cuenta' cuando
   hay sesión — D13.8, 2026-09-14). La barra es el statusbar v7 de
   cshell/publico_barras.php (C5b, brief 3707); la cápsula flotante se retiró.
   Chrome dark Konoos sobre la página del tenant.
   Selectores de overlay scopeados bajo .kov para no contaminar el HTML
   del tenant (que puede traer .field/.slot/.msg propios).
   Diseño base: .design/DS konoos OS/bar/Bar D · Cápsula.html (2026-05-27).
   2026-09-28 · C6 (brief 3707): las capas y su fondo terminan sobre el statusbar
   y el aviso de cookies (§4.15); reset de botones; campos de agenda sin desborde.
   2026-09-28 · C6 cierre: ‹ › del calendario con estado deshabilitado y 44 px en
   celular; campos a --k-fs-campo-tactil en celular/puntero grueso; alto corto
   (max-height:500px) con la capa usando todo el alto libre.
   2026-10-11 · PRAXIS 4615: en celular el aviso de la agenda va en su propia línea
   sobre el botón de confirmar.
   ════════════════════════════════════════════════════════════════════ */

/* Tokens locales del componente (no en tokens.css aún): serif DS + grad 135deg.
   Suelo reservado (wires7-spec §4.15): ninguna capa ni su fondo tapan el statusbar
   público (--k-pub-sb-h, chrome-publico.css); la capa tampoco tapa el aviso de
   cookies apoyado encima (--k-pub-cc-h, lo escribe kbar.js). --kb-libre es el alto
   que les queda arriba; sin shell público los dos valen 0. */
.kov, .kov-backdrop {
  --kb-font-serif: 'Fraunces', Georgia, serif;
  --kb-grad-d: linear-gradient(135deg, #00CC22 0%, #00B050 54%, #0081E2 100%);
  --kb-suelo: calc(var(--k-pub-sb-h, 0px) + var(--k-pub-cc-h, 0px));
  --kb-libre: calc(100dvh - var(--kb-suelo));
}

/* Reset border-box scopeado: el k-shell-lite no aplica el reset global que
   asumía Bar D, así height incluye padding+border (px = altura total). */
.kov, .kov *, .kov *::before, .kov *::after { box-sizing:border-box; }

/* Reset de botones de las capas: el shell público no carga base.css, así que sin
   esto salen con el fondo, el borde y la fuente del navegador. :where() deja la
   especificidad en 0 (patrón de chrome-mapa.css): cada regla de componente gana. */
:where(.kov) button{background:none; border:0; padding:0; margin:0; font:inherit; color:inherit; text-align:left; cursor:pointer}
:where(.kov) button:disabled{cursor:default}
:where(.kov) button:focus-visible{outline:var(--k-stroke-2) solid var(--k-info); outline-offset:2px}

@keyframes kb-pulse-ring{0%{transform:scale(.85);opacity:.85}100%{transform:scale(1.5);opacity:0}}

/* ──────────────────────────────────────────────────────────────────
   OVERLAY · base compartida
   ────────────────────────────────────────────────────────────────── */
.kov-backdrop{
  position:fixed; top:0; left:0; right:0; bottom:var(--k-pub-sb-h, 0px);
  background:rgba(10,10,11,.72);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  z-index:calc(var(--k-z-modal) - 5);
  opacity:0; pointer-events:none;
  transition:opacity var(--k-m-slow);
}
.kov-backdrop[data-on]{opacity:1; pointer-events:auto}

.kov{
  position:fixed; left:50%; top:calc(50% - var(--kb-suelo) / 2);   /* centro del espacio libre */
  transform:translate(-50%, calc(-50% + 16px));
  z-index:var(--k-z-modal);
  background:var(--k-c-bg-1);
  border:1px solid var(--k-c-border-strong);
  border-radius:18px; color:var(--k-c-fg);
  box-shadow:0 32px 80px -16px rgba(0,0,0,.7),
             0 0 0 1px rgba(255,255,255,.04),
             0 0 120px -40px rgba(0,129,226,.4);
  opacity:0; pointer-events:none;
  transition:opacity var(--k-m-slow), transform var(--k-m-slow) var(--k-ease-out);
  display:none; flex-direction:column; overflow:hidden;
  max-width:calc(100vw - 24px); max-height:calc(var(--kb-libre) - 80px);
  font-family:var(--k-font-ui);
}
.kov[data-on], .kov[data-leaving]{display:flex}
.kov[data-on]{opacity:1; pointer-events:auto; transform:translate(-50%, -50%)}
.kov::before{
  content:""; position:absolute; top:0; left:24px; right:24px; height:1px;
  background:var(--k-grad-h); opacity:.6; pointer-events:none; z-index:1;
}
.kov__close{
  --kb-x:34px;   /* lado de la ✕; en celular y puntero grueso, --k-hit (abajo) */
  position:absolute; top:14px; right:14px;
  width:var(--kb-x); height:var(--kb-x); border-radius:10px;
  background:transparent; color:var(--k-c-fg-subtle);
  display:flex; align-items:center; justify-content:center;
  z-index:5; transition:all var(--k-m-fast);
}
.kov__close:hover{background:var(--k-c-bg-3); color:var(--k-c-fg)}
.kov__close svg{width:14px; height:14px}
.kov .mono{font-family:var(--k-font-mono); font-variant-numeric:tabular-nums}

/* ── OVERLAY 1 · VOICE (orb) ── */
.kov--voice{width:560px; padding:48px 40px 36px; align-items:center; text-align:center}
.kov .voice__lbl{
  font-family:var(--k-font-mono); font-size:11px;
  text-transform:uppercase; letter-spacing:.16em; font-weight:600;
  color:var(--k-c-fg-subtle);
  display:inline-flex; align-items:center; gap:8px; margin-bottom:32px;
}
.kov .voice__lbl-dot{width:6px; height:6px; border-radius:50%; background:var(--k-success-fg); box-shadow:0 0 4px var(--k-success-fg)}
.kov .voice__lbl[data-state="listening"] .voice__lbl-dot{background:var(--k-danger); box-shadow:0 0 6px var(--k-danger); animation:kb-rec 1.2s ease-in-out infinite}
.kov .voice__lbl[data-state="thinking"] .voice__lbl-dot{background:var(--k-warning-fg)}
@keyframes kb-rec{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}

.kov .voice__orb{position:relative; width:280px; height:280px; margin-bottom:32px; display:flex; align-items:center; justify-content:center}
.kov .voice__orb-glow{position:absolute; inset:-30px; background:conic-gradient(from 0deg,#00CC22,#00B050 33%,#0081E2 66%,#00CC22); filter:blur(60px); opacity:.6; border-radius:50%; animation:kb-spin 16s linear infinite}
.kov .voice__orb-ring{position:absolute; inset:18px; border-radius:50%; background:conic-gradient(from 180deg,transparent 0deg,#00CC22 90deg,transparent 180deg,#0081E2 270deg,transparent 360deg); filter:blur(20px); opacity:.85; animation:kb-spin 9s linear infinite reverse}
.kov .voice__orb-mass{
  position:absolute; inset:46px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#1F1F25,#0A0A0B 70%);
  box-shadow:inset 0 0 60px rgba(0,204,34,.18), inset 30px -30px 80px rgba(0,129,226,.22), 0 8px 40px rgba(0,129,226,.30);
  animation:kb-breathe 4s ease-in-out infinite;
}
.kov .voice__orb-mass::before{content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.12),transparent 50%)}
.kov .voice__orb-core{position:relative; font-family:var(--kb-font-serif); font-size:80px; font-weight:300; line-height:1; color:#fff; letter-spacing:-.04em; text-shadow:0 0 24px rgba(255,255,255,.4); z-index:2}
.kov .voice__iso{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:96px; height:96px; z-index:3; pointer-events:none; filter:drop-shadow(0 0 18px rgba(0,204,34,.45)) drop-shadow(0 0 24px rgba(0,129,226,.3))}
.kov .voice__osc{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:200px; height:80px; display:flex; align-items:center; justify-content:center; gap:3px; z-index:4; pointer-events:none; mix-blend-mode:screen}
.kov .voice__osc span{flex:1; max-width:5px; border-radius:2px; background:linear-gradient(180deg,#00CC22 0%,#00B050 50%,#0081E2 100%); height:18%; box-shadow:0 0 8px rgba(0,204,34,.5); animation:kb-osc 1.2s ease-in-out infinite; transform-origin:center}
@keyframes kb-osc{0%,100%{height:12%}50%{height:72%}}
.kov .voice__osc span:nth-child(1){animation-duration:1.1s;animation-delay:-.50s}
.kov .voice__osc span:nth-child(2){animation-duration:1.4s;animation-delay:-.20s}
.kov .voice__osc span:nth-child(3){animation-duration:.9s;animation-delay:-.70s}
.kov .voice__osc span:nth-child(4){animation-duration:1.3s;animation-delay:-.15s}
.kov .voice__osc span:nth-child(5){animation-duration:1.0s;animation-delay:-.55s}
.kov .voice__osc span:nth-child(6){animation-duration:1.5s;animation-delay:-.30s}
.kov .voice__osc span:nth-child(7){animation-duration:.85s;animation-delay:-.65s;height:80%}
.kov .voice__osc span:nth-child(8){animation-duration:1.25s;animation-delay:-.10s;height:80%}
.kov .voice__osc span:nth-child(9){animation-duration:.95s;animation-delay:-.45s}
.kov .voice__osc span:nth-child(10){animation-duration:1.35s;animation-delay:-.25s}
.kov .voice__osc span:nth-child(11){animation-duration:1.1s;animation-delay:-.60s}
.kov .voice__osc span:nth-child(12){animation-duration:.9s;animation-delay:-.35s}
.kov .voice__osc span:nth-child(13){animation-duration:1.4s;animation-delay:-.50s}
.kov .voice__osc span:nth-child(14){animation-duration:1.05s;animation-delay:-.18s}
.kov .voice__osc span:nth-child(15){animation-duration:1.3s;animation-delay:-.40s}
.kov .voice__osc span:nth-child(16){animation-duration:.95s;animation-delay:-.55s}
@keyframes kb-spin{to{transform:rotate(360deg)}}
@keyframes kb-breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.95);filter:brightness(1.12)}}
.kov--voice[data-vstate="speaking"] .voice__orb-glow{animation-duration:8s;opacity:.85}
.kov--voice[data-vstate="speaking"] .voice__orb-ring{animation-duration:5s;opacity:1}
.kov--voice[data-vstate="speaking"] .voice__orb-mass{animation-duration:1.6s}
.kov--voice[data-vstate="listening"] .voice__orb-mass{animation:kb-listen 1.2s ease-in-out infinite}
@keyframes kb-listen{0%,100%{transform:scale(1);box-shadow:inset 0 0 60px rgba(255,71,87,.20),0 8px 40px rgba(255,71,87,.30)}50%{transform:scale(.92);box-shadow:inset 0 0 60px rgba(255,71,87,.35),0 8px 40px rgba(255,71,87,.45)}}

.kov .voice__transcript{font-family:var(--kb-font-serif); font-size:24px; font-weight:400; line-height:1.4; color:var(--k-c-fg); letter-spacing:-.015em; min-height:64px; max-width:440px; text-wrap:balance}
.kov .voice__transcript em{font-style:italic}
.kov .voice__transcript-caret{display:inline-block; width:2px; height:1em; background:var(--k-brand-green); margin-left:3px; vertical-align:-2px; animation:kb-blink 1s steps(1) infinite}
@keyframes kb-blink{50%{opacity:0}}
.kov .voice__ctrls{display:flex; gap:14px; align-items:center; justify-content:center; margin-top:32px}
.kov .voice__ctrl{width:48px; height:48px; border-radius:50%; background:var(--k-c-bg-3); border:1px solid var(--k-c-border); color:var(--k-c-fg-muted); display:flex; align-items:center; justify-content:center; transition:all var(--k-m-fast)}
.kov .voice__ctrl:hover{background:var(--k-c-bg-4); color:var(--k-c-fg); border-color:var(--k-c-border-strong)}
.kov .voice__ctrl svg{width:18px; height:18px}
.kov .voice__ctrl--end{background:var(--k-danger); color:#fff; border-color:transparent; width:56px; height:56px; box-shadow:0 6px 20px -4px rgba(255,71,87,.5)}
.kov .voice__ctrl--end:hover{background:var(--k-danger-fg)}
.kov .voice__ctrl--end svg{width:22px; height:22px}
.kov .voice__foot{margin-top:24px; display:flex; gap:7px; flex-wrap:wrap; align-items:center; justify-content:center; font-family:var(--k-font-mono); font-size:11px; color:var(--k-c-fg-dim); letter-spacing:.04em}

/* ── OVERLAY 2 · CHAT ── */
.kov--chat{width:720px; max-width:calc(100vw - 24px); height:640px; max-height:calc(var(--kb-libre) - 100px)}
.kov .chat__head{display:flex; align-items:center; gap:12px; padding:14px 16px 12px 18px; border-bottom:1px solid var(--k-c-border); background:var(--k-c-bg-1); position:relative}
.kov .chat__av{width:36px; height:36px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#00CC22 0%,#0081E2 100%); display:flex; align-items:center; justify-content:center; color:#fff; position:relative; flex-shrink:0}
.kov .chat__av::after{content:""; position:absolute; inset:-3px; border:1px solid rgba(0,204,34,.4); border-radius:50%; animation:kb-pulse-ring 2.8s ease-out infinite}
.kov .chat__av svg{width:16px; height:16px}
.kov .chat__av img{width:20px; height:20px; display:block}
.kov .chat__id{display:flex; flex-direction:column; gap:3px; min-width:0; flex:1}
.kov .chat__title{font-family:var(--k-font-ui); font-size:14px; font-weight:700; letter-spacing:.06em; color:var(--k-success-fg); line-height:1}
.kov .chat__sub{display:inline-flex; align-items:center; gap:6px; font-family:var(--k-font-mono); font-size:11px; color:var(--k-c-fg-subtle); letter-spacing:.02em}
.kov .chat__sub-dot{width:6px; height:6px; border-radius:50%; background:#FF8C42; box-shadow:0 0 4px rgba(255,140,66,.6)}
.kov .chat__head-ic{width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--k-c-fg-subtle); flex-shrink:0; transition:all var(--k-m-fast)}
.kov .chat__head-ic:hover{background:var(--k-c-bg-3); color:var(--k-c-fg)}
.kov .chat__head-ic svg{width:14px; height:14px}
.kov .chat__body{flex:1; overflow-y:auto; padding:20px 22px; display:flex; flex-direction:column; gap:14px; scrollbar-width:auto; scrollbar-color:rgba(255,255,255,.35) rgba(255,255,255,.06)}
.kov .msg{display:flex; gap:10px; max-width:88%}
.kov .msg--user{align-self:flex-end; flex-direction:row-reverse}
.kov .msg__av{width:24px; height:24px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#00CC22 0%,#0081E2 100%); flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#fff}
.kov .msg__av svg{width:10px; height:10px}
.kov .msg__av img{width:14px; height:14px; display:block}
.kov .msg__bubble{padding:12px 16px; border-radius:14px; font-size:14.5px; line-height:1.55; color:var(--k-c-fg)}
.kov .msg--bot .msg__bubble{background:var(--k-c-bg-2); border:1px solid var(--k-c-border)}
.kov .msg--user .msg__bubble{background:var(--k-c-bg-3); border:1px solid var(--k-c-border-strong); border-radius:14px 14px 4px 14px}
.kov .msg__bubble b{color:var(--k-c-fg); font-weight:600}
.kov .msg__bubble p+p{margin-top:8px}
.kov .msg__cite{display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:6px 10px; border-radius:6px; background:rgba(0,176,80,.10); border:1px solid rgba(0,176,80,.28); font-family:var(--k-font-mono); font-size:11px; color:var(--k-success-fg); font-weight:500}
.kov .msg__cite svg{width:10px; height:10px}
.kov .msg__audit{margin-top:6px; font-family:var(--k-font-mono); font-size:10.5px; color:var(--k-c-fg-dim); display:flex; gap:10px; flex-wrap:wrap}
.kov .chat__sugs{display:flex; gap:8px; flex-wrap:wrap; padding:14px 22px 4px; border-top:1px solid var(--k-c-border)}
.kov .chat__sug{display:inline-flex; align-items:center; gap:5px; padding:6px 12px; border-radius:var(--k-r-full); background:var(--k-c-bg-2); border:1px solid var(--k-c-border); font-size:12px; color:var(--k-c-fg-muted); transition:all var(--k-m-fast)}
.kov .chat__sug:hover{background:var(--k-c-bg-3); color:var(--k-c-fg); border-color:var(--k-c-border-strong)}
.kov .chat__comp{padding:12px 22px 16px; display:flex; flex-direction:column; gap:6px}
.kov .chat__input-row{display:flex; align-items:flex-end; gap:8px; padding:10px 12px; background:var(--k-c-bg-2); border:1px solid var(--k-c-border); border-radius:12px; transition:border var(--k-m-fast)}
.kov .chat__input-row:focus-within{border-color:var(--k-c-border-strong)}
.kov .chat__ta{flex:1; background:transparent; border:0; outline:none; resize:none; color:var(--k-c-fg); font:inherit; font-size:14px; line-height:1.5; min-height:22px; max-height:120px; padding:1px 0}
.kov .chat__ta::placeholder{color:var(--k-c-fg-dim)}
.kov .chat__btn{width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all var(--k-m-fast)}
.kov .chat__btn--mic{color:var(--k-c-fg-muted); background:var(--k-c-bg-3)}
.kov .chat__btn--mic:hover{background:var(--k-c-bg-4); color:var(--k-c-fg)}
.kov .chat__btn--send{background:var(--k-grad-h); color:#fff}
.kov .chat__btn--send:hover{filter:brightness(1.08)}
.kov .chat__btn--send:disabled{opacity:.45; cursor:not-allowed}
.kov .chat__btn svg{width:14px; height:14px}
.kov .chat__hint{display:flex; gap:7px; flex-wrap:wrap; align-items:center; justify-content:center; font-family:var(--k-font-mono); font-size:11px; color:var(--k-c-fg-dim); letter-spacing:.04em; padding-top:8px}
.kov .chat__hint-logo{height:13px; width:auto; display:block; opacity:.92}
.kov .chat__hint kbd{display:inline-block; padding:1px 5px; border-radius:3px; background:var(--k-c-bg-3); border:1px solid var(--k-c-border); color:var(--k-c-fg-subtle); font-family:inherit; font-size:9.5px; margin-right:2px}

/* Aviso de FUERA DE HORARIO (F9-d): banda sobre el compositor cuando la fila
   CP01 del grupo declara horario y la hora del servidor cae afuera. El texto lo
   escribe el tenant (CP01n18) y el compositor queda deshabilitado, asi que esto
   es la unica senal de por que no se puede escribir — no decorativa. */
.kov .chat__fuera{
  margin:0 14px 10px; padding:9px 12px;
  border:1px solid var(--k-c-border-strong); border-radius:var(--k-r-md,10px);
  background:var(--k-c-bg-3); color:var(--k-c-fg-muted);
  font-size:12.5px; line-height:1.45;
}
.kov .chat__ta:disabled{opacity:.5; cursor:not-allowed}


/* ── OVERLAY 3 · AGENDA (calendario + slots + form) ── */
.kov--agenda{width:920px; max-width:calc(100vw - 24px)}
.kov .agenda__head{display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:20px 22px 16px; border-bottom:1px solid var(--k-c-border); flex-shrink:0}
.kov .agenda__intro{flex-shrink:0; padding:12px 24px; font-family:var(--k-font-mono); font-size:11.5px; letter-spacing:.04em; color:var(--k-c-fg-subtle); border-bottom:1px solid var(--k-c-border)}
.kov .agenda__head-mark{width:36px; height:36px; border-radius:10px; background:var(--k-grad-soft); border:1px solid rgba(0,204,34,.25); display:flex; align-items:center; justify-content:center; color:var(--k-success-fg)}
.kov .agenda__head-mark svg{width:18px; height:18px}
.kov .agenda__head-title{font-family:var(--kb-font-serif); font-size:22px; font-weight:500; letter-spacing:-.01em; line-height:1}
.kov .agenda__head-sub{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:5px; font-family:var(--k-font-mono); font-size:11px; color:var(--k-c-fg-subtle); letter-spacing:.04em}
.kov .agenda__head-sub b{color:var(--k-c-fg-muted); font-weight:500}
.kov .agenda__body{display:grid; grid-template-columns:1.05fr 1fr; gap:0; flex:1; min-height:0; overflow:hidden}
.kov .agenda__left{padding:20px 24px; border-right:1px solid var(--k-c-border); overflow-y:auto}
.kov .agenda__right{padding:20px 24px; display:flex; flex-direction:column; gap:14px; min-height:0}
.kov .cal__head{display:flex; align-items:center; gap:8px; margin-bottom:14px}
.kov .cal__title{font-family:var(--kb-font-serif); font-size:20px; font-weight:500; letter-spacing:-.01em; flex:1}
.kov .cal__title em{font-style:italic; color:var(--k-c-fg-muted); margin-left:6px; font-weight:400; font-size:.8em}
.kov .cal__nav{width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--k-c-fg-muted); transition:all var(--k-m-fast)}
.kov .cal__nav:hover{background:var(--k-c-bg-3); color:var(--k-c-fg)}
.kov .cal__nav svg{width:14px; height:14px}
/* Fuera del rango que se puede reservar (kbar.js): antes del mes en curso o después
   del horizonte del tipo de cita. */
.kov .cal__nav:disabled{opacity:.35}
.kov .cal__nav:disabled:hover{background:transparent; color:var(--k-c-fg-muted)}
.kov .cal__weekdays{display:grid; grid-template-columns:repeat(7,1fr); font-family:var(--k-font-mono); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--k-c-fg-dim); margin-bottom:6px; text-align:center}
.kov .cal__weekdays span{padding:6px 0}
.kov .cal__days{display:grid; grid-template-columns:repeat(7,1fr); gap:2px}
.kov .cal__day{aspect-ratio:1/1; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; font-family:var(--k-font-mono); font-size:13px; font-weight:500; color:var(--k-c-fg-muted); position:relative; transition:all var(--k-m-fast); cursor:pointer}
.kov .cal__day:hover{background:var(--k-c-bg-3); color:var(--k-c-fg)}
.kov .cal__day--out{color:var(--k-c-fg-dim); opacity:.5; cursor:default}
.kov .cal__day--out:hover{background:transparent; color:var(--k-c-fg-dim)}
.kov .cal__day--past{color:var(--k-c-fg-dim); text-decoration:line-through; opacity:.5; cursor:default}
.kov .cal__day--past:hover{background:transparent; color:var(--k-c-fg-dim)}
/* Día sin cupo (kbar.js lo deshabilita): no reacciona al puntero. */
.kov .cal__day:disabled{cursor:default}
.kov .cal__day:disabled:hover{background:transparent; color:var(--k-c-fg-muted)}
.kov .cal__day--past:disabled:hover{color:var(--k-c-fg-dim)}
.kov .cal__day--today{color:var(--k-c-fg); font-weight:700}
.kov .cal__day--today::after{content:""; position:absolute; bottom:5px; width:4px; height:4px; border-radius:50%; background:var(--k-brand-blue)}
.kov .cal__day[data-selected]{background:var(--k-grad-h); color:#fff; font-weight:700}
.kov .cal__day[data-selected]::after{display:none}
.kov .cal__day-slots{position:absolute; top:3px; right:5px; font-size:8.5px; color:var(--k-brand-green); font-weight:700; letter-spacing:0}
.kov .cal__day[data-selected] .cal__day-slots{color:rgba(255,255,255,.85)}
.kov .cal__legend{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:18px; padding-top:14px; border-top:1px solid var(--k-c-border); font-family:var(--k-font-mono); font-size:10.5px; color:var(--k-c-fg-subtle); letter-spacing:.02em}
.kov .cal__legend-item{display:inline-flex; align-items:center; gap:5px}
.kov .cal__legend-dot{width:6px; height:6px; border-radius:50%}
.kov .cal__legend-dot--avail{background:var(--k-brand-green)}
.kov .cal__legend-dot--today{background:var(--k-brand-blue)}
.kov .cal__legend-dot--sel{background:var(--k-grad-h)}
.kov .slots{display:flex; flex-direction:column; gap:6px; flex:1; min-height:0; overflow-y:auto; padding-right:4px; scrollbar-width:auto; scrollbar-color:rgba(255,255,255,.35) rgba(255,255,255,.06)}
.kov .slots__head{position:sticky; top:0; z-index:1; background:var(--k-c-bg-1); font-family:var(--k-font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.14em; font-weight:700; color:var(--k-c-fg-subtle); padding-bottom:6px; margin-bottom:0}
.kov .slots__head b{color:var(--k-c-fg)}
.kov .slot{display:flex; align-items:center; padding:9px 14px; border-radius:8px; background:var(--k-c-bg-2); border:1px solid var(--k-c-border); font-family:var(--k-font-mono); font-size:13px; font-weight:600; color:var(--k-c-fg); cursor:pointer; transition:all var(--k-m-fast)}
.kov .slot:hover{background:var(--k-c-bg-3); border-color:var(--k-c-border-strong)}
.kov .slot[data-selected]{background:var(--k-c-bg-3); border-color:var(--k-brand-green); box-shadow:0 0 0 1px rgba(0,204,34,.3)}
/* Hora y agente en una fila; si no caben (celular), el agente baja a la siguiente
   en vez de salirse del botón. */
.kov .slot{flex-wrap:wrap; gap:2px var(--k-s-2)}
.kov .slot__time{flex:1 0 auto}
.kov .slot__tz{font-size:10px; font-weight:500; color:var(--k-c-fg-dim); letter-spacing:.04em}
.kov .agenda__form{display:flex; flex-direction:column; gap:10px; padding-top:14px; border-top:1px solid var(--k-c-border); margin-top:6px; flex-shrink:0}
/* minmax(0,1fr) + min-width:0: sin eso la columna no baja del ancho intrínseco del
   <input> (size=20, ~205 px) y el email se sale de la capa en celular. */
.kov .field{display:flex; flex-direction:column; gap:5px; min-width:0}
.kov .field__row{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px}
.kov .field__lbl{font-family:var(--k-font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:600; color:var(--k-c-fg-subtle)}
.kov .field input, .kov .field select{width:100%; min-width:0; padding:10px 12px; background:var(--k-c-bg-2); border:1px solid var(--k-c-border); border-radius:8px; color:var(--k-c-fg); font:inherit; font-size:13.5px; transition:border var(--k-m-fast)}
.kov .field input:focus, .kov .field select:focus{outline:none; border-color:var(--k-c-border-strong)}
.kov .field input::placeholder{color:var(--k-c-fg-dim)}
.kov .field select{appearance:none; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2385858C" stroke-width="2" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg>'); background-position:right 12px center; background-repeat:no-repeat; background-size:12px; padding-right:32px}
.kov .agenda__submit{display:flex; align-items:center; gap:10px; padding:14px 24px; border-top:1px solid var(--k-c-border); flex-shrink:0}
.kov .agenda__foot{flex-shrink:0; display:flex; gap:7px; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 24px 14px; font-family:var(--k-font-mono); font-size:11px; color:var(--k-c-fg-dim); letter-spacing:.04em; border-top:1px solid var(--k-c-border)}
.kov .agenda__summary{flex:1; font-family:var(--k-font-mono); font-size:11.5px; color:var(--k-c-fg-subtle); letter-spacing:.02em}
.kov .agenda__summary b{color:var(--k-c-fg); font-weight:600}
/* Botón principal: el mismo tratamiento que .k-cf-btn--pri del chrome (chrome-mapa.css,
   que este shell no carga). */
.kov .agenda__btn{display:inline-flex; align-items:center; gap:7px; min-height:var(--k-h-btn-lg); padding:0 var(--k-s-5); border-radius:var(--k-r-3); background:var(--k-btn-grad); color:var(--k-btn-fg); font-size:13.5px; font-weight:600; flex-shrink:0; transition:background var(--k-m-fast)}
.kov .agenda__btn:hover{background:var(--k-btn-grad-hover)}
.kov .agenda__btn:disabled{opacity:.55}
.kov .agenda__btn svg{width:12px; height:12px}

/* ── OVERLAY 5 · MI CUENTA (iframe al panel del Daily-Office, modo cápsula) ──
   overflow:hidden en el aside es clip de decoración (border-radius 18px sobre el
   iframe); el scroll del contenido lo lleva el documento embebido, que trae su
   barra estándar por kns_scrollbars.css. */
.kov--cuenta{width:860px; padding:0; overflow:hidden}
.kov .cuenta__frame{width:100%; height:780px; max-height:calc(var(--kb-libre) - 110px); border:0; display:block; background:#fff}

/* ── OVERLAY 4 · LOGIN (iframe a indexlog.php embed) ── */
.kov--login{width:420px; padding:0; overflow:hidden}
.kov .login__frame{width:100%; height:580px; max-height:calc(var(--kb-libre) - 110px); border:0; display:block; background:transparent}
/* legacy login__* (form a mano) reemplazado por iframe — reglas abajo quedan inertes */
.kov .login__brand{display:flex; justify-content:center; margin-bottom:6px}
.kov .login__brand-mark{width:52px; height:52px; border-radius:14px; background:var(--kb-grad-d); display:flex; align-items:center; justify-content:center; color:#fff; font-family:var(--kb-font-serif); font-size:32px; font-weight:500; line-height:1; letter-spacing:-.04em; font-style:italic; box-shadow:0 8px 24px -8px rgba(0,129,226,.55), 0 0 0 1px rgba(255,255,255,.10) inset}
.kov .login__title{font-family:var(--kb-font-serif); font-size:28px; font-weight:500; text-align:center; letter-spacing:-.02em; line-height:1.1; margin-top:18px}
.kov .login__sub{text-align:center; font-size:13px; color:var(--k-c-fg-muted); margin-top:6px}
.kov .login__sub a{color:var(--k-brand-blue); font-weight:500}
.kov .login__sub a:hover{text-decoration:underline}
.kov .login__form{display:flex; flex-direction:column; gap:10px; margin-top:28px}
.kov .login__field{position:relative}
.kov .login__field-lbl{position:absolute; top:-7px; left:12px; padding:0 6px; font-family:var(--k-font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:600; color:var(--k-c-fg-subtle); background:var(--k-c-bg-1)}
.kov .login__field input{width:100%; padding:14px; background:var(--k-c-bg-2); border:1px solid var(--k-c-border); border-radius:9px; color:var(--k-c-fg); font:inherit; font-size:14px; transition:border var(--k-m-fast)}
.kov .login__field input:focus{outline:none; border-color:var(--k-c-border-strong)}
.kov .login__field input::placeholder{color:var(--k-c-fg-dim)}
.kov .login__field--password input{padding-right:48px}
.kov .login__field-toggle{position:absolute; right:10px; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:7px; display:flex; align-items:center; justify-content:center; color:var(--k-c-fg-subtle)}
.kov .login__field-toggle:hover{color:var(--k-c-fg); background:var(--k-c-bg-3)}
.kov .login__field-toggle svg{width:14px; height:14px}
.kov .login__row{display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--k-c-fg-muted); margin-top:4px}
.kov .login__remember{display:inline-flex; align-items:center; gap:6px; cursor:pointer}
.kov .login__remember input{accent-color:var(--k-brand-green)}
.kov .login__forgot{color:var(--k-brand-blue); font-weight:500}
.kov .login__forgot:hover{text-decoration:underline}
.kov .login__submit{width:100%; display:inline-flex; align-items:center; justify-content:center; gap:7px; margin-top:14px; padding:14px 18px; border-radius:9px; background:var(--k-grad-h); color:#fff; font-size:14px; font-weight:600; transition:all var(--k-m-fast)}
.kov .login__submit:hover{filter:brightness(1.08); transform:translateY(-1px)}
.kov .login__submit svg{width:13px; height:13px}
.kov .login__or{display:flex; align-items:center; gap:12px; margin:18px 0 14px; font-family:var(--k-font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.14em; color:var(--k-c-fg-dim); font-weight:600}
.kov .login__or::before, .kov .login__or::after{content:""; flex:1; height:1px; background:var(--k-c-border)}
.kov .login__sso{display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px}
.kov .login__sso-btn{display:flex; align-items:center; justify-content:center; gap:6px; padding:11px 12px; border-radius:8px; background:var(--k-c-bg-2); border:1px solid var(--k-c-border); color:var(--k-c-fg-muted); font-size:12px; font-weight:500; transition:all var(--k-m-fast)}
.kov .login__sso-btn:hover{background:var(--k-c-bg-3); color:var(--k-c-fg); border-color:var(--k-c-border-strong)}
.kov .login__sso-btn svg{width:14px; height:14px; flex-shrink:0}
.kov .login__foot{display:flex; align-items:center; gap:7px; justify-content:center; flex-wrap:wrap; margin-top:22px; padding-top:18px; border-top:1px solid var(--k-c-border); font-family:var(--k-font-mono); font-size:11px; color:var(--k-c-fg-dim); letter-spacing:.04em}
.kov .login__foot-logo{height:13px; width:auto; display:block; opacity:.92}

/* ── OVERLAY responsive ──
   Angosto o de alto corto (celular horizontal): la agenda pasa a una columna y se
   desplaza entera, con la ✕ pegada arriba. */
@media (max-width:840px), (max-height:500px){
  .kov--agenda{width:calc(100vw - 24px); overflow-y:auto}
  .kov .agenda__body{display:block; flex:none; overflow:visible}
  .kov .agenda__left{border-right:0; border-bottom:1px solid var(--k-c-border)}
  /* días del calendario más pequeños (capados y centrados) */
  .kov .cal__days, .kov .cal__weekdays{max-width:300px; margin-left:auto; margin-right:auto}
  .kov .cal__day{font-size:12px}
  /* franja de horas el doble de alto, con scroll propio */
  .kov .slots{flex:none; height:240px; overflow-y:auto}
  /* La capa entera se desplaza: la ✕ va pegada arriba (sticky), siempre a la
     vista (§4.15). El margen negativo le devuelve su alto al flujo, así la
     cabecera no baja; el fondo la separa del calendario que pasa por debajo. */
  .kov--agenda > .kov__close{
    position:sticky; top:var(--k-s-2); right:auto; flex:none; background:var(--k-c-bg-1);
    margin:var(--k-s-2) var(--k-s-2) calc(-1 * (var(--kb-x) + var(--k-s-2))) auto;
  }
  .kov--agenda > .kov__close:hover{background:var(--k-c-bg-3)}
}
@media (max-width:600px){
  .kov{max-height:calc(var(--kb-libre) - 100px); width:calc(100vw - 16px) !important}
  .kov .field__row{grid-template-columns:minmax(0, 1fr)}
  /* El aviso de la agenda en su propia línea, a todo el ancho, y el botón debajo
     a la derecha: al lado del botón quedaba en una columna de seis o más líneas. */
  .kov .agenda__submit{flex-wrap:wrap}
  .kov .agenda__summary{flex:1 1 100%}
  .kov .agenda__btn{margin-left:auto}
  .kov--voice{padding:32px 22px 22px}
  .kov .voice__orb{width:220px; height:220px; margin-bottom:24px}
  .kov .voice__orb-core{font-size:60px}
  .kov .voice__transcript{font-size:19px}
  .kov--chat{height:calc(var(--kb-libre) - 100px)}
  .kov--login{padding:32px 24px 22px}
  .kov .login__sso{grid-template-columns:1fr 1fr}
  .kov .login__sso-btn:nth-child(3){grid-column:1/-1}
}
/* Alto corto (celular horizontal; con el aviso de cookies abierto, a 844×390 quedan
   ~190 px libres): la capa usa todo el alto libre sobre el statusbar y el aviso
   (--kb-libre), con el aire mínimo, en vez de los 80-110 px de escritorio. El chat
   deja la conversación y el compositor: sin las sugerencias (atajos de texto; la de
   «Agendar» tiene su botón en el statusbar) ni la línea «powered by» (el statusbar
   la muestra siempre), y con menos relleno. La voz se desplaza con su orbe más chico. */
@media (max-height:500px){
  .kov, .kov--chat{max-height:calc(var(--kb-libre) - 2 * var(--k-s-2))}
  .kov--chat{height:calc(var(--kb-libre) - 2 * var(--k-s-2))}
  .kov .cuenta__frame, .kov .login__frame{max-height:calc(var(--kb-libre) - 2 * var(--k-s-2))}
  .kov .chat__head{padding-top:var(--k-s-2); padding-bottom:var(--k-s-2)}
  .kov .chat__body{padding:var(--k-s-3) var(--k-s-5)}
  .kov .chat__sugs, .kov .chat__hint{display:none}
  .kov .chat__comp{padding-top:var(--k-s-2); padding-bottom:var(--k-s-2)}
  .kov .chat__input-row{padding-top:var(--k-s-1); padding-bottom:var(--k-s-1)}
  .kov--voice{overflow-y:auto; padding:var(--k-s-5) var(--k-s-5) var(--k-s-4)}
  .kov .voice__orb{width:160px; height:160px; margin-bottom:var(--k-s-4)}
  .kov .voice__orb-core{font-size:44px}
}
/* Celular y puntero grueso (§4.15): el botón de cerrar de toda capa y los ‹ › del
   calendario con blanco de toque de 44 px (--k-hit); los campos con la letra de
   --k-fs-campo-tactil (16 px), porque iOS amplía la página al enfocar un campo
   de menos. */
@media (max-width:699px){
  .kov__close{--kb-x:var(--k-hit)}
  .kov .chat__head-ic, .kov .cal__nav{width:var(--k-hit); height:var(--k-hit)}
  .kov .field input, .kov .field select, .kov .chat__ta{font-size:var(--k-fs-campo-tactil)}
}
@media (pointer:coarse){
  .kov__close{--kb-x:var(--k-hit)}
  .kov .chat__head-ic, .kov .cal__nav{width:var(--k-hit); height:var(--k-hit)}
  .kov .field input, .kov .field select, .kov .chat__ta{font-size:var(--k-fs-campo-tactil)}
}

/* ── ACENTO del tenant (CP01n12) ───────────────────────────────────────
   _public_shell.php (kmo_capsula_style) emite la variable --kb-acento y marca
   el <html> con data-acento SOLO si el tenant configuró un hex válido; sin ese
   atributo estas reglas no matchean y el kit conserva su gradiente intacto.
   En las capas: el botón de enviar del chat y el foco del compositor. En el
   statusbar el acento lo aplica chrome-publico.css (--k-pub-acento). */
:root[data-acento] .kov .chat__btn--send{background:var(--kb-acento); box-shadow:none}
:root[data-acento] .kov .chat__input-row:focus-within{border-color:var(--kb-acento)}
:root[data-acento] .kov .chat__btn:focus-visible,
:root[data-acento] .kov .chat__sug:focus-visible{outline:2px solid var(--kb-acento); outline-offset:2px}