/* 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%}}

/* WAG CRM 1.9.3 — agenda de bloqueados y alcance global */
.contact-view-tabs{display:flex;gap:8px;margin:-6px 0 14px;padding:6px;background:#111b29;border:1px solid #2e3e54;border-radius:16px;width:max-content;max-width:100%}.contact-view-tabs button{border:0;background:transparent;color:#aebbc9;padding:9px 14px;border-radius:12px;font-weight:700}.contact-view-tabs button.active{background:#2a3a51;color:#fff;box-shadow:inset 0 0 0 1px #4a627f}.contact-view-tabs em{font-style:normal;background:#db4e5b;color:#fff;border-radius:999px;padding:1px 6px;margin-left:5px;font-size:10px}.blocked-account-list{display:flex;gap:5px;flex-wrap:wrap}.block-summary{padding:12px 14px;border:1px solid #3a4c64;border-radius:14px;background:#1c293b;margin-bottom:12px}.block-summary.global{border-color:#7c3941;background:#351f29}.block-summary b{display:block;font-size:14px}.block-summary p{margin:4px 0 0;color:#b5c2d1;font-size:12px}.block-route{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.block-route>div{display:grid;gap:2px}.block-route small{color:#8496aa}.block-route.blocked{border-color:#6f3541!important;background:#2d202a!important}.action-list{display:grid;gap:8px;margin-bottom:12px}.action-list button:disabled{opacity:.45;cursor:not-allowed}.status-pill.bad{background:#4a252d!important;color:#ffbec5!important}.toolbar .hidden{display:none!important}
@media(max-width:860px){.contact-view-tabs{width:100%;overflow:auto}.contact-view-tabs button{white-space:nowrap}.page-header{align-items:flex-start}.toolbar{flex-wrap:wrap}}

/* WAG CRM 1.9.3 — progreso visible para borrado masivo de chats */
.delete-job-state{margin-top:14px}.delete-job-card{border:1px solid #263d4d;background:#0d1922;border-radius:14px;padding:14px}.delete-job-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.delete-job-head>div{display:grid;gap:3px}.delete-job-head small{color:#91a3b4}.delete-job-head strong{font-size:22px;color:#dbeafe}.delete-job-progress{height:10px;border-radius:999px;overflow:hidden;background:#172731;margin:12px 0}.delete-job-progress i{display:block;height:100%;min-width:0;background:var(--accent,#21c58b);border-radius:inherit;transition:width .3s ease}.delete-job-card.failed .delete-job-progress i{background:#ef5b6c}.delete-job-card.done .delete-job-progress i{background:#21c58b}.delete-job-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#9db0bf}.delete-job-stats b{color:#edf6ff}.delete-job-error{margin-top:10px;padding:9px 11px;border-radius:10px;background:#321b20;border:1px solid #61313a;color:#ffc5cc;font-size:12px;line-height:1.35;word-break:break-word}.delete-job-card>.muted{display:block;margin-top:10px}

/* WAG CRM 1.9.8 — fotos de perfil WhatsApp */
.avatar,.m-avatar{position:relative;overflow:hidden}.avatar .profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:2}.avatar .avatar-fallback{position:relative;z-index:1}.avatar.has-profile-photo{background:#182738!important}.contact-hero .avatar.xlarge .profile-photo,.chat-head .avatar.large .profile-photo{object-fit:cover}

/* WAG CRM 1.9.8 — constructor visual de flujos */
#modal .modal-card.flow-graph-modal-card{width:min(98vw,1540px);height:min(92vh,900px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#modal .flow-graph-modal-card .modal-body{padding:0;min-height:0;overflow:hidden}
.flow-graph-modal-grid{display:grid;grid-template-columns:330px minmax(0,1fr);height:100%;min-height:0;background:#0b1420}
.flow-settings-modern{padding:16px;overflow:auto;background:#111c2a;border-right:1px solid #2d3d52}.flow-settings-modern .field{margin-bottom:8px}.flow-settings-modern label{font-size:11px}.flow-settings-modern input,.flow-settings-modern select{min-height:40px}
.flow-designer{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#0a1320}.flow-designer-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #2c3d52;background:#142032}.flow-designer-top b{display:block;font-size:13px}.flow-designer-top small{display:block;color:#93a4b8;margin-top:2px;font-size:10.5px}.flow-designer-zoom{display:flex;align-items:center;gap:6px}.flow-designer-zoom button{width:30px;height:30px;border-radius:9px;border:1px solid #3b4f69;background:#202e42;color:#e8eef6}.flow-designer-zoom span{min-width:48px;text-align:center;font-size:11px;color:#aebcc9}
.flow-palette{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;background:#101b29;border-bottom:1px solid #26384e}.flow-palette button{flex:0 0 auto;display:flex;align-items:center;gap:6px;border:1px solid #334861;background:#19273a;color:#cdd9e6;border-radius:10px;padding:7px 9px;font-size:10.5px}.flow-palette button:hover{background:#24354c;border-color:#4c6787}.flow-palette button span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#0d1724;color:#fff}
.flow-designer-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 285px}.flow-viewport{position:relative;min-width:0;min-height:0;overflow:auto;background-color:#0c1522;background-image:radial-gradient(circle,#314058 1px,transparent 1px);background-size:20px 20px}.flow-stage{position:relative;min-width:100%;min-height:100%}.flow-surface{position:absolute;left:0;top:0;transform-origin:0 0}.flow-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.flow-edge-group{pointer-events:stroke;cursor:pointer}.flow-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke}.flow-edge{fill:none;stroke:#6d85a0;stroke-width:2.2;pointer-events:none}.flow-edge.yes{stroke:#3fd298}.flow-edge.no{stroke:#ef6c7c}.flow-edge-group:hover .flow-edge{stroke-width:3.5;filter:drop-shadow(0 0 4px rgba(113,162,214,.4))}.flow-edge-label{font-size:10px;font-weight:800;fill:#aebfd1;paint-order:stroke;stroke:#0c1522;stroke-width:4px}.flow-edge-label.yes{fill:#62e3b2}.flow-edge-label.no{fill:#ff8d9a}
.flow-graph-node{position:absolute;width:280px;min-height:92px;border-radius:16px;border:1px solid #3b4e68;background:#1a2739;box-shadow:0 12px 24px rgba(0,0,0,.25);z-index:3;user-select:none}.flow-graph-node.selected{box-shadow:0 0 0 2px #69a7ff,0 14px 30px #0005}.flow-graph-node.type-incoming{background:linear-gradient(135deg,#753a52,#4a3150);border-color:#9a5d77}.flow-graph-node.type-end{background:linear-gradient(135deg,#174c3c,#16392f);border-color:#328563}.flow-graph-node.type-ai{border-color:#6f63a5}.flow-graph-node.type-contains{border-color:#b7853b}.flow-graph-node.type-add_label{border-color:#8a5da4}.flow-graph-node.type-kanban_stage{border-color:#3d799f}.flow-graph-node.type-transfer_area,.flow-graph-node.type-assign_user{border-color:#4d8f7c}.flow-graph-node.type-pause{border-color:#a86969}
.flow-graph-node-head{height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:7px 9px;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab}.flow-graph-node-head:active{cursor:grabbing}.flow-graph-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0f1927;color:#fff;font-size:15px}.flow-graph-node-head b{display:block;font-size:12px}.flow-graph-node-head small{display:block;color:#91a3b8;font-size:8.5px;margin-top:1px}.flow-node-remove{width:26px;height:26px;border:0;border-radius:8px;background:#2b3748;color:#cbd6e2}.flow-node-remove:hover{background:#62303a;color:#fff}.flow-graph-node-body{padding:10px 12px 12px;color:#c2cfdd;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-input-port{position:absolute;left:-7px;top:39px;width:14px;height:14px;border:3px solid #172334;border-radius:50%;background:#9db0c4;z-index:5;cursor:crosshair}.flow-input-port:hover{background:#fff;transform:scale(1.2)}.flow-input-port:disabled{visibility:hidden}.flow-ports{position:absolute;right:-12px;top:32px;display:flex;flex-direction:column;gap:5px}.flow-port{min-width:24px;height:24px;padding:0 5px;border-radius:999px;border:2px solid #172334;background:#7e93a9;color:#0a111a;font-size:8px;font-weight:900;cursor:crosshair}.flow-port.yes{background:#4bd6a1}.flow-port.no{background:#ef7483}.flow-port:hover{transform:scale(1.08)}
.flow-inspector{min-width:0;overflow:auto;padding:13px;background:#111c2a;border-left:1px solid #2d4057}.flow-inspector-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #2c3e54;margin-bottom:10px}.flow-inspector-head>div{display:flex;align-items:center;gap:8px}.flow-inspector-head>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1e2d41}.flow-inspector-head small{color:#7f91a7;font-size:9px}.flow-inspector-config{display:block}.flow-inspector-config .field{margin-bottom:10px}.flow-inspector-config input,.flow-inspector-config select,.flow-inspector-config textarea{background:#0d1724!important;border-color:#344861!important}.flow-inspector-empty{display:grid;gap:5px;place-items:center;text-align:center;min-height:220px;color:#8295aa}.flow-inspector-empty b{color:#dbe5ef}.flow-inspector-connections{display:grid;gap:6px;padding:10px 0;border-top:1px solid #2a3d53;border-bottom:1px solid #2a3d53;margin:10px 0}.flow-inspector-connections b{font-size:10px;color:#8fa2b7;text-transform:uppercase;letter-spacing:.05em}.flow-inspector-connections button{border:1px solid #3b4f68;background:#1a293c;color:#dce7f3;border-radius:9px;padding:8px;text-align:left;font-size:10.5px}
.flow-minimap{position:sticky;left:calc(100% - 155px);bottom:12px;width:145px;height:88px;border:1px solid #40526a;background:rgba(16,27,41,.92);border-radius:10px;box-shadow:0 8px 20px #0004;pointer-events:none;z-index:7}.flow-minimap i{position:absolute;display:block;border-radius:2px;background:#6e8197}.flow-minimap i.type-incoming{background:#b05f7b}.flow-minimap i.type-end{background:#3aa474}.flow-minimap i.type-ai{background:#7d72bd}.flow-minimap i.type-contains{background:#c99a50}.flow-connect-state{position:sticky;left:12px;bottom:12px;width:max-content;max-width:340px;padding:7px 10px;border:1px solid #3b5069;background:rgba(18,31,47,.95);border-radius:10px;color:#b9c8d8;font-size:9.5px;z-index:7}
@media(max-width:1100px){#modal .modal-card.flow-graph-modal-card{width:99vw;height:94vh}.flow-graph-modal-grid{grid-template-columns:285px minmax(0,1fr)}.flow-designer-main{grid-template-columns:minmax(0,1fr) 240px}.flow-graph-node{width:250px}.flow-palette button{font-size:0}.flow-palette button span{font-size:12px}}
@media(max-width:820px){.flow-graph-modal-grid{grid-template-columns:1fr}.flow-settings-modern{display:none}.flow-designer-main{grid-template-columns:1fr}.flow-inspector{position:absolute;right:0;top:0;bottom:0;width:min(82vw,300px);z-index:12;box-shadow:-12px 0 28px #0008}.flow-designer{position:relative}.flow-graph-modal-grid{min-height:620px}.flow-designer-top small{display:none}.flow-minimap{display:none}}


/* WAG CRM 1.9.8 — scroll vertical + paginación */
/* El workspace usa dos filas (topbar + contenido). Las páginas normales deben poder desplazarse dentro de la segunda fila. */
.workspace>.page.active:not(.page-inbox):not(.page-kanban){
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  padding-bottom:34px!important;
}
.workspace>.page.active:not(.page-inbox):not(.page-kanban)::-webkit-scrollbar{width:12px}
.workspace>.page.active:not(.page-inbox):not(.page-kanban)::-webkit-scrollbar-track{background:#0b1420;border-radius:999px}
.workspace>.page.active:not(.page-inbox):not(.page-kanban)::-webkit-scrollbar-thumb{background:#334861;border:3px solid #0b1420;border-radius:999px}
.workspace>.page.active:not(.page-inbox):not(.page-kanban)::-webkit-scrollbar-thumb:hover{background:#49627f}
#page-accounts,#page-contacts{scrollbar-color:#405773 #0b1420}
.contacts-table-card{overflow-x:auto!important;overflow-y:visible!important}
.contacts-table-card thead th{position:sticky;top:0;z-index:2;background:#101d29}
.data-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 6px;padding:10px 12px;border:1px solid #2d4056;border-radius:15px;background:#111c29;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.data-pager.hidden{display:none!important}
.data-pager-info{display:flex;align-items:center;gap:9px;color:#9fb0c3;font-size:12px}
.data-pager-info b{color:#edf4fb}
.data-pager-size{display:flex;align-items:center;gap:7px;color:#8fa2b6;font-size:11px}
.data-pager-size select{background:#1a293b;color:#e9f1f8;border:1px solid #344962;border-radius:10px;padding:7px 9px}
.data-pager-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.data-pager-nav button{min-width:34px;height:34px;padding:0 9px;border:1px solid #344962;border-radius:10px;background:#1a293b;color:#cfdae5}
.data-pager-nav button:hover:not(:disabled){background:#263a52;border-color:#4b6688}
.data-pager-nav button.active{background:#23835f;border-color:#2aa979;color:#fff;font-weight:800}
.data-pager-nav button:disabled{opacity:.35;cursor:not-allowed}
#accountGrid{padding-bottom:2px}
@media(max-width:860px){.workspace>.page.active:not(.page-inbox):not(.page-kanban){overflow-y:auto!important;padding:14px!important}.data-pager{margin-bottom:74px}.data-pager-info{width:100%;justify-content:space-between}}


/* WAG CRM 1.9.10 — cola manual y acciones masivas */
.queue-bulk-bar{display:flex;align-items:center;gap:7px;padding:7px 10px;border-top:1px solid #28384c;border-bottom:1px solid #28384c;background:#151f2d;min-height:42px;flex-wrap:wrap}
.queue-bulk-bar.hidden{display:none!important}.queue-bulk-bar span{font-size:10.5px;color:#aebac8;margin-right:auto}.queue-bulk-bar button{font-size:10px;padding:6px 9px;min-height:29px}
.queue-check{display:grid;place-items:center;flex:0 0 24px;align-self:center}.queue-check input{position:absolute;opacity:0}.queue-check span{width:17px;height:17px;border:1px solid #52708e;border-radius:5px;background:#111a26}.queue-check input:checked+span{background:#38c6a5;border-color:#38c6a5;box-shadow:inset 0 0 0 4px #111a26}
.queue-actions-mini{display:grid;gap:4px}.reject-mini{padding:5px 7px;border-radius:7px;border:1px solid #a94e57;background:#4c2228;color:#ffc5ca;font-size:9.5px}.reject-mini:hover{background:#6b2a32}.reject-btn{padding:8px 12px;border-radius:9px;border:1px solid #a94e57;background:#4c2228;color:#ffc5ca;font-size:11px}.reject-btn:hover{background:#6b2a32}
@media(max-width:1180px){.queue-bulk-bar{gap:5px}.queue-bulk-bar button{padding:6px 7px}.queue-bulk-bar span{width:100%;order:5}.conversation-item{padding-left:8px!important}}

/* v1.9.10 · zona horaria configurable */
.timezone-box{display:flex;flex-direction:column;gap:14px}
.timezone-preview{min-height:44px;border:1px solid var(--line,#263746);border-radius:10px;background:rgba(7,18,28,.55);padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.timezone-preview b{font-size:15px}.timezone-preview small{color:var(--muted,#8ea3b5)}

/* WAG CRM 1.9.11 · monitor del servidor y pestañas internas */
.system-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px;padding:6px;background:#111b29;border:1px solid #2e3e54;border-radius:16px;width:max-content;max-width:100%}.system-tabs button{border:0;background:transparent;color:#9fb0c2;padding:10px 14px;border-radius:11px;font-weight:800}.system-tabs button:hover{background:#182638;color:#fff}.system-tabs button.active{background:#2a3a51;color:#fff;box-shadow:inset 0 0 0 1px #4a627f}.system-tab-panel{display:none}.system-tab-panel.active{display:block}.system-summary-grid{margin-bottom:14px}.server-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-card{background:#101b27;border:1px solid #2a394b;border-radius:16px;padding:15px;min-width:0}.health-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-head span{color:#92a5b8;font-size:12px}.health-head strong{font-size:22px}.health-meter{height:9px;background:#0b131d;border:1px solid #263648;border-radius:999px;overflow:hidden;margin:13px 0 10px}.health-meter i{display:block;height:100%;width:0;background:#24c996;border-radius:inherit;transition:width .35s ease}.health-meter i.warn{background:#e8ad43}.health-meter i.danger{background:#ee5b69}.health-meta{display:flex;justify-content:space-between;gap:10px;color:#8fa2b5;font-size:11px;min-width:0}.health-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-lines{display:grid;gap:8px;margin:16px 0 12px}.network-lines span{display:flex;justify-content:space-between;gap:10px;color:#99aabd}.network-lines b{color:#e6f1f7}.system-status-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-kv-list{padding:8px 16px}.system-kv-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #1d2a34}.system-kv-list>div:last-child{border-bottom:0}.system-kv-list span{color:#8fa2b5}.process-table{padding:8px 16px}.process-row{display:grid;grid-template-columns:90px 1fr 120px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #1d2a34}.process-row.head{color:#8196a2;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.process-row:last-child{border-bottom:0}.process-row b{text-align:right}.contacts-loading,.contacts-load-error{padding:28px;text-align:center;color:#8ea2b5}.contacts-load-error{color:#ff9fa9}.contacts-table-card tbody:empty:after{content:'Cargando…';display:block;padding:24px;color:#8ea2b5}
@media(max-width:1180px){.server-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.system-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.system-tabs button{white-space:nowrap}.server-health-grid,.system-status-columns{grid-template-columns:1fr}.process-row{grid-template-columns:62px 1fr 90px}.health-meta{flex-direction:column}}


/* WAG CRM 1.9.12 · estado persistente de bloqueo dentro del chat */
.chat-block-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #b44450;background:#4c2027;color:#ffd0d5;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.chat-block-badge.pending{border-color:#9a6b24;background:#3a2b16;color:#ffd994}.chat-blocked-bar{display:flex;align-items:center;justify-content:center;gap:28px;min-height:72px;padding:12px 18px;border-top:1px solid #30383b;background:#1d2020;box-shadow:0 -10px 24px rgba(0,0,0,.18)}.chat-blocked-bar.hidden{display:none!important}.chat-blocked-copy{display:flex;flex-direction:column;gap:3px;max-width:540px}.chat-blocked-copy b{color:#ffd5d9;font-size:12px}.chat-blocked-copy span{color:#9facb2;font-size:10.5px;line-height:1.35}.chat-blocked-actions{display:flex;align-items:center;gap:14px}.blocked-delete-btn,.blocked-unblock-btn{min-width:150px;border-radius:999px;padding:10px 18px;font-size:11px;font-weight:800;background:transparent}.blocked-delete-btn{border:1px solid #6c3d43;color:#ff8e99}.blocked-delete-btn:hover{background:#442128}.blocked-unblock-btn{border:1px solid #285f49;color:#27d17f}.blocked-unblock-btn:hover{background:#173d30}.composer-wrap.hidden{display:none!important}
@media(max-width:900px){.chat-blocked-bar{flex-direction:column;align-items:stretch;gap:10px}.chat-blocked-actions{width:100%}.blocked-delete-btn,.blocked-unblock-btn{flex:1;min-width:0}}

/* v1.9.15 · portapapeles + notas de voz */
.voice-record-bar{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#321d25;border-top:1px solid #6b3345;color:#ffd9e1;font-size:11px}
.voice-record-bar.hidden{display:none!important}.voice-record-bar .voice-dot{width:9px;height:9px;border-radius:50%;background:#ff5b78;box-shadow:0 0 0 0 rgba(255,91,120,.55);animation:wagVoicePulse 1.2s infinite}.voice-record-bar b{font-size:11px}.voice-record-bar #voiceRecordTime{font-variant-numeric:tabular-nums;color:#fff}.voice-record-bar button{margin-left:auto;border:1px solid #714052;background:#25151c;color:#ffc2cf;border-radius:10px;padding:5px 9px}
#voiceBtn.recording{background:#5b2230!important;color:#ffd5de!important;border-color:#aa425c!important}
.attachment-card.voice-note .attachment-thumb{background:#321d25!important;color:#ff91a8!important}.attachment-card.voice-note .attachment-info b:before{content:"🎙 "}.composer-wrap.clipboard-ready{outline:1px dashed #37c7a0;outline-offset:-3px}
@keyframes wagVoicePulse{0%{box-shadow:0 0 0 0 rgba(255,91,120,.55)}70%{box-shadow:0 0 0 7px rgba(255,91,120,0)}100%{box-shadow:0 0 0 0 rgba(255,91,120,0)}}

/* WAG CRM 1.9.18 - Laboratorio interno de agentes IA */
.status-pill.test{background:#6b5522;color:#ffe6a3;border:1px solid #9b7930}.ai-agent-actions{display:flex;flex-direction:column;gap:7px}.ai-agent-actions button{white-space:nowrap}.ai-draft-note{display:flex!important;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #6c5728;border-radius:12px;background:#2a2416;color:#f9dfa1}.ai-draft-note span{font-size:11px;color:#ceb980}
.ai-test-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #36506c;border-radius:17px;background:linear-gradient(135deg,#152437,#14202e);box-shadow:0 10px 28px #0002}.ai-test-launcher>div:first-child{display:flex;flex-direction:column;gap:5px}.ai-test-launcher b{font-size:14px}.ai-test-launcher span{font-size:11px;color:#94a6ba}.ai-test-launcher-actions{display:flex;gap:8px;min-width:min(100%,470px)}.ai-test-launcher-actions select{flex:1;min-width:210px}
#modal .modal-card.ai-test-modal-card{width:min(96vw,1180px);height:min(88vh,820px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}#modal .ai-test-modal-card .modal-body{padding:0;min-height:0;overflow:hidden}.ai-test-grid{display:grid;grid-template-columns:300px minmax(0,1fr);height:100%;min-height:0;background:#0d1621}.ai-test-sidebar{padding:15px;overflow:auto;border-right:1px solid #2d4056;background:#131f2d}.ai-test-sidebar .field{margin-bottom:11px}.ai-test-safety{padding:11px 12px;margin-bottom:14px;border-radius:12px;background:#172d28;border:1px solid #285c4d}.ai-test-safety b{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ai-test-safety p{font-size:10.5px;line-height:1.45;color:#9fc5b9;margin:7px 0 0}.ai-test-config{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:11px 12px;border:1px solid #30455d;border-radius:12px;background:#101a26}.ai-test-config b{font-size:11px;color:#dce8f5}.ai-test-config span{font-size:10.5px;color:#8fa2b8}
.ai-test-workspace{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;background:#0f1824;background-image:radial-gradient(circle,#1d2c3f 1px,transparent 1px);background-size:22px 22px}.ai-test-chat{min-height:0;overflow:auto;padding:24px 24px 14px;scroll-behavior:smooth}.ai-test-empty{min-height:100%;display:grid;place-content:center;text-align:center;gap:6px;color:#a5b5c8}.ai-test-empty b{color:#e7eef7}.ai-test-empty span{font-size:11px;max-width:440px}.ai-test-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 12px}.ai-test-row.user{align-items:flex-end}.ai-test-bubble{max-width:min(76%,680px);padding:10px 12px;border-radius:15px;background:#1b2a3d;border:1px solid #344c67;color:#edf4fb;font-size:12px;line-height:1.5;box-shadow:0 5px 16px #0002}.ai-test-row.user .ai-test-bubble{background:#17654f;border-color:#2b9170}.ai-test-bubble small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#8fa4b8;margin-bottom:4px}.ai-test-row.user .ai-test-bubble small{color:#b7ebd9}.ai-test-meta{margin-top:4px;padding:0 4px;color:#71869d;font-size:9.5px}.ai-test-debug-wrap{padding:0 16px}.ai-test-debug{border:1px solid #2e4158;border-radius:11px;background:#111c29;margin-bottom:8px}.ai-test-debug summary{cursor:pointer;padding:8px 10px;color:#9eb0c4;font-size:10.5px}.ai-test-debug-stats{display:flex;gap:8px;flex-wrap:wrap;padding:0 10px 9px}.ai-test-debug-stats span{padding:5px 7px;border-radius:8px;background:#172538;color:#91a6bc;font-size:9.5px}.ai-test-debug label{display:block;padding:0 10px 5px;color:#8194aa;font-size:9.5px}.ai-test-debug pre{margin:0 10px 10px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:9px;border-radius:8px;background:#0b131d;color:#9eb2c8;font-size:9.5px;line-height:1.45}.ai-test-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 14px 14px;background:#121e2c;border-top:1px solid #2b3c52}.ai-test-composer textarea{resize:none;min-height:48px;max-height:120px}.ai-test-composer button{align-self:stretch;min-width:92px}
@media(max-width:760px){.ai-test-launcher{align-items:stretch;flex-direction:column}.ai-test-launcher-actions{min-width:0;width:100%;flex-direction:column}.ai-test-launcher-actions select{min-width:0}.ai-agent-actions{grid-column:1/-1;flex-direction:row}.ai-agent-actions button{flex:1}#modal .modal-card.ai-test-modal-card{width:99vw;height:94vh}.ai-test-grid{grid-template-columns:1fr}.ai-test-sidebar{display:none}.ai-test-chat{padding:14px 10px}.ai-test-bubble{max-width:88%}.ai-test-composer{padding:8px}.ai-test-debug-wrap{padding:0 8px}}

/* WAG CRM 1.9.19 - Laboratorio interno de flujos */
.flow-test-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:16px 18px;border:1px solid #48617c;border-radius:17px;background:linear-gradient(135deg,#18273a,#131f2d);box-shadow:0 10px 28px #0002}.flow-test-launcher>div:first-child{display:flex;flex-direction:column;gap:5px}.flow-test-launcher b{font-size:14px}.flow-test-launcher span{font-size:11px;color:#98aabd}
#modal .modal-card.flow-test-modal-card{width:min(97vw,1240px);height:min(90vh,850px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}#modal .flow-test-modal-card .modal-body{padding:0;min-height:0;overflow:hidden}.flow-test-grid{display:grid;grid-template-columns:310px minmax(0,1fr);height:100%;min-height:0;background:#0d1621}.flow-test-workspace{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;background:#0f1824;background-image:radial-gradient(circle,#1d2c3f 1px,transparent 1px);background-size:22px 22px}.flow-test-chat{min-height:0;overflow:auto;padding:22px 24px 14px;scroll-behavior:smooth}.flow-test-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 12px}.flow-test-row.user{align-items:flex-end}.flow-test-row.suggestion .ai-test-bubble{background:#2d2818;border-color:#6f5a26;color:#ffe5a3}.flow-test-row.suggestion .ai-test-bubble small{color:#cdb46e}.flow-test-row .ai-test-bubble{max-width:min(78%,700px)}.flow-test-row.user .ai-test-bubble{background:#17654f;border-color:#2b9170}.flow-test-result{max-height:310px;overflow:auto;padding:0 14px 8px}.flow-test-behavior{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;margin-bottom:8px;border:1px solid #35516c;border-radius:10px;background:#142335}.flow-test-behavior.auto{border-color:#2d725b;background:#142d27}.flow-test-behavior.manual{border-color:#765f2e;background:#2c2618}.flow-test-behavior b{font-size:10.5px}.flow-test-behavior span{font-size:9.5px;color:#9eb1c5}.flow-test-path,.flow-test-effects{padding:10px;border:1px solid #2e4056;border-radius:11px;background:#101b28;margin-bottom:8px}.flow-test-path>label,.flow-test-effects>label{display:block;margin-bottom:8px;color:#8ea2b8;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em}.flow-test-path>div{display:flex;align-items:center;gap:5px;overflow-x:auto;padding-bottom:2px}.flow-test-step{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;max-width:200px;padding:7px 9px;border:1px solid #3a4f68;border-radius:10px;background:#182639}.flow-test-step b{font-size:9.5px}.flow-test-step small{font-size:8.5px;color:#91a5ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-test-step em{font-style:normal;font-size:8px;font-weight:900;color:#dbe7f2}.flow-test-step.yes{border-color:#2f8a68}.flow-test-step.yes em{color:#67e7b6}.flow-test-step.no{border-color:#9a4d5b}.flow-test-step.no em{color:#ff93a1}.flow-test-arrow{flex:0 0 auto;color:#6f849b}.flow-test-effects{display:grid;gap:6px}.flow-test-effects>label{margin-bottom:2px}.flow-test-effect{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:9px;background:#162437}.flow-test-effect b{font-size:9.5px}.flow-test-effect span{font-size:9.5px;color:#9eafc1}.flow-test-effect em{font-size:8px;font-style:normal;border:1px solid #6c5b2a;border-radius:999px;padding:2px 5px;color:#e4ca78}.flow-test-ai .ai-test-debug{margin-bottom:8px}
@media(max-width:780px){.flow-test-launcher{align-items:stretch;flex-direction:column}.flow-test-grid{grid-template-columns:1fr}.flow-test-grid .ai-test-sidebar{display:none}#modal .modal-card.flow-test-modal-card{width:99vw;height:94vh}.flow-test-chat{padding:14px 10px}.flow-test-result{padding:0 8px 6px;max-height:260px}.flow-test-row .ai-test-bubble{max-width:90%}}

/* WAG CRM 1.9.20 - laboratorio de flujos a pantalla completa + diagnóstico de ciclos */
#modal .modal-card.flow-test-modal-card.flow-test-fullscreen{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;border-left:0!important;border-right:0!important;margin:0!important}
#modal:has(.flow-test-modal-card.flow-test-fullscreen){place-items:stretch!important}
#modal .flow-test-modal-card.flow-test-fullscreen .flow-test-grid{grid-template-columns:330px minmax(0,1fr)}
#modal .flow-test-modal-card.flow-test-fullscreen .flow-test-chat{padding:26px 32px 16px}
#modal .flow-test-modal-card.flow-test-fullscreen .flow-test-result{max-height:36vh;padding:0 20px 10px}
.flow-test-warning{display:flex;flex-direction:column;gap:5px;padding:11px 12px;margin-bottom:8px;border:1px solid #9a6130;border-radius:11px;background:#332517;color:#ffd999}
.flow-test-warning b{font-size:11px;color:#ffe3a8}.flow-test-warning span{font-size:10px;line-height:1.45}.flow-test-warning small{font-size:9px;color:#cdb888}
.flow-test-step.cycle{border-color:#d16b3d;background:#392217}.flow-test-step.cycle b,.flow-test-step.cycle small{color:#ffc08b}
@media(max-width:780px){#modal .flow-test-modal-card.flow-test-fullscreen .flow-test-grid{grid-template-columns:1fr}#modal .flow-test-modal-card.flow-test-fullscreen .flow-test-chat{padding:14px 10px}#modal .flow-test-modal-card.flow-test-fullscreen .flow-test-result{max-height:34vh;padding:0 8px 6px}}

/* WAG CRM 1.9.21 - atajos / para respuestas rápidas */
.reply-picker{max-height:min(46vh,420px)!important;overflow:auto!important;z-index:35!important}
.reply-picker-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #40515a;background:#18252d;color:#dce7ec}
.reply-picker-head b{font-size:11px}.reply-picker-head span{font-size:9.5px;color:#91a4ae;text-align:right}
.reply-item.active{background:#314650!important;outline:1px solid #00a88466}
.reply-item.reply-empty{cursor:default;color:#9fb0b8}.reply-item.reply-empty:hover{background:transparent!important}
.reply-item.sending{opacity:.6;pointer-events:none}
@media(max-width:760px){.reply-picker-head{align-items:flex-start;flex-direction:column}.reply-picker-head span{text-align:left}}

/* v1.9.23 · Estados de WhatsApp por cuenta */
.page-statuses{overflow:auto;padding-bottom:36px}
.status-account-strip{display:flex;gap:10px;overflow:auto;padding:2px 2px 12px;scrollbar-width:thin}
.status-account-chip{min-width:210px;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 14px;border:1px solid var(--border,#26384d);border-radius:14px;background:#111d2a;color:#dbe7f4;cursor:pointer}
.status-account-chip:hover{border-color:#3d5a77}.status-account-chip.active{border-color:#27cda0;box-shadow:0 0 0 1px rgba(39,205,160,.18) inset;background:#122a2a}
.status-account-chip i{display:block;width:10px;height:38px;border-radius:10px;background:var(--acc,#21c58b);flex:0 0 auto}.status-account-chip span{display:grid;gap:3px;min-width:0}.status-account-chip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-account-chip small{color:#8ea2b8;white-space:nowrap}
.status-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 16px}.status-summary-card{border:1px solid #26384d;border-radius:14px;background:#111d2a;padding:14px;display:grid;gap:5px}.status-summary-card span,.status-summary-card small{color:#8ea2b8}.status-summary-card b{font-size:20px;color:#eef6ff}
.status-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.status-history-card,.status-help-card{border:1px solid #26384d;border-radius:16px;background:#0f1a26}.status-history-card{padding:14px}.status-help-card{padding:18px;height:max-content;position:sticky;top:14px}.status-help-card h3{margin:0 0 8px}.status-help-card p{color:#a1b1c3;line-height:1.5}.status-help-note{margin-top:16px;border:1px solid rgba(39,205,160,.28);background:rgba(39,205,160,.08);padding:12px;border-radius:12px;color:#bfeadd;font-size:13px;line-height:1.45}
.status-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.status-section-head h2{margin:0 0 3px}.status-section-head p{margin:0;color:#8ea2b8}.status-history{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #24364b;border-radius:14px;padding:10px;background:#101c29}.status-preview-mini{width:82px;height:82px;border-radius:12px;overflow:hidden;background:#0a131d;display:grid;place-items:center}.status-preview-mini img,.status-preview-mini video{width:100%;height:100%;object-fit:cover}.status-text-thumb{width:100%;height:100%;padding:9px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg,#128C7E);color:white;font-size:10px;line-height:1.25;overflow:hidden}.status-row-main{min-width:0}.status-row-title{display:flex;align-items:center;gap:8px}.status-row-main p{margin:6px 0;color:#d7e3ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-row-main small{color:#8196ad}.status-row-actions{display:flex;gap:7px}.status-pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;border:1px solid #354a61}.status-pill.good{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35);color:#86efac}.status-pill.warn{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#fcd34d}.status-pill.info{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);color:#93c5fd}.status-pill.bad{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#fca5a5}.status-pill.muted{color:#94a3b8}.status-error{margin-top:7px;color:#fca5a5;font-size:12px;line-height:1.35}.status-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8da0b6;gap:5px;text-align:center}.status-empty.error{color:#fca5a5}
.status-modal-card{width:min(1100px,96vw)!important;max-width:1100px!important}.status-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.status-compose-form{min-width:0}.status-compose-preview{display:grid;gap:12px;align-content:start}.status-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-type-tabs button{border:1px solid #30445b;border-radius:10px;padding:10px;background:#132131;color:#b8c8d8;cursor:pointer}.status-type-tabs button.active{background:#14382f;border-color:#24c99a;color:#d8fff3}.status-publish-tabs{display:flex;gap:10px;flex-wrap:wrap}.status-publish-tabs label{border:1px solid #30445b;background:#132131;border-radius:10px;padding:10px 13px;cursor:pointer}.status-phone-preview{height:440px;border-radius:24px;border:7px solid #0a1119;background:#101823;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.25);display:grid;place-items:center}.status-phone-preview img,.status-phone-preview video{width:100%;height:100%;object-fit:contain;background:#05090d}.status-text-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;background:var(--bg,#128C7E);color:white;font-size:24px;font-weight:600;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.status-preview-placeholder{text-align:center;color:#8ca0b7;padding:20px}.status-preview-placeholder small{color:#62778e}.status-safety-note{display:grid;gap:4px;border:1px solid rgba(39,205,160,.25);background:rgba(39,205,160,.07);border-radius:12px;padding:11px}.status-safety-note span{color:#a4b9c8;font-size:12px}
@media(max-width:1050px){.status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.status-layout{grid-template-columns:1fr}.status-help-card{position:static}.status-compose-grid{grid-template-columns:1fr}.status-compose-preview{display:none}}
@media(max-width:700px){.status-summary{grid-template-columns:1fr 1fr}.status-row{grid-template-columns:64px minmax(0,1fr)}.status-preview-mini{width:64px;height:64px}.status-row-actions{grid-column:1/-1;justify-content:flex-end}.status-account-chip{min-width:180px}.status-modal-card{width:100vw!important;max-width:none!important;height:100dvh!important;border-radius:0!important}}