:root{--green:#0aa15f;--dark:#081b25;--blue:#3154d4;--bg:#f4f7fb;--card:#fff;--muted:#64748b;--line:#e6edf5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:#102033}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#071721,#0c2432);color:#fff;padding:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand .logo{background:var(--green);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px}.brand small{display:block;color:#a8c3d1}.sidebar a{display:block;color:#d9edf5;text-decoration:none;padding:11px 12px;border-radius:10px;margin:5px 0}.sidebar a.active,.sidebar a:hover{background:#0f9f63;color:#fff}.main{flex:1;padding:20px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.top h1{margin:0;font-size:28px}.top p{margin:4px 0 0;color:var(--muted)}.user a{color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(20,41,60,.05)}.metric b{font-size:30px}.metric span,.muted{color:var(--muted)}.btn{border:0;background:var(--green);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;display:inline-block;cursor:pointer;font-weight:600}.btn.secondary{background:#eef3ff;color:#2544c4}.btn.danger{background:#ef4444}.btn.gray{background:#e2e8f0;color:#102033}input,textarea,select{width:100%;padding:11px;border:1px solid #d9e2ec;border-radius:10px;background:#fff}textarea{min-height:110px}label{font-weight:700;font-size:13px;margin:10px 0 6px;display:block}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#e8fff3;color:#087b49;font-size:12px}.pill.warn{background:#fff7df;color:#936300}.flash{background:#e8fff3;border:1px solid #bdf2d3;color:#09633d;padding:12px;border-radius:12px;margin-bottom:14px}.login{max-width:420px;margin:8vh auto}.conversation{display:grid;grid-template-columns:330px 1fr;gap:14px}.list{max-height:70vh;overflow:auto}.chat{height:60vh;overflow:auto;background:#eef7f2;border-radius:14px;padding:14px}.bubble{max-width:75%;padding:10px 12px;border-radius:14px;margin:8px 0;background:#fff}.bubble.out{margin-left:auto;background:#d9ffe9}.flow-canvas{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:18px 18px;min-height:420px;border:1px solid var(--line);border-radius:16px;padding:30px}.node{background:#fff;border:2px solid #bcd7ff;border-radius:14px;padding:12px;width:250px;margin:0 auto 25px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.06)}.node.green{border-color:#76d59e}.node.yellow{border-color:#f6c65b}.node:after{content:'↓';display:block;margin:12px;color:#64748b}.node:last-child:after{display:none}@media(max-width:900px){.app{display:block}.grid,.grid.two,.grid.three,.conversation{grid-template-columns:1fr}.top{display:block}}

/* FIX-v2.0.6: menú lateral colapsable en móvil — estilo Material You / iOS drawer */
.menu-toggle{display:none!important;border:0;background:transparent;padding:8px;margin-right:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;border-radius:10px}
.menu-toggle:active{background:#eef2f7}
.menu-toggle span{display:block;width:20px;height:2px;background:#102033;border-radius:2px}
.sidebar-close{display:none!important;border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;margin-left:auto}
.sidebar-backdrop{display:none}
@media(max-width:900px){
  .top{display:flex!important;align-items:center;gap:4px}
  .menu-toggle{display:flex!important}
  .brand{position:relative}
  .sidebar-close{display:flex!important;align-items:center;justify-content:center}
  .sidebar{
    position:fixed!important;top:0!important;left:0!important;height:100dvh!important;width:78vw!important;max-width:300px!important;
    transform:translateX(-100%)!important;transition:transform .25s ease!important;z-index:9999!important;
    box-shadow:8px 0 30px rgba(0,0,0,.25)!important;overflow-y:auto!important;
  }
  body.sidebar-open .sidebar{transform:translateX(0)!important;}
  .sidebar-backdrop{
    display:block;position:fixed;inset:0;background:rgba(0,0,0,0);pointer-events:none;
    transition:background .25s ease;z-index:9998;
  }
  body.sidebar-open .sidebar-backdrop{background:rgba(0,0,0,.45);pointer-events:auto;}
  body.sidebar-open{overflow:hidden;}
}
/* FIX-v1.2.7-5: interfaz de conversaciones tipo celular para asistentes. */
.wa-chat-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-decoration:none;color:#102033;padding:10px;border-radius:14px;margin-bottom:6px;background:#fff;border:1px solid transparent}.wa-chat-row:hover,.wa-chat-row.active-row{background:#e8fff3;border-color:#bdf2d3}.wa-row-main small{display:block;color:var(--muted);margin-top:3px}.wa-avatar{width:38px;height:38px;border-radius:50%;background:#d9ffe9;color:#087b49;display:inline-grid;place-items:center;font-weight:800;text-transform:uppercase}.wa-avatar.big{width:48px;height:48px}.phone-card{padding:0;overflow:hidden}.phone-shell{background:#efeae2;border-radius:16px;overflow:hidden;border:1px solid #d2c9bd}.phone-header{display:flex;gap:12px;align-items:center;background:#075e54;color:#fff;padding:12px 14px}.phone-header h2{font-size:18px;margin:0}.phone-header small{color:#d8f3ea}.assistant-actions{display:flex;gap:8px;flex-wrap:wrap;background:#f8fafc;padding:10px;border-bottom:1px solid var(--line)}.inline-form{display:inline}.template-form,.assign-mobile{background:#fff;padding:10px;border-bottom:1px solid var(--line)}.template-form summary,.note-box summary{cursor:pointer;font-weight:700;color:#075e54}.phone-chat{height:56vh;background:#efeae2;border-radius:0;padding:14px}.phone-chat .bubble{box-shadow:0 1px 2px rgba(0,0,0,.08);border-radius:8px 8px 8px 2px}.phone-chat .bubble.out{background:#dcf8c6;border-radius:8px 8px 2px 8px}.bubble.note{background:#fff7df;color:#6b4e00;margin-left:auto;margin-right:auto}.phone-compose{background:#f8fafc;padding:10px;display:grid;grid-template-columns:180px 1fr auto auto;gap:8px;align-items:end}.phone-compose textarea{min-height:46px;max-height:120px}.quick-select{height:46px}.send-btn{height:46px}.note-box{grid-column:1/-1}.note-box textarea{margin-top:8px}.pill.gray{background:#e2e8f0;color:#334155}@media(max-width:900px){.phone-compose{grid-template-columns:1fr}.assistant-actions .btn,.inline-form{width:100%}.assistant-actions .btn{display:block}.phone-chat{height:55vh}.chat-list-card{max-height:none}}

/* FIX-v1.2.8-5: bandeja de asistentes compacta y fijada al alto de pantalla. */
.page-conversations.role-agent .sidebar{display:none}.page-conversations.role-agent .main{padding:0}.page-conversations.role-agent .top{display:none}.page-conversations.role-agent .app{display:block;min-height:100dvh}.assistant-phone-layout{height:calc(100dvh - 40px);min-height:520px}.page-conversations.role-agent .assistant-phone-layout{height:100dvh}.chat-list-card{border-radius:0}.phone-card{height:100%;border-radius:0}.phone-shell{height:100%;display:flex;flex-direction:column;border-radius:0}.phone-header{min-height:58px;flex:0 0 auto}.phone-header .wa-avatar.big{display:inline-grid;width:42px;height:42px;border-radius:50%;background:#d9ffe9;color:#087b49;place-items:center;font-weight:800}.phone-header h2{font-size:18px;line-height:1.1}.phone-header small{font-size:12px}.compact-actions{flex:0 0 auto;display:flex;gap:6px;flex-wrap:nowrap;align-items:center;overflow-x:auto;background:#f8fafc;padding:6px 8px}.compact-actions .btn{padding:7px 10px;border-radius:18px;font-size:13px;white-space:nowrap}.compact-actions .inline-form{display:inline-flex;flex:0 0 auto}.more-actions{position:relative;flex:0 0 auto}.more-actions>summary{list-style:none;background:#eef3ff;color:#2544c4;border-radius:18px;padding:7px 12px;font-weight:700;cursor:pointer}.more-actions>summary::-webkit-details-marker{display:none}.more-actions[open]{position:relative}.more-actions[open] .template-form{display:block}.more-actions .template-form,.more-actions .assign-mobile{position:absolute;right:0;top:36px;width:min(330px,92vw);background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(15,23,42,.14);border-radius:14px;padding:12px;z-index:30}.more-actions .assign-mobile{top:235px}.phone-chat{flex:1 1 auto;height:auto;min-height:0;overflow-y:auto}.phone-compose{flex:0 0 auto;grid-template-columns:140px 1fr auto auto;padding:7px;gap:6px}.phone-compose textarea{min-height:42px}.quick-select,.send-btn{height:42px}.empty-phone{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);padding:30px}.page-conversations.role-agent .conversation{grid-template-columns:minmax(310px,390px) 1fr;gap:0;height:100dvh}.page-conversations.role-agent .list{max-height:100dvh}.page-conversations.role-agent .card{box-shadow:none;border-radius:0}
@media(max-width:900px){.page-conversations .sidebar,.page-conversations .top{display:none}.page-conversations .main{padding:0}.page-conversations .conversation{display:block;height:100dvh}.assistant-phone-layout{height:100dvh}.chat-list-card{height:100dvh;max-height:100dvh;overflow:auto}.phone-card{height:100dvh}.assistant-actions .btn,.inline-form{width:auto}.assistant-actions .btn{display:inline-block}.compact-actions{flex-wrap:nowrap}.phone-compose{grid-template-columns:1fr auto;align-items:center}.quick-select{grid-column:1/-1}.phone-compose .btn.gray{display:none}.note-box{display:none}.phone-chat{height:auto}.phone-header{padding:9px 10px}.phone-header .wa-avatar.big{width:38px;height:38px}.phone-header h2{font-size:16px}.phone-header small{display:block;max-width:75vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble{max-width:86%;font-size:15px}.page-conversations.role-agent .conversation{display:block}.page-conversations.role-agent .phone-card{height:100dvh}.page-conversations .menu-toggle{display:none!important}.page-conversations .conv-menu-toggle{display:flex!important}.page-conversations .sidebar-backdrop{display:block!important}body.sidebar-open .page-conversations .sidebar{display:block!important}}

/* FIX-v1.2.9: refuerzo visual para bandeja móvil compacta. */
.page-conversations .phone-header .wa-avatar{display:none!important}.page-conversations .assistant-actions.compact-actions form{display:inline-flex!important;width:auto!important}.page-conversations .assistant-actions.compact-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.page-conversations .assistant-actions.compact-actions .btn{width:auto!important;white-space:nowrap!important}