/* Matched to the two user-provided Colmena screenshots, 2026-11-05. */
#chat-input{scrollbar-width:thin;scrollbar-color:#6e5b2d transparent}
.nav{scrollbar-width:thin;scrollbar-color:#34332a transparent}.reference-contact-list .reference-contact-row{padding-block:11px}section.colmena-chat .conversation{background-image:linear-gradient(#d2aa4909 1px,transparent 1px),linear-gradient(90deg,#d2aa4909 1px,transparent 1px)}
:root{--side:208px;--gold:#f0b91e;--surface:#10100f;--text:#e8e5db}
body{background-color:#050504;background-image:linear-gradient(#d2aa4908 1px,transparent 1px),linear-gradient(90deg,#d2aa4908 1px,transparent 1px);background-size:40px 40px;font-family:Arial,'Inter',sans-serif}
.sidebar{background-color:#080807;background-image:radial-gradient(ellipse at 30% 0,#b08b1610,transparent 60%),linear-gradient(#d2aa4906 1px,transparent 1px),linear-gradient(90deg,#d2aa4906 1px,transparent 1px);background-size:auto,20px 20px,20px 20px}.brand{height:63px;border-bottom:1px solid #ffffff10;padding:0 9px;gap:9px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:-.03em}.brand-mark{height:27px;width:27px;border:1px solid #d2a900;border-radius:8px;background:#000;font-size:14px;box-shadow:none}.nav{padding:0 2px 20px}.nav-label{font-size:9px;letter-spacing:.1em;margin:25px 7px 13px;color:#696960}.nav a{padding:8px 8px;font-size:12px;border-radius:8px;gap:10px;margin:3px 0;color:#aaa9a3;min-height:34px}.nav a .icon,.nav a svg{height:12px;width:12px}.nav a.active{background:#f0b42914;border-color:#977300;color:#ffcb30}.profile{padding:15px 9px}.topbar{height:58px;padding:0 22px;background:#050504;border-bottom:1px solid #ffffff0d}.breadcrumb{font-size:10px}.top-actions{gap:13px}.business-btn{background:#0b0b0b;border-color:#ffffff16;min-height:32px;border-radius:7px;font-family:Arial,sans-serif;font-size:11px}.top-actions>.primary{background:#f2bb23;min-height:35px;border-radius:7px;color:#090804;font-size:10px;padding:8px 15px}.top-actions>.avatar{height:28px;width:28px;background:#141413;border-color:#ffffff19;font-size:10px}.dot{box-shadow:0 0 6px #23c76860;width:6px;height:6px}
[data-page="crm"]{padding:37px 34px 40px 68px;max-width:1600px}.reference-contacts h1{font-family:Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-1px;margin:0 0 4px}.reference-description{font-size:13px;line-height:1.5;margin-bottom:16px;color:#9d9b90}.reference-contact-toolbar{display:flex;gap:9px;margin-bottom:10px;align-items:center}.reference-contact-toolbar .search{flex:1;min-width:0;height:37px;background:#212121;border-color:#3a3a38;border-radius:7px;padding:9px 11px;font-family:Arial,sans-serif;font-size:13px}.reference-contact-toolbar button{min-height:37px;border-radius:7px;padding:8px 13px;white-space:nowrap;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:10px;background:#050504}.reference-contact-toolbar button.primary{background:#f0b91f;border-color:#f0b91f;color:#060502}.reference-contact-filterbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.reference-contact-filterbar>span{font-family:'JetBrains Mono',monospace;font-size:10px;color:#9d9272;white-space:nowrap}.reference-contact-filterbar b{color:#ffca28;font-size:12px}.reference-contact-filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.reference-contact-filters button{min-height:30px;flex:none;border:1px solid #2b2b28;border-radius:22px;background:#030303;padding:6px 12px;color:#aaa69b;font-family:'JetBrains Mono',monospace;font-size:9px}.reference-contact-filters button.active{color:#080704;background:#f4bd23;border-color:#f4bd23;font-weight:700}
.reference-contact-list{background:#0a0a09;border:1px solid #232320;border-radius:16px;padding:15px 16px}.reference-contact-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #1b1b18;min-height:81px}.reference-contact-row:last-child{border-bottom:0}.reference-contact-copy{min-width:0;flex:1}.reference-contact-line{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.reference-contact-line strong{font-size:13px;color:#f0efea;letter-spacing:-.25px}.reference-contact-line>span{font-family:'JetBrains Mono',monospace;color:#8f8774;font-size:9px;overflow-wrap:anywhere}.reference-contact-line em{font-style:normal;color:#7fcf8c;border:1px solid #194d25;background:#08190a;border-radius:3px;padding:2px 5px;font-family:monospace;font-size:8px}.reference-contact-copy p{font-size:12px;color:#b9ae8c;margin:5px 0 2px;padding-left:7px;border-left:1px solid #6b551c;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:550px}.reference-contact-copy>small{font-family:'JetBrains Mono',monospace;color:#8a7d5d;font-size:9px}.reference-contact-actions{display:flex;gap:7px;flex:none;align-items:center}.reference-contact-actions select{width:97px;min-height:29px;border-radius:5px;padding:4px 7px;background:#222;border-color:#44443e;font-family:Arial,sans-serif;font-size:11px;color:#fff}.reference-contact-actions button,.reference-whatsapp{display:inline-flex;justify-content:center;align-items:center;min-height:36px;min-width:65px;padding:8px 12px;border-radius:7px;border:1px solid #373733;background:#0a0a09;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:10px}.reference-whatsapp{background:#19ce61;border-color:#19ce61;color:#020d05;min-width:87px}.reference-whatsapp:hover{background:#28e474}.reference-contact-actions .danger{color:#ee796c;border-color:#6d3830}.reference-contacts>.crm-pagination{border-top:0;padding:16px 8px}
[data-page="chats"]{padding:20px 18px 18px 28px;max-width:1800px;height:calc(100dvh - 58px)}[data-page="chats"]>.page-heading,[data-page="chats"]>.inbox-toolbar{display:none}.colmena-chat{height:100%;min-height:0;max-height:none;padding:0;grid-template-columns:310px minmax(0,1fr);gap:12px;border:0;background:none;overflow:visible;border-radius:0}.colmena-chat .threads{padding:12px 9px 6px;border:1px solid #27261f;border-radius:20px;background:#12110f;min-height:0;max-height:none}.threads-heading{display:none}.colmena-chat .threads .search{margin:0 5px 9px;width:calc(100% - 10px);background:#141412;border:1px solid #2b2a24;min-height:34px;height:34px;font-size:12px;padding:8px 11px}.threads>.search~div[style]{display:none}.reference-inbox-filters{display:flex;flex-wrap:wrap;gap:5px;padding:0 5px 9px}.reference-inbox-filters button{min-height:25px;border-radius:6px;border:1px solid #302c21;background:none;padding:4px 8px;font-family:'JetBrains Mono',monospace;font-size:8px;color:#aba28d;gap:4px}.reference-inbox-filters button b{color:#e9c25a;font-size:9px}.reference-inbox-filters button.active{border-color:#9c7600;color:#f2be25;background:#f0b4290c}.colmena-chat .thread{min-height:59px;padding:9px 10px;border-radius:12px;gap:11px;margin:0 0 2px}.colmena-chat .thread.active{border-color:#725814;background:#f0b42909}.colmena-chat .thread.active:before{display:none}.colmena-chat .thread strong{font-size:12px;max-width:186px}.colmena-chat .thread p{font-size:11px;line-height:1.4;margin:5px 0 0;max-width:205px}.thread-meta{display:none}.colmena-chat .thread time{font-size:8px;color:#8a8068}.thread-avatar>.avatar{width:36px;height:36px;border-radius:50%;background:#331022;border-color:#782644;color:#e8398d}.thread:nth-child(3n) .thread-avatar>.avatar{background:#092a3c;border-color:#07547a;color:#0a9be1}.thread:nth-child(4n) .thread-avatar>.avatar{background:#3c2109;border-color:#764511;color:#ff9009}.thread:nth-child(5n) .thread-avatar>.avatar{background:#342a0d;border-color:#806c13;color:#e1bc22}.thread-channel{width:16px;height:16px;background:#1bce66!important;color:#052c10!important;border:2px solid #12110f}.thread-channel svg{width:9px;height:9px}
.colmena-chat .conversation{border:1px solid #27261f;border-radius:18px;background-color:#10100e;background-image:linear-gradient(#d2aa4906 1px,transparent 1px),linear-gradient(90deg,#d2aa4906 1px,transparent 1px);background-size:48px 48px;overflow:hidden}.colmena-chat .chat-head{min-height:65px;padding:13px 20px;background:#121210;border-color:#2c291e}.colmena-chat .chat-head strong{font-family:Arial,sans-serif;font-size:13px}.colmena-chat .chat-head .avatar{width:34px;height:34px;background:#331022;border-color:#782644;color:#e8398d}.colmena-chat .wa-link{display:none}.colmena-chat .chat-head small{font-family:'JetBrains Mono',monospace;color:#20c961;font-size:8px;margin-top:6px}.colmena-chat .chat-head>div:last-child{gap:8px!important;flex-direction:row-reverse}.colmena-chat .chat-head .switch{padding:7px 9px;min-height:31px;border:1px solid #365739;border-radius:7px;background:#789e7820;color:#9dd9a6;font-family:'JetBrains Mono',monospace;font-size:9px;gap:7px;flex-direction:row-reverse}.colmena-chat .chat-head .switch input{width:23px;height:14px;border:0;background:#3d674b;min-height:0;margin:0}.colmena-chat .chat-head .switch input:before{width:10px;height:10px;top:2px;left:2px;background:#8bd29d}.colmena-chat .chat-head .switch input:checked:before{transform:translateX(9px);background:#e7ffed}.colmena-chat .chat-head .switch input:checked{background:#477a52}.contact-info-button{min-height:31px;width:auto;padding:7px 10px;display:flex;gap:5px;font-family:'JetBrains Mono',monospace;font-size:9px;color:#aaa08a;background:none;border-color:#302f28}.contact-info-button .icon{width:11px;height:11px}.colmena-chat .messages{background:none;padding:20px 24px 25px;gap:29px}.chat-history-label{font-size:8px;margin:0 0 0}.chat-history-label:before,.chat-history-label:after{display:none}.chat-history-label span{border:1px solid #29271e;padding:6px 9px;border-radius:5px;background:#11100d}.colmena-chat .bubble{position:relative;max-width:76%;padding:10px 13px;font-family:Arial,sans-serif;font-size:12px;line-height:1.6;background:#1c1b15;border:1px solid #302e25;border-radius:15px 15px 15px 4px;color:#eeeadc;margin-bottom:8px}.colmena-chat .bubble.out{background:linear-gradient(120deg,#f2bb22,#c98f00);border:0;border-radius:15px 15px 4px 15px;color:#0b0800;box-shadow:0 8px 30px #be880017}.colmena-chat .bubble.human{background:linear-gradient(120deg,#f2bb22,#c98f00);color:#0b0800}.colmena-chat .message-time{position:absolute;bottom:-20px;right:3px;margin:0;white-space:nowrap;font-size:8px;color:#91846a!important}.colmena-chat .bubble:not(.out) .message-time{right:auto;left:3px}.colmena-chat .ai-notice{align-self:center;max-width:95%;flex:none;border:1px solid #2a5530;border-radius:6px;background:#18251a;color:#98d49d;padding:7px 11px;font-size:8px;margin:9px 12px 16px}.colmena-chat .chat-suggestions{padding:12px 18px 0;border-top:1px solid #29271e;background:#121210}.reference-quick-button{color:#f0b91e;font-family:'JetBrains Mono',monospace;font-size:9px;min-height:25px;padding:4px 9px;border:1px dashed #795e00;border-radius:5px;background:none}.colmena-chat .chat-compose{padding:9px 18px 16px;background:#121210}.colmena-chat .compose-box{padding:7px 10px;background:#201e15;border-color:#343125;border-radius:13px;gap:8px}.colmena-chat #chat-input{font-size:12px;color:#e8e3d1;min-height:33px;height:33px;padding:6px 0;line-height:21px}.colmena-chat .compose-box>button{width:34px;height:34px;min-height:34px}.colmena-chat .compose-box>button:first-child{border:1px solid #3c382d;color:#ae9f80;background:#201e18;border-radius:9px;font-size:19px}.colmena-chat .compose-box>.reference-spark{color:#f0b91e;border:1px solid #795e00;background:#3a3010;border-radius:10px}.colmena-chat .compose-box>.primary{border-radius:10px;background:linear-gradient(140deg,#ffd44c,#c28b00);box-shadow:0 4px 14px #dba10020}.compose-hint{display:none}.reference-quick-options{display:grid;gap:9px;margin-top:20px}.reference-quick-options button{display:block;text-align:left;padding:13px}.reference-quick-options strong{display:block;color:#e3bc60;font-size:12px}.reference-quick-options small{display:block;margin-top:6px;color:#aca18c;font-size:11px}
@media(min-width:1600px){.colmena-chat{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:1100px){[data-page="crm"]{padding:32px}.reference-contact-row{align-items:flex-start;gap:14px}.reference-contact-actions{flex-wrap:wrap;max-width:230px;justify-content:flex-end}.reference-contact-actions select{width:100%}.reference-contact-copy p{max-width:350px}.colmena-chat{grid-template-columns:270px minmax(0,1fr)}.colmena-chat .chat-head{padding:12px}.colmena-chat .chat-head .person .avatar{display:none}}
@media(max-width:900px){[data-page="chats"]{padding:14px 18px;height:calc(100dvh - 58px)}.colmena-chat{display:block;height:100%;min-height:0}.colmena-chat .threads{height:100%;max-height:none}.colmena-chat .conversation{height:100%;display:none}.colmena-chat.mobile-conversation .threads{display:none}.colmena-chat.mobile-conversation .conversation{display:flex}.colmena-chat .chat-head{gap:8px;min-height:63px}.colmena-chat .chat-head .person{flex:1}.chat-contact-name{max-width:165px}.colmena-chat .chat-back{width:28px;min-height:28px;padding:5px}.colmena-chat .chat-head>.person .avatar{display:none}.colmena-chat .messages{padding:20px 17px}.colmena-chat .bubble{max-width:85%}.colmena-chat .thread strong{max-width:100%}.colmena-chat .thread p{max-width:100%}.reference-contact-toolbar{flex-wrap:wrap}.reference-contact-toolbar .search{flex-basis:100%}.reference-contact-toolbar button{flex:1}.reference-contact-filterbar{flex-wrap:wrap}.reference-contact-filters{width:100%;padding-bottom:3px}.reference-contact-list{padding:5px 16px}.reference-contact-row{display:block;padding:18px 0}.reference-contact-actions{margin-top:14px;max-width:none;flex-wrap:nowrap;justify-content:flex-start}.reference-contact-actions select{width:100px}.reference-contact-copy p{max-width:none}.reference-contact-actions button,.reference-whatsapp{min-width:0;flex:1;padding:8px 10px}}
@media(max-width:760px){.sidebar{width:208px}.topbar{height:58px;padding:0 12px}.top-actions{gap:8px}.top-actions>.primary{font-size:9px;padding:8px 11px}.breadcrumb{font-size:9px;margin-left:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-toggle{width:32px;min-height:32px;padding:6px}[data-page="crm"]{padding:28px 18px}.reference-contacts h1{font-size:24px}.reference-description{font-size:12px}.reference-contact-line{row-gap:5px}.reference-contact-line>span{font-size:9px}.reference-contact-actions{gap:6px}.reference-contact-actions select{width:82px}.reference-contact-actions button,.reference-whatsapp{font-size:9px;padding:8px 9px}.reference-contact-filterbar>span{margin-left:auto;font-size:9px}[data-page="chats"]{padding:12px;height:calc(100dvh - 58px)}.colmena-chat .chat-head .switch{padding:6px;font-size:8px;gap:5px}.contact-info-button{font-size:0;width:28px;padding:6px;justify-content:center}.contact-info-button .icon{width:13px;height:13px}.colmena-chat .chat-head>div:last-child{gap:5px!important}.chat-contact-name{max-width:120px}.colmena-chat .chat-head small{font-size:7px}.colmena-chat .chat-compose{padding:9px 10px max(12px,env(safe-area-inset-bottom))}.colmena-chat .chat-suggestions{padding:10px 10px 0}.colmena-chat .messages{padding:17px 14px}.colmena-chat .ai-notice{font-size:7px;margin-bottom:10px}.colmena-chat .compose-box{padding:7px;gap:6px}}