:root{--bg:#f6f7f9;--card:#fff;--ink:#1d2430;--muted:#6b7280;--line:#e2e5ea;--accent:#0f766e;--warn:#b45309;--err:#b91c1c;--ok:#15803d}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
main{max-width:1200px;margin:0 auto;padding:16px}h1{font-size:1.4rem}h2{font-size:1.1rem;margin-top:1.2em}h3{font-size:1rem}
a{color:var(--accent)}.muted{color:var(--muted)}code{font-size:.8rem;word-break:break-all}
.demo-banner{background:#7c2d12;color:#fff;text-align:center;padding:6px;font-weight:600;font-size:.85rem}
.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}
.top nav{display:flex;flex-wrap:wrap;gap:14px}.brand{font-weight:700;text-decoration:none;color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:12px 0}
.narrow{max-width:440px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.stack{display:flex;flex-direction:column;gap:8px}.inline{display:inline}.inline-form,.filters,.actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}label.check{flex-direction:row;align-items:center}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #cbd2d9;border-radius:6px;max-width:100%;background:#fff}
button{font:inherit;padding:7px 12px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}button.small{padding:4px 9px;font-size:.85rem}button.danger{background:var(--err)}
button.link{background:none;color:var(--accent);padding:0}
.flash{padding:9px 12px;border-radius:6px;margin:8px 0;background:#ecfdf5;border:1px solid #a7f3d0}
.flash.error{background:#fef2f2;border-color:#fecaca;color:var(--err)}.flash.warn{background:#fffbeb;border-color:#fde68a;color:var(--warn)}
.tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#eef2f7;font-size:.78rem;margin:2px}
.tag.warn{background:#fef3c7;color:#92400e}.tag.ok{background:#dcfce7;color:#166534}.tag.humano{background:#e0e7ff;color:#3730a3}.tag.bot{background:#ccfbf1;color:#115e59}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
tr.attention{background:#fffbeb}.status-bar{display:flex;flex-wrap:wrap;gap:4px}
.chat-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px}
.bubble{max-width:85%;margin:8px 0;padding:8px 11px;border-radius:10px;background:#f1f5f9;overflow-wrap:anywhere}
.bubble .body{white-space:pre-wrap}
.bubble.out{margin-left:auto;background:#e6fffa}.bubble.out.empleado{background:#eef2ff}.bubble .meta{font-size:.75rem;color:var(--muted)}
.s-fallido,.s-incierto,.err{color:var(--err)}.s-borrador{color:var(--warn);font-weight:600}.case{border-top:1px solid var(--line);padding-top:6px}
.tabs{display:flex;gap:10px}.tabs a.active{font-weight:700;text-decoration:none}.note{border-left:3px solid var(--line);padding-left:8px}
@media (max-width:760px){.chat-layout{grid-template-columns:minmax(0,1fr)}.grid2{grid-template-columns:minmax(0,1fr)}.bubble{max-width:100%}main{padding:10px}th,td{padding:6px}}