/* WAG CRM 1.6.0 — interfaz de atención limpia y aireada */
:root{
  --ui-bg:#0d1420;
  --ui-rail:#121a27;
  --ui-list:#172130;
  --ui-list-2:#1d2939;
  --ui-list-hover:#243247;
  --ui-chat:#101822;
  --ui-head:#263247;
  --ui-line:#2c3b51;
  --ui-text:#f3f6fb;
  --ui-muted:#9caabe;
  --ui-soft:#c8d1dd;
  --ui-accent:#74bfff;
  --ui-green:#19b995;
  --ui-green-dark:#0a6f63;
  --ui-in:#263244;
  --ui-out:#0b786e;
  --ui-danger:#ed6573;
}

/* marco general */
body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
.app{grid-template-columns:218px minmax(0,1fr)!important;background:var(--ui-bg)!important}
.rail{background:var(--ui-rail)!important;border-right:1px solid #263347!important;padding:12px 10px!important}
.brand{padding:4px 6px 16px!important}.brand-mark.small{width:36px!important;height:36px!important;border-radius:9px!important}.brand-copy b{font-size:15px!important}.brand-copy span{font-size:10px!important}
.rail nav button{padding:10px 10px!important;border-radius:8px!important;color:#cad3df!important}.rail nav button.active{background:#213148!important;color:#fff!important}.rail nav button:hover{background:#1a2738!important}
.rail-bottom{gap:7px!important}.rail-bottom .ghost{min-height:40px!important;border-color:#2d3d52!important}.userbox{padding-top:11px!important}

/* 3 columnas: navegación / tickets / chat */
.page-inbox{grid-template-columns:372px minmax(0,1fr)!important;background:var(--ui-chat)!important}
.inbox-list-panel{background:var(--ui-list)!important;border-right:1px solid var(--ui-line)!important;box-shadow:6px 0 24px #0002!important}
.ticket-topbar{height:54px!important;padding:8px 10px 4px!important;background:var(--ui-list)!important;border:0!important}
.scope-tabs{gap:5px!important}.scope-tabs button{padding:8px 12px!important;border-radius:8px!important;background:#202c3e!important;color:#b8c4d1!important}.scope-tabs button.active{background:#30425c!important;color:#fff!important;box-shadow:inset 0 0 0 1px #45607f!important}
.ticket-topbar .iconbtn{width:36px!important;height:36px!important;padding:0!important;background:#202c3e!important;border-color:#31435a!important}
.ticket-search{margin:6px 10px!important;min-height:40px!important;border:1px solid #35475e!important;border-radius:10px!important;background:#202c3e!important}.ticket-search input{font-size:12px!important}.ticket-search input::placeholder{color:#91a0b3!important}

/* pestañas principales sin amontonarse */
.inbox-filterbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px 8px;background:var(--ui-list)}
.workflow-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:0!important;overflow:visible!important;background:transparent!important}
.workflow-tabs button{min-width:0!important;padding:8px 6px!important;border-radius:9px!important;background:#202c3e!important;border:1px solid #2e3e53!important;color:#c8d2de!important;font-size:11px!important;justify-content:center!important;white-space:nowrap!important}
.workflow-tabs button.active{background:#31445f!important;border-color:#466181!important;color:#fff!important}.workflow-tabs em{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:10px!important;background:#61d66d!important;color:#102515!important}
.filter-actions{display:flex;gap:5px;position:relative}.filter-button{height:35px;min-width:36px;padding:0 10px;border:1px solid #31435a;border-radius:9px;background:#202c3e;color:#cbd4df;font-size:11px}.filter-button span{margin-left:4px}.filter-button:hover,.filter-button.active{background:#30425b;color:#fff;border-color:#496485}.filter-button.more{min-width:38px;padding:0 8px;font-weight:800;letter-spacing:1px}
.filter-more-menu{position:absolute;right:0;top:42px;z-index:40;width:170px;padding:5px;background:#202c3e;border:1px solid #3a4d66;border-radius:10px;box-shadow:0 12px 30px #0008}.filter-more-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#dbe3ec;padding:9px 10px;border-radius:7px;text-align:left;font-size:12px}.filter-more-menu button:hover,.filter-more-menu button.active{background:#30425b}.filter-more-menu .danger-tab{color:#ffb4bb}.filter-more-menu em{font-style:normal;background:#e65b67;color:#fff;border-radius:999px;padding:1px 6px;font-size:10px}
.ticket-subfilters{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;padding:0 10px 8px!important;background:var(--ui-list)!important;max-height:86px;opacity:1;overflow:hidden;transition:max-height .18s ease,opacity .15s ease,padding .18s ease}
.ticket-subfilters.collapsed{max-height:0!important;opacity:0!important;padding-top:0!important;padding-bottom:0!important;pointer-events:none}.ticket-subfilters select{height:34px!important;padding:6px 8px!important;border-radius:8px!important;background:#202c3e!important;border-color:#31435a!important;color:#d7e0ea!important;font-size:10.5px!important}

/* tickets más parecidos a una bandeja real */
.conversation-list{background:var(--ui-list)!important}.conversation-item{min-height:76px!important;padding:10px 10px!important;gap:9px!important;background:transparent!important;border-bottom:1px solid #263549!important}.conversation-item:hover{background:#1e2a3b!important}.conversation-item.active{background:#27364b!important;box-shadow:inset 3px 0 var(--ui-accent)!important}.conversation-item.waiting{box-shadow:inset 3px 0 #78c4ff!important}.conversation-item .avatar{width:40px!important;height:40px!important;background:#2d6070!important}.conversation-item .row b{font-size:12.5px!important}.conversation-item .route{font-size:10.5px!important;color:#8bd3ff!important;margin-top:2px!important}.conversation-item .preview{font-size:11.5px!important;color:#bfc9d5!important;margin-top:4px!important}.conversation-item .meta{min-width:58px!important;font-size:10px!important;gap:4px!important}.accept-mini{padding:6px 8px!important;border-radius:7px!important;font-size:10px!important;background:#7ec7ff!important}.ticket-state{font-size:9.5px!important;padding:2px 6px!important}.unread{min-width:18px!important;height:18px!important;font-size:10px!important}

/* chat limpio */
.chat-panel,.chat-active{background:var(--ui-chat)!important}.chat-head{height:64px!important;min-height:64px!important;flex-basis:64px!important;padding:7px 13px!important;background:var(--ui-head)!important;border-bottom:1px solid #35465d!important;box-shadow:none!important}.chat-head .avatar.large{width:40px!important;height:40px!important}.chat-title-line b{font-size:13.5px!important}.chat-presence{font-size:10px!important}.chat-assigned,.chat-title #chatRoute{font-size:10.5px!important}.accept-btn,.resolve-btn{padding:8px 12px!important;border-radius:9px!important;font-size:11px!important;background:#86c9ff!important}.chat-actions .iconbtn{width:36px!important;height:36px!important;padding:0!important;background:#202c3e!important;border-color:#41556e!important}

#messageList.message-list{padding:18px 22px 18px!important;background-color:#0d151f!important;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0)!important;background-size:32px 32px!important}
.wag-message-row{width:min(100%,960px)!important;margin:2px auto!important}.wag-message-row.grouped-prev{margin-top:1px!important}.wag-message-row.grouped-next{margin-bottom:1px!important}
.wag-bubble{max-width:min(66%,580px)!important;min-width:54px!important;padding:6px 8px 4px!important;border-radius:8px!important;background:var(--ui-in)!important;box-shadow:0 1px 2px #0004!important;font-size:13px!important}.wag-bubble.out{background:var(--ui-out)!important}.wag-message-text{font-size:13px!important;line-height:1.34!important}.wag-message-meta{font-size:9.5px!important;margin-top:2px!important}.wag-day-divider{width:min(100%,960px)!important;margin:11px auto!important}.wag-day-divider span{padding:5px 10px!important;border-radius:8px!important;background:#203044!important;font-size:10px!important}.wag-older-wrap{width:min(100%,960px)!important}
.wag-media-image{max-width:min(330px,38vw)!important;max-height:390px!important}.wag-media-video{max-width:min(360px,40vw)!important}.wag-media-fallback{width:250px!important;min-height:112px!important}.wag-document{min-width:220px!important;max-width:360px!important}
.wag-message-menu{width:21px!important;height:21px!important;font-size:11px!important}.wag-message-actions{min-width:150px!important;background:#202c3e!important;border-color:#40546d!important}.wag-message-actions button,.wag-message-actions a{font-size:11px!important;padding:8px 9px!important}

/* compositor fijo, bajo y despejado */
.composer-wrap{background:#182332!important;border-top:1px solid #314158!important}.composer-tools{height:31px!important;padding:4px 11px 0!important;gap:1px!important}.tool-link{padding:5px 8px!important;font-size:10.5px!important;color:#cfd8e3!important}.composer{padding:5px 10px 9px!important;gap:6px!important}.composer textarea{min-height:40px!important;max-height:92px!important;border-radius:10px!important;background:#243246!important;padding:10px 12px!important;font-size:12.5px!important}.send-btn{width:40px!important;height:40px!important;background:#3cc7a9!important;color:#062820!important}
.reply-bar{margin:6px 10px 0!important;padding:7px 10px!important;border-left:3px solid #75c3ff!important;background:#202c3e!important}.reply-bar b{font-size:10.5px!important}.reply-bar span{font-size:10px!important}

/* adjuntos: bandeja compacta, nunca un panel gigante */
.attachment-stage{margin:0!important;padding:0!important;border:0!important;background:transparent!important}.attachment-rail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;background:#202c3e;border-top:1px solid #314158}.attachment-summary{display:grid;gap:1px;min-width:88px}.attachment-summary b{font-size:10.5px}.attachment-summary span{font-size:9.5px;color:#9eacbd}.attachment-grid{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:0!important}.attachment-card{display:grid!important;grid-template-columns:48px minmax(90px,150px) 20px!important;gap:6px!important;min-width:205px!important;max-width:230px!important;padding:5px!important;border-radius:8px!important;background:#172130!important;border:1px solid #33465f!important}.attachment-thumb{width:48px!important;height:44px!important;border-radius:6px!important;font-size:21px!important}.attachment-info b{font-size:10.5px!important}.attachment-info span{font-size:9.5px!important}.attachment-remove{width:20px!important;height:20px!important;font-size:11px!important}.attachment-add{width:32px;height:32px;border-radius:8px;border:1px solid #3b506a;background:#2a394f;color:#fff;font-size:18px}.send-state{bottom:67px!important;left:10px!important;right:10px!important;font-size:10.5px!important}

/* información del contacto como drawer, no cuarta columna */
.contact-panel{width:340px!important;background:#172130!important;border-left:1px solid #35465d!important}.contact-panel .info-block{border-color:#2d3d52!important}.contact-panel select,.contact-panel textarea,.contact-panel .route-card{background:#202c3e!important;border-color:#35475f!important}.contact-close{background:#202c3e!important;border-color:#41556e!important}

/* centro de mensajes integrado */
.message-center{right:11px!important;top:74px!important}.message-center-btn{width:38px!important;height:38px!important;border-radius:9px!important;background:#202c3e!important;border-color:#3a4d66!important}.message-center-panel{background:#172130!important;border-color:#3b4e67!important}

/* escritorio compacto */
@media(max-width:1360px){
  .app{grid-template-columns:74px minmax(0,1fr)!important}
  .brand-copy,.rail nav button b,.rail-label,.userbox>div:nth-child(2){display:none!important}
  .rail nav button{justify-content:center!important}.rail nav button span{width:auto!important}.brand{justify-content:center!important}
  .page-inbox{grid-template-columns:350px minmax(0,1fr)!important}
  .filter-button span{display:none}.ticket-subfilters{grid-template-columns:1fr!important;max-height:130px}
  .wag-bubble{max-width:72%!important}.wag-message-row{width:100%!important}
}

@media(max-width:860px){
  .app{display:block!important}.rail{position:fixed!important;inset:0 auto 0 0!important;width:250px!important;transform:translateX(-105%);transition:.2s;z-index:100}.rail.open{transform:none}.brand-copy,.rail nav button b,.rail-label,.userbox>div:nth-child(2){display:block!important}
  .page-inbox{grid-template-columns:1fr!important}.inbox-list-panel{width:100%!important}.page-inbox.chat-open .inbox-list-panel{display:none!important}.page-inbox.chat-open .chat-panel{display:flex!important}.chat-panel{display:none!important}.chat-head{height:60px!important;min-height:60px!important;flex-basis:60px!important}.chat-actions .resolve-btn{display:none!important}.chat-assigned{display:none!important}
  .workflow-tabs{grid-template-columns:repeat(3,1fr)!important}.filter-button span{display:none}.ticket-subfilters{grid-template-columns:1fr!important}.wag-bubble{max-width:86%!important}.wag-media-image{max-width:min(300px,78vw)!important}.composer-tools{overflow-x:auto!important}.tool-link{white-space:nowrap!important}
  .attachment-rail{grid-template-columns:1fr auto}.attachment-summary{display:none}.attachment-card{min-width:185px!important}.contact-panel{position:fixed!important;top:48px!important;bottom:0!important;width:94vw!important;height:auto!important}.message-center{top:5px!important;right:7px!important}
}

/* 1.6.2 — miniaturas multimedia robustas.
   La caja tiene tamaño desde antes de que cargue el IMG, evitando la "barra gris" de 0px. */
.wag-media-box:not(.sticker){min-width:220px!important;max-width:min(340px,42vw)!important}
.wag-media-box:not(.sticker) .wag-media-open{width:min(330px,40vw)!important;min-width:220px!important;min-height:140px!important;display:grid!important;place-items:center!important;background:#172230!important;position:relative!important}
.wag-media-box .wag-media-image{opacity:1!important;transition:opacity .12s ease!important}
.wag-media-box.is-loading .wag-media-image{opacity:0!important}
.wag-media-loader{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:#172230!important;color:#c9d6e5!important;z-index:2!important;border-radius:8px!important;min-height:140px!important}
.wag-media-loader.hidden{display:none!important}
.wag-media-loader small{font-size:11px!important;color:#aebccc!important}
.wag-media-loader .media-spinner{width:24px!important;height:24px!important;border-width:3px!important}
.wag-media-box.media-broken .wag-media-open{display:none!important}
.wag-media-box.media-broken .wag-media-fallback{display:flex!important}
.wag-media-box.sticker .wag-media-open{min-width:120px!important;min-height:120px!important}
.wag-media-box.sticker .wag-media-loader{min-height:120px!important}
@media(max-width:760px){
  .wag-media-box:not(.sticker){min-width:180px!important;max-width:82vw!important}
  .wag-media-box:not(.sticker) .wag-media-open{width:min(300px,78vw)!important;min-width:180px!important;min-height:120px!important}
  .wag-media-loader{min-height:120px!important}
}


/* WAG CRM 1.8.1 — refresh visual: header superior + paneles más suaves y redondeados */
:root{
  --v163-bg:#0a1220;
  --v163-surface:#152131;
  --v163-surface-2:#1b283b;
  --v163-surface-3:#202f44;
  --v163-line:#394a63;
  --v163-soft:#98a8bf;
  --v163-shadow:0 18px 40px rgba(0,0,0,.22);
}
body{background:linear-gradient(180deg,#09111d,#0c1524)!important}
.app{grid-template-columns:258px minmax(0,1fr)!important;background:transparent!important}
.rail{margin:12px 0 12px 12px!important;border:1px solid #2c3a4f!important;border-radius:24px!important;box-shadow:var(--v163-shadow)!important;background:linear-gradient(180deg,#101a28,#0f1826)!important;overflow:hidden!important;padding:12px 10px!important}
.brand{padding:2px 8px 14px!important}.brand-mark.small{border-radius:14px!important}.rail nav button{border-radius:16px!important}.rail-bottom .ghost,.userbox{border-radius:16px!important}
.workspace{position:relative!important;display:grid!important;grid-template-rows:60px minmax(0,1fr)!important;gap:14px!important;padding:12px 14px 14px!important;background:transparent!important;overflow:hidden!important}
.desktop-topbar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;background:linear-gradient(180deg,#1e2a3d,#182334)!important;border:1px solid var(--v163-line)!important;border-radius:20px!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important;min-width:0}
.desktop-topbar-brand{display:flex;align-items:center;gap:14px;min-width:0}.topbar-menu,.topbar-ghost{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;border:1px solid #40516a;background:#223146;color:#eef3fa;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.topbar-menu{font-size:17px}.topbar-logo{display:flex;align-items:center;gap:11px;color:#eff5fb}.whati-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f7fafc;color:#223147;font-weight:900}.topbar-logo b{font-size:15px;letter-spacing:.02em}.desktop-topbar-actions{display:flex;align-items:center;gap:10px}
.workspace>.page{min-height:0!important;height:100%!important;padding:0!important;overflow:hidden!important}.workspace>.page:not(.active){display:none!important}
.page-inbox{display:none}.page-inbox.active{display:grid!important;grid-template-columns:390px minmax(0,1fr)!important;gap:14px!important;background:transparent!important}
.inbox-list-panel,.chat-panel{height:100%!important;min-height:0!important;border:1px solid #31415a!important;border-radius:26px!important;overflow:hidden!important;box-shadow:var(--v163-shadow)!important}
.inbox-list-panel{background:linear-gradient(180deg,#182334,#141f2f)!important}.chat-panel,.chat-active{background:#101826!important}
.ticket-topbar,.chat-head{background:linear-gradient(180deg,#54617d,#4a5771)!important;border-bottom:1px solid #60708a!important}.ticket-topbar{padding:10px 14px 8px!important;height:58px!important}.chat-head{padding:10px 14px!important;height:66px!important}
.scope-tabs button,.ticket-topbar .iconbtn,.filter-button,.ticket-subfilters select,.ticket-search,.workflow-tabs button,.accept-btn,.resolve-btn,.chat-actions .iconbtn,.contact-close{border-radius:15px!important}
.scope-tabs button{background:#2a3950!important;border:1px solid #415570!important;color:#dce5ef!important}.scope-tabs button.active{background:#364861!important;color:#fff!important;box-shadow:inset 0 0 0 1px #5f7794!important}
.ticket-search{margin:8px 14px!important;min-height:44px!important;background:#202c3e!important;border:1px solid #33465f!important}.ticket-search input{font-size:13px!important}
.inbox-filterbar{padding:2px 14px 10px!important;background:transparent!important}.workflow-tabs{gap:8px!important}.workflow-tabs button{background:#223147!important;border:1px solid #33465f!important;color:#d5dfeb!important;padding:9px 10px!important;font-size:12px!important}.workflow-tabs button.active{background:#2e845e!important;border-color:#38a677!important;color:#f2fffa!important}.filter-actions{gap:8px!important}.filter-button{height:38px!important;background:#223147!important;border:1px solid #33465f!important;color:#d5dfeb!important}.ticket-subfilters{padding:0 14px 12px!important;background:transparent!important}.ticket-subfilters select{height:38px!important;background:#223147!important;border:1px solid #33465f!important;font-size:11px!important}
.conversation-list{padding:0 10px 10px!important;background:transparent!important}.conversation-item{margin:0 0 8px!important;border:1px solid transparent!important;border-radius:20px!important;background:rgba(255,255,255,.02)!important;padding:13px 12px!important}.conversation-item:hover{background:#223147!important}.conversation-item.active{background:#2a3850!important;border-color:#4f6583!important;box-shadow:inset 3px 0 #79c8ff!important}.conversation-item.waiting{box-shadow:inset 3px 0 #79c8ff!important}.conversation-item .preview{color:#b6c2d0!important}.conversation-item .meta{color:#c4cfdb!important}
.chat-empty{background:#101826!important;border:1px solid #31415a!important;border-radius:26px!important;box-shadow:var(--v163-shadow)!important}
#messageList.message-list{padding:22px 24px 18px!important;background-color:#0f1826!important;background-image:radial-gradient(circle at 1px 1px,rgba(140,162,188,.12) 1px,transparent 0)!important;background-size:24px 24px!important}
.wag-message-row{width:min(100%,980px)!important}.wag-bubble{border-radius:18px!important;padding:8px 10px 5px!important;box-shadow:0 6px 18px rgba(0,0,0,.15)!important}.wag-bubble.out{border-bottom-right-radius:10px!important}.wag-bubble:not(.out){border-bottom-left-radius:10px!important}.wag-day-divider span{border-radius:999px!important;padding:7px 13px!important;background:#203247!important}.wag-media-image{border-radius:14px!important}.wag-media-loader{border-radius:14px!important}
.composer-wrap{background:linear-gradient(180deg,#1a2637,#182233)!important;border-top:1px solid #34465e!important}.composer-tools{padding:8px 12px 2px!important}.tool-link{border-radius:12px!important}.tool-link:hover{background:#223147!important}.composer{padding:8px 12px 12px!important;gap:8px!important}.composer textarea{min-height:46px!important;border-radius:18px!important;background:#253247!important;border:1px solid #354963!important}.send-btn{width:44px!important;height:44px!important;border-radius:50%!important;background:#36c69d!important;color:#06261f!important;box-shadow:0 8px 20px rgba(54,198,157,.22)!important}
.contact-panel{border-left:1px solid #31415a!important;background:#152031!important}.message-center{top:23px!important;right:28px!important}.message-center-btn{background:#223147!important;border:1px solid #40516a!important;border-radius:14px!important;box-shadow:0 10px 20px rgba(0,0,0,.15)!important}.message-center-panel{top:48px!important;border-radius:18px!important;overflow:hidden!important}
@media(max-width:1360px){.app{grid-template-columns:88px minmax(0,1fr)!important}.page-inbox.active{grid-template-columns:356px minmax(0,1fr)!important}.desktop-topbar{padding:0 14px!important}.topbar-logo b{display:none}.message-center{right:18px!important}}
@media(max-width:860px){.workspace{grid-template-rows:0 minmax(0,1fr)!important;padding:0!important;gap:0!important}.desktop-topbar{display:none!important}.message-center{top:6px!important;right:8px!important}.app{display:block!important}.rail{margin:0!important;border-radius:0!important}}

/* 1.8.0 — API, acciones destructivas y documentación */
.api-example{white-space:pre-wrap;word-break:break-word;margin:8px 0 0;padding:12px 14px;border:1px solid #344862;border-radius:14px;background:#0d1724;color:#cfe0f2;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.api-doc-box{padding:16px 18px}.api-doc-box p{margin:5px 0 10px}.token-reveal{display:grid;gap:9px;margin-top:14px;padding:14px;border:1px solid #2b6b59;border-radius:16px;background:#10251f}.token-reveal code{display:block;padding:10px;word-break:break-all;font-size:12px}.action-list{display:grid;gap:9px}.check-card span{display:grid;gap:2px}.check-card small{font-size:10.5px}.account-actions .acc-api{border-color:#376a82!important}.account-actions .acc-clear-chats{margin-left:auto}.callout.warn{background:#302719!important;border-color:#66512a!important;color:#ffe6ac!important}

/* WAG CRM 1.8.1 — Kanban comercial */
.page-kanban{padding:22px!important;background:linear-gradient(180deg,#0d1522,#101827)!important;overflow:hidden!important}
.kanban-page-head{margin:0 0 12px!important;align-items:flex-start!important}.kanban-page-head h1{font-size:24px!important}.kanban-page-head p{max-width:720px}
.kanban-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kanban-owner{min-width:190px;background:#1f2c40;color:#eef4fb;border:1px solid #3b4d68;border-radius:14px;padding:10px 12px}
.kanban-board-meta{min-height:22px;color:#9eb0c5;font-size:12px;margin-bottom:8px}.kanban-board{height:calc(100% - 98px);display:flex;align-items:stretch;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 12px;scrollbar-color:#4b5f7a transparent}
.kanban-column{flex:0 0 310px;display:flex;flex-direction:column;min-height:0;background:#172234;border:1px solid #34455f;border-radius:22px;overflow:hidden;box-shadow:0 16px 34px #0002}
.kanban-column-head{display:flex;align-items:center;gap:8px;padding:13px 14px;background:#202d42;border-bottom:1px solid #354762}.kanban-column-dot{width:10px;height:10px;border-radius:50%;background:var(--kcolor,#64748b);box-shadow:0 0 0 4px color-mix(in srgb,var(--kcolor,#64748b) 20%,transparent)}.kanban-column-head b{flex:1}.kanban-column-head em{font-style:normal;background:#2b3b53;color:#dce5f0;border-radius:999px;padding:2px 7px;font-size:11px}.kanban-column-menu{border:0;background:transparent;color:#aebcd0;font-size:18px;padding:0 3px}
.kanban-cards{flex:1;min-height:80px;overflow-y:auto;padding:10px;display:grid;align-content:start;gap:9px}.kanban-cards.drag-over{background:#1d2b40;outline:2px dashed #6aa9ff;outline-offset:-6px}
.kanban-card{background:#243249;border:1px solid #3c4f6b;border-radius:16px;padding:11px;cursor:grab;box-shadow:0 6px 16px #0002}.kanban-card:active{cursor:grabbing}.kanban-card:hover{border-color:#5f789b;background:#283852}.kanban-card-top{display:flex;gap:8px;align-items:flex-start}.kanban-card-top .avatar{width:34px;height:34px}.kanban-card-main{min-width:0;flex:1}.kanban-card-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card-route{font-size:10.5px;color:#8ad5ff;margin-top:2px}.kanban-card-preview{font-size:12px;color:#c9d3df;margin:8px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card-labels{display:flex;flex-wrap:wrap;gap:5px}.kanban-label{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 7px;font-size:9.5px;background:#162132;border:1px solid #40516b}.kanban-label i{width:7px;height:7px;border-radius:50%;display:block}.kanban-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#94a6ba;font-size:10px}.kanban-card-actions{display:flex;gap:5px}.kanban-card-actions button{border:0;border-radius:9px;background:#1b2739;color:#cbd5e1;padding:5px 7px;font-size:10px}.kanban-card-actions button:hover{background:#33455f}.kanban-empty{padding:26px 12px;text-align:center;color:#7f91a7;font-size:12px}.kanban-add-hint{padding:10px 12px;text-align:center;color:#91a4ba;border-top:1px dashed #33455f;font-size:10.5px}
.kanban-label-picker{display:flex;flex-wrap:wrap;gap:7px;padding-top:3px}.kanban-label-check{display:inline-flex;align-items:center;gap:6px;border:1px solid #3a4d67;border-radius:999px;padding:6px 9px;background:#1c283b;cursor:pointer}.kanban-label-check input{accent-color:#35c59a}.kanban-label-check i{width:9px;height:9px;border-radius:50%}
.kanban-transfer-box{margin-top:10px;padding:10px;background:#152031;border:1px solid #31425a;border-radius:14px}
@media(max-width:900px){.page-kanban{padding:12px!important}.kanban-page-head{display:grid!important}.kanban-head-actions{width:100%}.kanban-owner{flex:1}.kanban-board{height:calc(100% - 160px)}.kanban-column{flex-basis:88vw}}

/* WAG CRM 1.9.0 — IA, automatizaciones y bloqueo por ruta */
.info-block #waBlockBtn,.info-block #automationToggleBtn{margin-top:8px}
.page-automations{background:#0d1420!important}
.automation-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.automation-stats .stat-card{background:#172130!important;border-color:#304158!important}
.automation-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0 10px}.automation-section-head h2{margin:0;font-size:17px}.automation-section-head p{margin:4px 0 0;color:#91a0b3;font-size:12px}
.automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:14px}.automation-card,.ai-agent-card{background:#172130;border:1px solid #304158;border-radius:18px;box-shadow:0 10px 28px #0002}.automation-card{padding:15px}.automation-card.is-off,.ai-agent-card.is-off{opacity:.62}.automation-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.automation-title{display:flex;align-items:center;gap:8px;font-size:14px}.auto-dot{width:9px;height:9px;border-radius:50%;background:#64748b}.auto-dot.on{background:#27c893;box-shadow:0 0 0 4px #27c89318}.automation-meta{color:#9caabe;font-size:11px;margin-top:4px}.automation-actions{display:flex;gap:6px}.automation-actions button{padding:7px 9px;font-size:11px}.flow-preview{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:14px 2px 9px}.flow-chip{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;min-height:46px;max-width:190px;padding:7px 10px;border:1px solid #3a4d67;border-radius:12px;background:#202d40;color:#e7eef7;font-size:11px}.flow-chip b{font-size:11px}.flow-chip small{color:#9aabba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-chip.trigger{border-color:#8d5067;background:linear-gradient(135deg,#6e3148,#4d2947)}.flow-chip.end{border-color:#31815e;background:#173c31}.flow-arrow{color:#6f849c;font-weight:900}.automation-foot{display:flex;justify-content:space-between;border-top:1px solid #2b3b50;padding-top:9px;color:#9caabe;font-size:10.5px}.automation-empty{display:grid;gap:5px;place-items:center;text-align:center;min-height:130px;background:#172130;border:1px dashed #34465e;border-radius:17px;color:#94a5b9}.ai-agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.ai-agent-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:14px;align-items:start}.ai-agent-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#523b83,#2e506f)}.ai-agent-copy>div:first-child{display:flex;align-items:center;gap:7px}.ai-agent-copy p{font-size:11px;color:#aab8c8;line-height:1.45;margin:8px 0}.ai-agent-copy small{display:block;margin-top:3px}
#modal:has(.flow-modal-grid) .modal-card{width:min(96vw,1180px)}#modal:has(.flow-modal-grid) .modal-body{padding:0;overflow:hidden}.flow-modal-grid{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:560px;max-height:68vh}.flow-settings{padding:16px;overflow:auto;border-right:1px solid #304158;background:#141f2d}.flow-canvas{min-width:0;display:flex;flex-direction:column;background:#0e1723;background-image:radial-gradient(circle,#27364a 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.flow-canvas-head{padding:13px 16px;background:#172130;border-bottom:1px solid #304158}.flow-canvas-head b{display:block}.flow-canvas-head small{display:block;color:#93a4b7;margin-top:3px}.flow-builder{overflow:auto;padding:20px 24px 60px;display:flex;flex-direction:column;align-items:center}.flow-builder-node{width:min(100%,520px);background:#1b293b;border:1px solid #3b4e68;border-radius:15px;box-shadow:0 8px 22px #0003;padding:11px}.flow-builder-node.fixed{display:flex;align-items:center;gap:10px;width:290px;background:linear-gradient(135deg,#653449,#493249);border-color:#8e526a}.flow-builder-node.fixed.end{background:#173c31;border-color:#317e5c}.flow-node-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#111a27}.flow-node-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.flow-node-head select{background:#243247;border:1px solid #405570;color:#edf4fb;border-radius:10px;padding:8px}.flow-step-actions{display:flex;gap:3px}.flow-step-actions button{width:27px;height:27px;border:0;border-radius:8px;background:#26364c;color:#cbd6e3}.flow-step-actions button:disabled{opacity:.25}.flow-node-config{margin-top:10px;padding-top:10px;border-top:1px solid #304158}.flow-node-config .field{margin:0}.flow-node-config input,.flow-node-config select,.flow-node-config textarea{background:#121d2a!important;border-color:#344862!important}.flow-builder-connector{height:27px;display:grid;place-items:center;color:#6f89a4;font-size:18px}.flow-add-step{margin-top:15px;border:1px dashed #537294;background:#172538;color:#cfe3f5;padding:10px 15px;border-radius:12px}.flow-note{padding:10px;border-radius:10px;background:#392f18;color:#ffdd8b;border:1px solid #675423;font-size:11px}.business-hours{padding-top:8px;border-top:1px solid #2d4056}.day-pills{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.day-pills label input{display:none}.day-pills label span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#202e42;border:1px solid #344861;color:#9fb0c4;font-size:11px}.day-pills label input:checked+span{background:#20694f;border-color:#2d9f75;color:#eafff6}.hours-row{display:flex;align-items:center;gap:7px}.hours-row input{min-width:0}.ai-form small{display:block;margin-top:4px;color:#91a1b3}
@media(max-width:900px){.automation-stats{grid-template-columns:1fr}.automation-grid,.ai-agent-grid{grid-template-columns:1fr}.flow-modal-grid{grid-template-columns:1fr;max-height:74vh;overflow:auto}.flow-settings{border-right:0;border-bottom:1px solid #304158}.flow-canvas{min-height:500px}.automation-card-head{flex-direction:column}.automation-actions{width:100%}}