:root{--fondo:#1f1f1f;--caja:#2a2a2a;--caja-2:#262626;--borde:#3a3a3a;--linea:#2f2f2f;--texto:#ececec;--tenue:#a3a3a3;--acento:#e8833a;--acento-texto:#f0a060;--acento-fondo:#3a2a1d;--bien:#6cc070;--bien-fondo:#1f3322;--azul:#8ab8e8;--azul-fondo:#22303f;--rojo:#e06c6c;--obligacion:#f0a060;--acuerdo:#8ab8e8;--recordatorio:#6cc070;--reunion:#b89ae8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--acento-texto)}.tenue{color:var(--tenue)}.error{color:var(--rojo)}.puerta{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.puerta-caja{flex-direction:column;gap:10px;width:100%;max-width:360px;display:flex}.puerta-caja h1{margin:0;font-size:24px}.puerta-caja input{border:1px solid var(--borde);background:var(--caja);border-radius:12px;min-height:48px;padding:0 14px}.app{flex-direction:column;max-width:720px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.cabecera{padding:calc(10px + env(safe-area-inset-top)) 10px 8px;align-items:center;gap:6px;display:flex}.cabecera h1{margin:0;font-size:22px;font-weight:700}.cabecera .titulos{flex-direction:column;flex:1;min-width:0;padding-left:4px;display:flex}.cabecera .sub{color:var(--tenue);font-size:13px}.icono{width:44px;height:44px;color:var(--texto);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.icono:active{background:var(--caja)}.contenido{flex-direction:column;flex:1;gap:18px;padding:4px 16px 16px;display:flex;overflow-y:auto}.barra{border-top:1px solid var(--linea);padding:6px 4px calc(8px + env(safe-area-inset-bottom));background:var(--fondo);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.barra button{color:var(--tenue);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;display:flex}.barra button[aria-current=page]{color:var(--acento-texto)}.conexion{text-align:center;background:var(--acento-fondo);color:var(--acento-texto);padding:4px;font-size:12px}h2.seccion{letter-spacing:.04em;text-transform:uppercase;color:var(--tenue);margin:0;font-size:13px;font-weight:600}.seccion-caja{flex-direction:column;gap:8px;display:flex}.tarjeta{background:var(--caja);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.tarjeta.borde{background:var(--caja-2);border:1px solid var(--borde)}.tarjeta.hueco{background:0 0;border:1px dashed #4a4a4a}.tarjeta .etiqueta{letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.tarjeta .titulo{font-size:15px;font-weight:600;line-height:1.3}.tarjeta .detalle{color:var(--tenue);font-size:13px;line-height:1.4}.chip{color:#c9c9c9;background:#333;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:12px}.chip.bien{background:var(--bien-fondo);color:var(--bien)}.chip.acento{background:var(--acento-fondo);color:var(--acento-texto)}.chip.azul{background:var(--azul-fondo);color:var(--azul)}.botones{gap:10px;display:flex}.boton{cursor:pointer;background:0 0;border:1px solid #4a4a4a;border-radius:12px;flex:1;min-height:44px;padding:0 16px;font-weight:600}.boton.principal{background:var(--acento);color:#1f1f1f;border:none}.boton:disabled{opacity:.5;cursor:default}.enlace{color:var(--acento-texto);cursor:pointer;text-align:left;background:0 0;border:none;min-height:36px;padding:0;font-size:14px}.pildora{color:var(--tenue);background:var(--caja);cursor:pointer;border:none;border-radius:999px;justify-content:space-between;align-items:center;margin:0 16px 10px;padding:14px 18px;font-size:15px;display:flex}.aviso-rapido{color:var(--texto);z-index:30;pointer-events:none;white-space:nowrap;background:#333;border-radius:999px;padding:10px 16px;font-size:14px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.markdown p{margin:0 0 8px}.markdown p:last-child{margin-bottom:0}.markdown ul,.markdown ol{margin:4px 0 8px;padding-left:20px}.markdown table{border-collapse:collapse;margin:6px 0;font-size:13px;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--borde);text-align:left;padding:4px 6px}.mensajes{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.burbuja{overflow-wrap:anywhere;max-width:86%;padding:10px 14px;font-size:15px;line-height:1.45}.burbuja.agente{background:var(--caja);border-radius:16px 16px 16px 4px;align-self:flex-start}.burbuja.persona{background:var(--acento-fondo);white-space:pre-wrap;border-radius:16px 16px 4px;align-self:flex-end}.burbuja .pie{color:var(--tenue);margin-top:4px;font-size:11px}.acciones{color:var(--tenue);flex-wrap:wrap;gap:4px 10px;margin-bottom:4px;font-size:12px;display:flex}.permiso{background:var(--caja-2);border:1px solid #4a3a2a;border-radius:16px;flex-direction:column;align-self:stretch;gap:8px;padding:12px 14px;display:flex}.permiso pre{white-space:pre-wrap;color:#d6d6d6;max-height:220px;margin:0;font-family:inherit;font-size:13px;overflow-y:auto}.pensando{color:var(--tenue);align-self:flex-start;font-size:13px}.progreso{border-bottom:1px solid var(--linea);flex-direction:column;gap:6px;padding:0 16px 10px;display:flex}.progreso .linea{color:var(--tenue);justify-content:space-between;font-size:12px;display:flex}.progreso .tubo{background:#333;border-radius:999px;height:6px;overflow:hidden}.progreso .tubo div{background:var(--acento);border-radius:999px;height:100%;transition:width .4s}.caja-texto{margin:0 12px calc(10px + env(safe-area-inset-bottom));background:var(--caja);border-radius:22px;flex-direction:column;gap:2px;padding:6px;display:flex}.caja-texto textarea{resize:none;background:0 0;border:none;outline:none;max-height:140px;padding:8px 10px;font-size:15px}.caja-texto .fila{align-items:center;gap:2px;display:flex}.micro{background:var(--acento);color:#1f1f1f;cursor:pointer;touch-action:none;border:none;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.micro.grabando{background:var(--rojo);color:#fff}.micro.manos{background:var(--bien)}.micro-deslizar{color:var(--tenue);white-space:nowrap;font-size:11px;position:absolute;bottom:56px;right:0}.cal-dias{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.cal-dias .dow{text-align:center;color:var(--tenue);padding:2px 0;font-size:11px;font-weight:600}.cal-dias .dow.dom{color:var(--rojo)}.cal-celda{cursor:pointer;text-align:left;background:#272727;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:2px;min-height:62px;padding:3px;display:flex;overflow:hidden}.cal-celda.fuera{color:#5a5a5a;background:#1b1b1b}.cal-celda.elegido{border-color:var(--acento)}.num{border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.num.hoy{background:var(--acento);color:#1f1f1f;font-weight:700}.num.dom{color:var(--rojo)}.mini{white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:0 3px;font-size:9px;line-height:13px;display:block;overflow:hidden}.entrada{background:var(--caja);cursor:pointer;text-align:left;border:none;border-radius:12px;gap:10px;width:100%;padding:10px 12px;display:flex}.entrada .raya{border-radius:2px;flex:none;width:4px}.entrada.hecha{opacity:.55}.tira{padding:0 6px 8px;display:flex}.tira button{cursor:pointer;color:var(--tenue);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;display:flex}.horas{flex:none;position:relative}.horas .hora{color:var(--tenue);width:40px;font-size:11px;position:absolute;left:0}.horas .raya-hora{border-top:1px solid #2c2c2c;position:absolute;right:0}.horas .bloque-hora{cursor:pointer;text-align:left;color:var(--texto);border:none;border-radius:6px;padding:3px 6px;font-size:12px;line-height:1.25;position:absolute;overflow:hidden}.anio{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;display:grid}.anio-mes{cursor:pointer;color:inherit;background:0 0;border:none;flex-direction:column;gap:3px;padding:0;display:flex}.anio-mes .nombre{align-self:center;font-size:15px;font-weight:600}.anio-mes .nombre.actual{background:var(--texto);color:#1f1f1f;border-radius:6px;padding:0 6px}.anio-mes .rejilla{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:1px;display:grid}.anio-mes .rejilla span{text-align:center;font-size:9.5px;line-height:14px}.filtros{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filtros button{background:var(--caja);color:#c9c9c9;cursor:pointer;border:none;border-radius:999px;flex:none;padding:8px 12px;font-size:13px}.filtros button[aria-pressed=true]{background:var(--acento-fondo);color:var(--acento-texto);font-weight:600}.buscador{background:var(--caja);border-radius:999px;flex:1;align-items:center;min-height:46px;padding:0 16px;display:flex}.buscador input{background:0 0;border:none;outline:none;flex:1;font-size:16px}mark{color:inherit;background:#e8833a55;border-radius:3px}.velo{z-index:20;background:#0000008c;position:absolute;inset:0}.cajon{background:var(--caja-2);width:min(300px,82%);padding:calc(20px + env(safe-area-inset-top)) 12px 20px;z-index:21;border-radius:0 22px 22px 0;flex-direction:column;gap:4px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.cajon .titulo-cajon{padding:0 12px 8px;font-size:18px;font-weight:700}.cajon button.opcion{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;min-height:48px;padding:0 12px;font-size:16px;display:flex}.cajon button.opcion[aria-current=true]{background:var(--acento-fondo);color:var(--acento-texto);font-weight:600}.cajon button.opcion:disabled{color:#6f6f6f;cursor:default}.cajon .separa{border-top:1px dashed #444;margin:10px 12px}.cajon .grupo{border:1px solid var(--borde);border-radius:14px;flex-direction:column;padding:6px;display:flex}.hoja{background:var(--caja-2);z-index:21;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:10px;max-height:85%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.lista-ajustes{background:var(--caja);border-radius:14px;flex-direction:column;display:flex}.lista-ajustes>div{border-bottom:1px solid #333;align-items:center;gap:12px;padding:12px 14px;display:flex}.lista-ajustes>div:last-child{border-bottom:none}.lista-ajustes .que{flex-direction:column;flex:1;gap:2px;display:flex}.lista-ajustes .que small{color:var(--tenue);font-size:12px}.interruptor{cursor:pointer;background:#444;border:none;border-radius:999px;flex:none;width:48px;height:28px;padding:3px;display:flex}.interruptor span{background:#c9c9c9;border-radius:999px;width:22px;height:22px}.interruptor[aria-checked=true]{background:var(--acento);justify-content:flex-end}.interruptor[aria-checked=true] span{background:#1f1f1f}textarea.campo,input.campo,select.campo{background:var(--caja);border:1px solid var(--borde);border-radius:12px;width:100%;padding:10px 12px}
