:root{--navy:#0A2D55;--gold:#F2B84B;--bg:#F7F9FC;--ink:#1F2933;--muted:#667788;--line:#D9E2EC;--wa:#25D366;--bubble:#EEF4FA;--danger:#b42318;--wa-bg:#efeae2}
*{box-sizing:border-box}html,body{min-height:100%;overflow-y:auto}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:14px}.brand img{width:140px;height:46px;object-fit:contain;object-position:left center}.brand>div{display:flex;flex-direction:column}.brand strong{color:var(--navy)}.brand span{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:8px}.layout{display:grid;grid-template-columns:minmax(520px,1fr) 430px;gap:24px;max-width:1450px;margin:0 auto;padding:24px}.phone-wrap{display:flex;justify-content:center;align-items:flex-start}.phone{width:min(100%,720px);height:clamp(590px,calc(100dvh - 124px),850px);min-height:0;background:var(--wa-bg);border:1px solid #c8d2dc;border-radius:28px;box-shadow:0 16px 45px rgba(10,45,85,.12);overflow:hidden;display:flex;flex-direction:column}.phone-head{height:70px;flex:none;background:#075e54;color:#fff;display:flex;align-items:center;padding:10px 16px;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800;display:grid;place-items:center}.phone-head>div:nth-child(2){display:flex;flex-direction:column;flex:1}.phone-head small{opacity:.8;margin-top:2px}.online-dot{width:10px;height:10px;background:#55df83;border-radius:50%}.chat{flex:1;min-height:0;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(rgba(239,234,226,.93),rgba(239,234,226,.93)),radial-gradient(circle at 20% 20%,#d8d2c8 1px,transparent 1px);background-size:auto,22px 22px}.msg{max-width:86%;margin:0 0 12px;animation:in .18s ease-out}.msg.bot{margin-right:auto}.msg.user{margin-left:auto;text-align:right}.bubble{display:inline-block;text-align:left;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px 12px 12px 12px;padding:10px 11px;box-shadow:0 1px 2px rgba(20,40,60,.08);white-space:pre-line;line-height:1.42}.user .bubble{background:#d9fdd3;border-color:#c9efc2;border-radius:12px 6px 12px 12px}.meta{font-size:10px;color:#738290;margin:3px 5px}.wa-type{font-size:9px;color:#87939e;margin:5px 0 0}.document-card{margin-top:9px;border:1px solid #d5dfdf;border-radius:8px;background:#f4f7f7;padding:9px;display:flex;gap:10px;align-items:center}.document-icon{width:42px;height:48px;border-radius:5px;background:#e5484d;color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}.document-copy{flex:1;min-width:0}.document-copy b{display:block;color:#173c3a;font-size:13px}.document-copy small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.document-link{display:inline-flex;margin-top:5px;text-decoration:none;color:#087e72;font-weight:700;font-size:11px}.choices{display:grid;gap:1px;margin:10px -11px -10px;border-top:1px solid #e0e7e7}.choice{border:0;border-top:1px solid #e9eeee;background:#fff;color:#007d73;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer}.choice:first-child{border-top:0}.choice:hover{background:#f6fbfa}.choice.gold{color:#8a5b00}.choice.stop{color:var(--danger)}.link-card{margin-top:9px;border-left:3px solid #9bc8c0;background:#f8fbfa;padding:7px 9px}.link-card b{display:block;color:#075e54;font-size:12px}.link-card small{display:block;color:var(--muted);font-size:10px;margin:2px 0 5px}.link-card a{display:inline;color:#007d73;text-decoration:underline;font-weight:700;font-size:11px}
.wa-list{margin:10px -11px -10px;border-top:1px solid #e0e7e7;position:relative}
.list-trigger{width:100%;border:0;background:#fff;color:#007d73;padding:11px 12px;font-size:12px;font-weight:700;cursor:pointer}
.list-trigger:hover{background:#f6fbfa}
.list-sheet{margin:0;border-top:1px solid #dfe7e7;background:#fff;display:grid}
.list-sheet-head{padding:9px 12px;font-size:10px;font-weight:800;color:#667788;background:#f6f8f8;text-transform:uppercase;letter-spacing:.04em}
.list-row{border:0;border-top:1px solid #edf1f1;background:#fff;color:#173c3a;text-align:left;padding:11px 12px;font-size:12px;cursor:pointer}
.list-row:hover{background:#f4faf8}
.list-row:disabled,.list-trigger:disabled{opacity:.55;cursor:not-allowed}

.composer{flex:none;background:#f0f2f5;border-top:1px solid #d6dcdf;padding:8px;display:flex;gap:8px}.composer input{flex:1;border:0;border-radius:20px;padding:10px 13px;background:#fff}.composer button{background:#00a884;color:#fff;border:0;border-radius:20px;padding:10px 15px;font-weight:700;cursor:pointer}.hidden{display:none!important}.admin{display:flex;flex-direction:column;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 4px 14px rgba(10,45,85,.04)}.panel h2{font-size:16px;color:var(--navy);margin:0 0 10px}.panel h3{font-size:12px;color:var(--navy);margin:15px 0 8px}.muted{font-size:12px;color:var(--muted);margin-top:-4px}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.entry-btn{background:#fff;border:1px solid #b9c9d6;border-radius:12px;padding:10px 7px;color:var(--navy);cursor:pointer}.entry-btn b,.entry-btn span{display:block}.entry-btn span{font-size:9px;color:var(--muted);margin-top:4px}.entry-btn:hover{border-color:var(--gold);background:#fff9e8}.panel-row{display:flex;align-items:center;justify-content:space-between}.badge{font-size:10px;font-weight:800;color:#fff;background:var(--navy);padding:5px 8px;border-radius:12px}.kv{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f4;padding:7px 0;font-size:12px;gap:20px}.kv b{text-align:right;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:9px;background:#eef4fa;color:var(--navy);border:1px solid #d4e0e9;border-radius:9px;padding:4px 7px}.stack{display:grid;gap:7px}.time-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.primary,.secondary,.ghost{border-radius:10px;padding:9px 11px;font-weight:700;cursor:pointer}.primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}.secondary{background:#fff;color:var(--navy);border:1px solid #a9bdcd}.ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}button:disabled{opacity:.45;cursor:not-allowed}.event-panel{min-height:190px}.event-log{max-height:260px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.45}.event{border-bottom:1px solid #edf1f4;padding:5px 0}.event b{color:var(--navy)}.qa-result{margin-top:9px;font-size:11px;white-space:pre-line}.qa-result.ok{color:#167c3b}.qa-result.bad{color:#b42318}.date-divider{text-align:center;font-size:10px;font-weight:700;color:#4f5e66;background:#fff7;border-radius:8px;padding:4px 8px;margin:16px auto;width:max-content;max-width:100%}.whatsapp-rules ul{padding-left:17px;margin:0}.whatsapp-rules li{font-size:11px;color:#566676;margin:6px 0}@keyframes in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:980px){.layout{grid-template-columns:1fr}.phone{height:clamp(550px,72dvh,760px)}.admin{display:grid;grid-template-columns:1fr 1fr}.event-panel{grid-column:1/-1}}
@media(max-width:620px){.topbar{padding:0 12px;height:64px}.brand img{width:104px}.brand>div{display:none}.top-actions{gap:4px}.top-actions .ghost{padding:6px 7px;font-size:10px}.layout{padding:10px;gap:12px}.phone{height:clamp(520px,72dvh,710px);border-radius:18px}.chat{padding:12px}.msg{max-width:96%}.admin{grid-template-columns:1fr}.event-panel{grid-column:auto}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-btn{padding:10px 4px}.entry-btn span{font-size:8px;overflow-wrap:anywhere}.phone-head{height:62px}.bubble{font-size:14px}.choice{font-size:11px}.time-actions{grid-template-columns:minmax(0,1fr) auto}}