:root{--bg:#f4f6f8;--panel:#fff;--text:#17202a;--muted:#6f7a86;--line:#e6e9ed;--accent:#2f6fed;--accent2:#eaf1ff;--ok:#1a9b61;--warn:#d28a16;--danger:#d84a4a;--shadow:0 10px 30px rgba(16,24,40,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#101721;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.logo{width:38px;height:38px;border-radius:12px;background:#ffe600;color:#111;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:18px}.brand span{display:block;color:#8995a3;font-size:12px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav{border:0;background:transparent;color:#aeb8c4;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer}.nav:hover,.nav.active{background:#1b2532;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #263140;padding:18px 8px 0;color:#aeb8c4;font-size:13px;display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#6c7480}.dot.connected{background:#35c57a}main{padding:0 34px 42px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:26px 0 20px}.topbar h1{margin:0;font-size:26px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:14px}.ghost,.secondary,.primary,.danger{border:0;border-radius:10px;padding:10px 14px;cursor:pointer}.ghost,.secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.primary{background:var(--accent);color:#fff}.danger{background:#fff0f0;color:var(--danger);border:1px solid #ffdada}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid var(--line);border-radius:20px;padding:36px;display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;box-shadow:var(--shadow)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.hero h2{font-size:38px;line-height:1.08;margin:10px 0 14px;max-width:670px}.hero p{color:var(--muted);font-size:17px;line-height:1.55;max-width:650px}.hero-actions{display:flex;gap:10px;margin-top:22px}.simple-flow{display:flex;align-items:center;gap:12px;justify-content:center}.flow-card{min-width:180px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;box-shadow:var(--shadow)}.flow-card span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:7px}.flow-card strong{font-size:15px}.arrow{font-size:25px;color:#9aa5b1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:21px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3{margin:0;font-size:18px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps>div{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px}.steps b{background:var(--accent2);color:var(--accent);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.steps strong,.steps small{display:block}.steps small{color:var(--muted);margin-top:5px;line-height:1.35}.cards-list{display:flex;flex-direction:column;gap:10px}.item-card{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.item-card h4{margin:0 0 6px;font-size:15px}.item-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.pill{padding:4px 8px;border-radius:999px;background:#f1f3f5;color:#5b6672}.pill.ok{background:#eaf8f1;color:var(--ok)}.pill.warn{background:#fff6e5;color:var(--warn)}.item-actions{display:flex;gap:7px;align-items:center}.tiny{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.timeline{display:flex;flex-direction:column}.event{display:grid;grid-template-columns:90px 20px 1fr;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.event time{font-size:12px;color:var(--muted)}.event-dot{width:10px;height:10px;border-radius:50%;margin-top:3px;background:#9aa5b1}.event-dot.ok{background:var(--ok)}.event-dot.error{background:var(--danger)}.event-dot.review{background:var(--warn)}.event strong{display:block;font-size:13px}.event small{display:block;color:var(--muted);margin-top:3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-state{padding:18px;border:1px solid var(--line);border-radius:12px}.connection-state strong{display:block;margin-bottom:6px}.connection-state p{color:var(--muted);font-size:13px;line-height:1.45}.kv{display:grid;gap:8px}.kv span{font-size:12px;color:var(--muted);margin-top:7px}.kv code{padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8f9fa;overflow:auto}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #d6dbe0;border-radius:12px}.modal{position:fixed;inset:0;background:rgba(13,18,25,.48);display:grid;place-items:center;padding:20px;z-index:50}.modal.hidden,.hidden{display:none!important}.modal-card{width:min(560px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.modal-head{display:flex;justify-content:space-between}.modal-head h3{margin:0}.modal-head p{margin:5px 0 18px;color:var(--muted);font-size:13px}.icon-btn{border:0;background:#f2f4f6;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}form{display:grid;gap:14px}label{font-size:12px;font-weight:700;color:#4a5562}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d9dee4;border-radius:9px;padding:11px 12px;background:#fff;color:var(--text)}textarea{resize:vertical}.switch-row{display:flex;justify-content:space-between;align-items:center}.switch-row input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toast{position:fixed;right:24px;bottom:24px;background:#17202a;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:90;font-size:13px}.answer-box{margin-top:10px;display:flex;gap:8px}.answer-box input{margin:0}.question-text{font-size:14px;line-height:1.45;margin:3px 0 8px}@media(max-width:1000px){.app-shell{grid-template-columns:80px 1fr}.brand div:not(.logo),.nav{font-size:0}.nav:before{font-size:16px}.nav[data-view=home]:before{content:'⌂'}.nav[data-view=automations]:before{content:'⚙'}.nav[data-view=questions]:before{content:'?'}.nav[data-view=executions]:before{content:'↻'}.nav[data-view=settings]:before{content:'⋯'}.sidebar-foot span:last-child{display:none}.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:680px){main{padding:0 16px 30px}.topbar{padding-top:18px}.hero{padding:24px}.hero h2{font-size:30px}.simple-flow{flex-direction:column}.arrow{transform:rotate(90deg)}.stats,.steps{grid-template-columns:1fr}.item-card{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}

.item-row{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}.item-thumb{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.item-link{margin-top:9px;font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.item-link a{color:var(--accent);text-decoration:none}.link-button{border:0;background:transparent;color:var(--accent);padding:0;font:inherit;cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}@media(max-width:680px){.item-row{grid-template-columns:1fr}.item-thumb{width:84px;height:84px}}

.question-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}.filter-btn span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:#f1f3f5;font-size:11px}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-btn.active span{background:rgba(255,255,255,.2);color:#fff}@media(max-width:680px){.panel-head{align-items:flex-start;gap:12px;flex-direction:column}}

.theme-toggle{margin-left:auto;border:0;background:transparent;color:#fff;cursor:pointer;font-size:17px;padding:4px 6px;border-radius:7px}.theme-toggle:hover{background:#1b2532}
:root[data-theme="dark"]{--bg:#0d1117;--panel:#151b23;--text:#e7edf5;--muted:#9aa7b5;--line:#2a3441;--accent2:#182a48;--shadow:0 10px 30px rgba(0,0,0,.22)}
:root[data-theme="dark"] .hero{background:linear-gradient(135deg,#151b23 0%,#111923 100%)}
:root[data-theme="dark"] .ghost,:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .tiny,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .modal-card,:root[data-theme="dark"] .flow-card{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] .danger{background:#2a1719;border-color:#5a292d}
:root[data-theme="dark"] .pill{background:#222b36;color:#bac5d1}
:root[data-theme="dark"] .pill.ok{background:#123327}
:root[data-theme="dark"] .pill.warn{background:#362b16}
:root[data-theme="dark"] .kv code{background:#10161e}
:root[data-theme="dark"] .item-thumb{background:#fff}

.ai-panel{grid-column:1/-1}.ai-settings{display:grid;grid-template-columns:220px minmax(280px,1fr);gap:14px;align-items:end}.ai-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.ai-settings small{grid-column:1/-1;color:var(--muted)}.answer-box{display:grid;grid-template-columns:minmax(180px,1fr) auto auto}.answer-box .secondary{white-space:nowrap}@media(max-width:800px){.ai-settings{grid-template-columns:1fr}.ai-actions,.ai-settings small{grid-column:auto}.answer-box{grid-template-columns:1fr}.answer-box button{width:100%}}

/* Base de conocimiento */
.knowledge-head{gap:16px}.knowledge-actions{display:flex;gap:8px;align-items:center;min-width:min(520px,100%)}.knowledge-actions input{margin:0;min-width:250px}.knowledge-import{display:flex;align-items:center;gap:14px;border:1px dashed var(--line);border-radius:12px;padding:14px;margin-bottom:16px}.knowledge-import>div{flex:1}.knowledge-import strong,.knowledge-import small{display:block}.knowledge-import small{color:var(--muted);margin-top:4px}.file-btn{border:1px solid var(--line);background:var(--panel);padding:10px 13px;border-radius:9px;cursor:pointer;white-space:nowrap}.knowledge-modal-card{width:min(980px,96vw);max-height:92vh;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.kb-fields-head{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.kb-fields{display:flex;flex-direction:column;gap:7px}.kb-field-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 38px;gap:7px}.kb-field-row input{margin:0}.kb-docs-box{border-top:1px solid var(--line);padding-top:14px}.kb-docs{display:flex;flex-direction:column;gap:6px;margin:10px 0}.kb-doc{display:flex;gap:10px;justify-content:space-between;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.kb-doc small,.muted{color:var(--muted)}.doc-upload{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.doc-upload input{margin:0}.kb-product-card{grid-template-columns:1fr auto}@media(max-width:800px){.knowledge-head,.knowledge-import{align-items:flex-start;flex-direction:column}.knowledge-actions{min-width:0;width:100%;flex-direction:column;align-items:stretch}.knowledge-actions input{min-width:0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.kb-field-row{grid-template-columns:1fr}.doc-upload{grid-template-columns:1fr}.kb-product-card{grid-template-columns:1fr}}
:root[data-theme="dark"] .file-btn{background:var(--panel);color:var(--text)}
.kb-doc a{color:var(--accent);text-decoration:none}.text-ok{font-size:10px;color:var(--ok);font-style:normal;margin-left:6px}

/* Correcciones de contraste para modo oscuro */
:root[data-theme="dark"] label{color:#c8d2de}
:root[data-theme="dark"] .filter-btn{background:#151b23;color:#e7edf5;border-color:#334155}
:root[data-theme="dark"] .filter-btn span{background:#263241;color:#e7edf5;border:1px solid #3a4757}
:root[data-theme="dark"] .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
:root[data-theme="dark"] .filter-btn.active span{background:#5b8df5;color:#fff;border-color:#78a2f7;font-weight:700}
:root[data-theme="dark"] .icon-btn{background:#222b36;color:#e7edf5}
:root[data-theme="dark"] .empty{border-color:#3a4654;color:#aeb9c6}
:root[data-theme="dark"] .file-btn{border-color:#3a4654}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#7f8b99}
:root[data-theme="dark"] option{background:#151b23;color:#e7edf5}

/* Sidebar theme fix: light mode follows the selected theme */
:root[data-theme="light"] .sidebar,
:root:not([data-theme="dark"]) .sidebar{
  background:#ffffff;
  color:#17202a;
  border-right:1px solid var(--line);
}
:root[data-theme="light"] .brand span,
:root:not([data-theme="dark"]) .brand span{
  color:#6f7a86;
}
:root[data-theme="light"] .nav,
:root:not([data-theme="dark"]) .nav{
  color:#4a5562;
}
:root[data-theme="light"] .nav:hover,
:root[data-theme="light"] .nav.active,
:root:not([data-theme="dark"]) .nav:hover,
:root:not([data-theme="dark"]) .nav.active{
  background:#eaf1ff;
  color:#1f5fd1;
}
:root[data-theme="light"] .sidebar-foot,
:root:not([data-theme="dark"]) .sidebar-foot{
  border-top-color:#e6e9ed;
  color:#5f6b78;
}
:root[data-theme="light"] .theme-toggle,
:root:not([data-theme="dark"]) .theme-toggle{
  color:#17202a;
}
:root[data-theme="light"] .theme-toggle:hover,
:root:not([data-theme="dark"]) .theme-toggle:hover{
  background:#eef2f6;
}

:root[data-theme="dark"] .sidebar{
  background:#101721;
  color:#ffffff;
  border-right:0;
}
:root[data-theme="dark"] .brand span{color:#8995a3}
:root[data-theme="dark"] .nav{color:#aeb8c4}
:root[data-theme="dark"] .nav:hover,
:root[data-theme="dark"] .nav.active{background:#1b2532;color:#fff}
:root[data-theme="dark"] .sidebar-foot{border-top-color:#263140;color:#aeb8c4}
:root[data-theme="dark"] .theme-toggle{color:#fff}
:root[data-theme="dark"] .theme-toggle:hover{background:#1b2532}

/* Modo de respuesta manual / automatico */
.auto-panel{grid-column:1/-1}.auto-settings{display:grid;grid-template-columns:220px 260px;gap:14px;align-items:end}.auto-check{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text)}.auto-warning{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #f0d58b;background:#fff8df;border-radius:10px;font-size:12px}.auto-warning span{color:#6d6247;line-height:1.45}.pill.auto-ok{background:#e3f7ed;color:#177245}.auto-review-note{margin:8px 0;padding:9px 11px;border-radius:8px;background:#fff7dd;border:1px solid #efd997;color:#6b5b25;font-size:12px}:root[data-theme="dark"] .auto-warning{background:#2e2817;border-color:#5b4b22;color:#f2e3b0}:root[data-theme="dark"] .auto-warning span{color:#cfc39b}:root[data-theme="dark"] .pill.auto-ok{background:#123327;color:#7ee0ad}:root[data-theme="dark"] .auto-review-note{background:#2d2718;border-color:#574a25;color:#e4d493}@media(max-width:800px){.auto-settings{grid-template-columns:1fr}.auto-check,.auto-warning{grid-column:auto}}

.hidden-by-role{display:none!important}.sidebar-user{padding:12px 14px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.sidebar-user strong{font-size:13px}.sidebar-user small{grid-column:1;color:var(--muted)}.sidebar-user button{grid-column:2;grid-row:1/3}.login-body{min-height:100vh;margin:0;display:block;background:var(--bg);color:var(--text);overflow:auto;position:relative;transition:background .2s ease,color .2s ease}
.login-body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(47,111,237,.10),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.28),transparent 46%)}
:root[data-theme="dark"] .login-body::before{background:radial-gradient(circle at 50% 35%,rgba(47,111,237,.17),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 52%)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:64px 24px 42px;position:relative;z-index:1}
.login-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(18,28,45,.14);position:relative;overflow:hidden}
.login-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ffe600 0 28%,var(--accent) 28% 100%)}
:root[data-theme="dark"] .login-card{box-shadow:0 24px 75px rgba(0,0,0,.42)}
.login-brand-row{display:flex;align-items:center;gap:12px}
.login-logo{width:42px;height:42px;border-radius:13px;background:#ffe600;color:#111;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 7px 18px rgba(255,230,0,.20)}
.login-brand-copy strong{display:block;font-size:19px;letter-spacing:-.01em}.login-brand-copy span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.login-heading{margin:30px 0 24px}.login-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--accent)}.login-card h1{margin:7px 0 7px;font-size:31px;line-height:1.12;letter-spacing:-.035em}.login-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}
.login-card form{display:grid;gap:17px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--text);margin:0}
.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-wrap .login-input-icon{position:absolute;left:13px;font-size:14px;opacity:.55;pointer-events:none;filter:grayscale(1)}
.login-card .login-input-wrap input{width:100%;height:48px;margin:0;padding:11px 74px 11px 40px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);outline:none;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.login-card .login-input-wrap input::placeholder{color:#9aa5b1}.login-card .login-input-wrap input:hover{border-color:#bfc7d1}.login-card .login-input-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(47,111,237,.12)}
:root[data-theme="dark"] .login-card .login-input-wrap input{background:#10161e;border-color:#344150}:root[data-theme="dark"] .login-card .login-input-wrap input:hover{border-color:#4b5a6b}:root[data-theme="dark"] .login-card .login-input-wrap input:focus{border-color:#5b8df5;box-shadow:0 0 0 4px rgba(91,141,245,.16)}
.password-toggle{position:absolute;right:8px;width:auto!important;margin:0!important;border:0;background:transparent!important;color:var(--accent)!important;padding:8px 7px!important;border-radius:8px!important;font-size:11px;font-weight:800;cursor:pointer}.password-toggle:hover{background:var(--accent2)!important}
.login-submit{width:100%;height:47px;margin-top:3px;font-weight:800;font-size:14px;box-shadow:0 8px 20px rgba(47,111,237,.20);transition:transform .12s ease,filter .12s ease}.login-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:wait;transform:none}
.login-error{min-height:19px;color:#e5484d;font-size:12px;font-weight:700;text-align:center;margin-top:-3px}.login-footer{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px}.login-status-dot{width:7px;height:7px;border-radius:50%;background:#35c57a;box-shadow:0 0 0 3px rgba(53,197,122,.12)}
.login-theme-toggle{position:fixed;top:22px;right:24px;z-index:10;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:background .15s ease,border-color .15s ease,transform .15s ease}.login-theme-toggle:hover{transform:translateY(-1px);border-color:#bfc7d1}.login-theme-icon{font-size:14px}.login-theme-text{white-space:nowrap}
:root[data-theme="dark"] .login-theme-toggle{background:#151b23;border-color:#344150}:root[data-theme="dark"] .login-theme-toggle:hover{border-color:#4b5a6b}
@media(max-width:560px){.login-shell{padding:74px 16px 28px}.login-card{padding:28px 22px;border-radius:20px}.login-card h1{font-size:28px}.login-theme-toggle{top:14px;right:14px;padding:8px 11px}.login-theme-text{display:none}}

/* MeliFlow: badge de preguntas pendientes */
.nav[data-view="questions"]{display:flex!important;align-items:center!important;gap:12px!important}
.nav[data-view="questions"]>span:first-child{min-width:0}
.sidebar-question-badge{margin-left:auto!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#ef4444!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;flex:0 0 auto!important;box-shadow:0 0 0 2px rgba(239,68,68,.14)}
.sidebar-question-badge.hidden{display:none!important}

/* Horarios y contingencias */
.auto-settings.out-hours-settings{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;align-items:start!important;width:100%!important}
.auto-settings.out-hours-settings>.out-hours-full{grid-column:1/-1!important}
.out-hours-section{border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0;width:100%}
.out-hours-section>strong{display:block;margin-bottom:12px}
#weeklySchedule{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important}
#weeklySchedule .schedule-row{border:1px solid var(--line)!important;border-radius:12px!important;padding:14px!important;min-width:0!important}
#weeklySchedule .schedule-day-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
#weeklySchedule .schedule-enabled{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;white-space:nowrap!important}
#weeklySchedule .schedule-enabled input{width:auto!important;margin:0!important}
#weeklySchedule .schedule-times{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#weeklySchedule .schedule-times label{margin:0!important;min-width:0}
#weeklySchedule .schedule-times input{min-width:0}
.out-hours-settings textarea{width:100%;resize:vertical}
@media(max-width:1450px){#weeklySchedule{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){.auto-settings.out-hours-settings{grid-template-columns:1fr!important}#weeklySchedule{grid-template-columns:repeat(2,minmax(0,1fr))!important}.auto-settings.out-hours-settings>.out-hours-full{grid-column:auto!important}}
@media(max-width:650px){#weeklySchedule{grid-template-columns:1fr!important}#weeklySchedule .schedule-times{grid-template-columns:1fr 1fr!important}}

/* MeliFlow 18.10 - operación / atención */
.question-filters{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}
.question-filters .filter-btn{min-width:0;width:100%;font-size:13px;padding:9px 7px}
.attention-card{border-left:4px solid #f59e0b!important}
.attention-pill{background:rgba(245,158,11,.16)!important;color:#f59e0b!important;font-weight:700}
.attention-actions{display:flex;gap:8px;align-items:center}.attention-actions input{flex:1 1 auto;min-width:180px}.attention-actions button{flex:0 0 auto;white-space:nowrap}.question-lock-note{margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--muted);font-size:12px}
.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.health-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.health-card small{display:block;margin-top:3px;opacity:.75}
.health-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#ef4444;flex:0 0 auto}
.health-dot.ok{background:#22c55e}.health-dot.bad{background:#ef4444}
.health-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;font-size:13px}
@media(max-width:900px){.question-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-actions{grid-template-columns:1fr}.attention-actions>*{width:100%}}


/* MeliFlow 26.3 - filtros de Preguntas: Nuevas / Respondidas / Todas */
#view-questions .panel-head{gap:20px}
#view-questions .question-panel-actions{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;max-width:100%}
#view-questions .question-filters{display:grid!important;grid-template-columns:repeat(4,max-content)!important;gap:8px;width:auto!important;justify-content:end}
#view-questions .question-filters .filter-btn{width:auto!important;min-width:0;white-space:nowrap}
@media(max-width:680px){
  #view-questions .question-panel-actions{width:100%;align-items:stretch;margin-left:0}
  #view-questions .question-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  #view-questions .question-filters .filter-btn{width:100%!important}
}

.kb-learned-box{border-top:1px solid var(--line);padding-top:14px}.kb-learned-box .kb-fields-head small{display:block;color:var(--muted);margin-top:3px;font-weight:400}.kb-learned-list{display:flex;flex-direction:column;gap:9px;margin-top:10px}.kb-learned-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:10px}.kb-learned-row input,.kb-learned-row textarea{margin:0}.kb-learned-actions{display:flex;gap:6px;align-items:center}@media(max-width:800px){.kb-learned-row{grid-template-columns:1fr}.kb-learned-actions{justify-content:flex-end}}

/* Preguntas verificadas agrupadas por producto */
.verified-summary{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}
.verified-product-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:12px}
.verified-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.verified-product-head h4{margin:0 0 7px}
.verified-answer-list{display:flex;flex-direction:column;gap:9px}.verified-answer-row{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}.verified-answer-row:first-child{border-top:0;padding-top:0}
.verified-question,.verified-answer{line-height:1.45}.verified-answer{color:var(--text)}
@media(max-width:700px){.verified-product-head{flex-direction:column}.verified-product-head>button{width:100%}}

/* Paginacion de preguntas: evita renderizar miles de tarjetas a la vez. */
.question-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:18px 0 4px;padding:14px 8px;border-top:1px solid var(--line)}
.question-pagination button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;min-width:38px;height:36px;padding:0 11px;cursor:pointer}
.question-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.question-pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.question-pagination button:disabled{opacity:.45;cursor:not-allowed}
.question-pagination span{color:var(--muted)}
.question-pagination .page-info{margin-left:8px;font-size:12px}
@media(max-width:680px){.question-pagination .page-info{width:100%;text-align:center;margin-left:0;margin-top:4px}}


/* Publicaciones: filtros Activas / Pausadas / Todas y paginacion. */
.item-list-controls{display:flex;justify-content:flex-end;align-items:center;margin:0 0 14px;gap:10px}
.item-filters{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.item-filters .filter-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:9px 13px;cursor:pointer;white-space:nowrap}
.item-filters .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.item-filters .count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:rgba(127,127,127,.16);font-size:12px}
.item-filters .filter-btn.active .count{background:rgba(255,255,255,.2)}
.pill.item-paused{background:rgba(245,158,11,.16);color:#f59e0b}
.item-pagination{margin-top:16px}
@media(max-width:680px){.item-list-controls{justify-content:stretch}.item-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.item-filters .filter-btn{width:100%;padding-left:7px;padding-right:7px}}


/* Programacion diaria de sincronizaciones SQL */
.sql-schedule-settings{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:16px;align-items:end}
.sql-schedule-settings>.switch-row,.sql-schedule-settings>.ai-actions,.sql-schedule-settings>small{grid-column:1/-1}
.sql-schedule-times{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sql-schedule-times label{display:flex;flex-direction:column;gap:7px}
.sql-schedule-times input[type=time]{width:100%}
@media(max-width:720px){.sql-schedule-settings{grid-template-columns:1fr}.sql-schedule-times{grid-template-columns:1fr}}

.sql-sync-feedback{margin-top:12px;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sql-sync-feedback strong{font-size:13px}.sql-sync-feedback small{width:100%;color:var(--muted);padding-left:26px}.sql-sync-feedback.running{background:#eef4ff;border:1px solid #cfe0ff}.sql-sync-feedback.success{background:#eaf8f1;border:1px solid #bfe9d4;color:var(--ok)}.sql-sync-feedback.error{background:#fff0f0;border:1px solid #ffd0d0;color:var(--danger)}.sql-sync-spinner{width:16px;height:16px;border:2px solid #bdd0f8;border-top-color:var(--accent);border-radius:50%;animation:sqlSyncSpin .75s linear infinite}@keyframes sqlSyncSpin{to{transform:rotate(360deg)}}

/* MeliFlow 26.21 - búsqueda directa por ID de pregunta */
.question-id-search{display:flex;gap:10px;align-items:center;margin:0 0 14px 0;padding:0}
.question-id-search input{flex:1;min-width:240px;max-width:520px}
.question-id-search button{flex:0 0 auto}
@media(max-width:720px){.question-id-search{flex-wrap:wrap}.question-id-search input{max-width:none;width:100%}}

/* v26.22: indicador no bloqueante durante refrescos en segundo plano */
.background-update-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:8px 12px;
  border:1px solid var(--border,#dbe3ee);
  border-radius:10px;
  font-size:12px;
  opacity:.78;
}
.background-update-note::before{
  content:"";
  width:12px;
  height:12px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:sql-spin .8s linear infinite;
  flex:0 0 auto;
}

/* v26.24 - Campo de respuesta adaptativo */
.answer-box .answer-textarea,.attention-actions .answer-textarea{margin:0;min-width:180px;min-height:48px;height:48px;max-height:320px;resize:none;overflow-x:hidden;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.45;flex:1 1 auto;box-sizing:border-box;display:block;padding:11px 12px;vertical-align:top}
@media(max-width:900px){.answer-box .answer-textarea,.attention-actions .answer-textarea{width:100%;min-width:0}}

/* v33.3 - separacion visual de preguntas por cuenta Mercado Libre */
.question-account-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:2px}
.account-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}
.account-tab span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--line);font-size:11px}
.account-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}
.account-tab.active span{background:rgba(255,255,255,.2);color:#fff}
.account-tabs-empty{font-size:13px;color:var(--muted)}
@media(max-width:900px){.question-account-tabs{justify-content:flex-start;width:100%}.account-tab{flex:1;justify-content:center;min-width:120px}}

/* v33.6 - configuracion de estilo de respuestas */
.ai-style-settings{grid-template-columns:repeat(2,minmax(0,1fr));}
.ai-style-settings .full{grid-column:1/-1;}
.ai-style-settings textarea{width:100%;min-height:105px;resize:vertical;line-height:1.45;}
.ai-style-settings label>small{display:block;margin-top:6px;color:var(--muted);font-weight:400;line-height:1.35;}
@media(max-width:800px){.ai-style-settings{grid-template-columns:1fr;}.ai-style-settings .full{grid-column:auto;}}