.cc-active #main{max-width:none;padding:24px 28px 40px}.cc-shell{display:grid;grid-template-columns:320px minmax(420px,1fr) 270px;min-height:calc(100vh - 150px);background:#fff;border:1px solid #dce8e8;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(16,42,50,.08)}.cc-list,.cc-context{background:#f7fbfb}.cc-list{border-right:1px solid #dce8e8}.cc-context{border-left:1px solid #dce8e8;padding:24px}.cc-list-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 20px 16px}.cc-eyebrow{font-size:10px;letter-spacing:.16em;color:#7e9597;font-weight:800}.cc-list h1{font-size:22px;margin:6px 0;color:#102a32}.cc-refresh,.cc-mobile-back{border:0;background:transparent;color:#1d7772;padding:8px;cursor:pointer}.cc-filters{display:flex;gap:6px;padding:0 16px 14px;overflow:auto}.cc-filter{border:1px solid #dce8e8;background:#fff;border-radius:20px;padding:7px 11px;color:#597275;white-space:nowrap;cursor:pointer}.cc-filter.active{background:#d9f3ed;border-color:#a6ded1;color:#11635f;font-weight:700}.cc-list-items{border-top:1px solid #e5eeee}.cc-row{display:flex;align-items:center;width:100%;gap:10px;padding:14px 16px;border:0;border-bottom:1px solid #e5eeee;background:transparent;text-align:left;cursor:pointer}.cc-row.active{background:#e3f6f2}.cc-avatar,.cc-contact-avatar,.cc-profile-avatar{display:grid;place-items:center;border-radius:50%;background:#d7ece9;color:#16726d;font-weight:800;flex:0 0 auto}.cc-avatar{width:38px;height:38px}.cc-row-copy{min-width:0;display:grid;grid-template-columns:1fr auto;flex:1}.cc-row-copy strong,.cc-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-row-copy strong{color:#17383d;font-size:13px}.cc-row-copy small{color:#789093;font-size:12px;grid-column:1/-1;margin-top:3px}.cc-row-copy em{font-size:10px;color:#9aabad;font-style:normal;grid-column:2;grid-row:1}.cc-unread{background:#ef8c64;color:#fff;border-radius:12px;padding:2px 6px;font-size:11px}.cc-main{display:flex;flex-direction:column;min-width:0}.cc-conversation-head{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e5eeee}.cc-contact-avatar{width:44px;height:44px}.cc-conversation-head h2{font-size:17px;margin:0;color:#17383d}.cc-conversation-head p{margin:4px 0 0;color:#7b9092;font-size:12px}.cc-head-actions{margin-left:auto;display:flex;gap:8px}.cc-btn{border:1px solid #cbdede;background:#fff;border-radius:9px;padding:9px 12px;color:#255e61;cursor:pointer;font-weight:700}.cc-btn:hover{background:#edf8f6}.cc-btn.full{width:100%}.cc-origin{font-size:12px;color:#617b7e;padding:11px 24px;background:#fbfdfd;border-bottom:1px solid #edf2f2}.cc-messages{flex:1;overflow:auto;padding:22px 24px;background:#fbfdfd;min-height:300px}.cc-message{display:flex;flex-direction:column;max-width:75%;margin:0 0 14px}.cc-message.operator{margin-left:auto;align-items:flex-end}.cc-message-bubble{padding:11px 14px;border-radius:15px 15px 15px 4px;background:#e7f1f0;color:#24484c;font-size:14px;line-height:1.45}.cc-message.operator .cc-message-bubble{background:#c9eee5;border-radius:15px 15px 4px 15px}.cc-message-bubble p{margin:0}.cc-message small{color:#9aaeb0;font-size:10px;margin-top:4px}.cc-attachment{display:block;color:#146b68;text-decoration:none;font-weight:700;margin-bottom:5px}.cc-composer{position:relative;display:flex;align-items:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #dce8e8;background:#fff}.cc-composer textarea{resize:none;flex:1;border:1px solid #cbdede;border-radius:12px;padding:11px 12px;font:inherit;min-height:43px;max-height:120px}.cc-composer textarea:focus{outline:2px solid #b6e4d9;border-color:#2f9088}.cc-attach,.cc-send{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:0;cursor:pointer}.cc-attach{color:#4d7779;background:#f0f7f6}.cc-send{background:#167d76;color:#fff}.cc-send:disabled{opacity:.5;cursor:not-allowed}.cc-attachment-name{position:absolute;left:66px;bottom:4px;font-size:10px;color:#4e7777}.cc-suspended{font-size:12px;color:#a75d3a;background:#fff4eb;padding:9px 18px;margin:0}.cc-context-head h2{font-size:19px;color:#17383d;margin:7px 0 24px}.cc-profile{text-align:center;display:grid;justify-items:center;gap:7px;padding-bottom:20px;border-bottom:1px solid #dce8e8}.cc-profile-avatar{width:64px;height:64px;font-size:22px}.cc-profile strong{color:#17383d}.cc-profile span{font-size:12px;color:#799092}.cc-facts{display:grid;grid-template-columns:1fr;gap:6px;margin:22px 0}.cc-facts dt{font-size:10px;color:#8da1a2;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.cc-facts dd{margin:0;color:#3d5b5e;font-size:13px}.cc-badge{display:inline-block;border-radius:15px;padding:4px 8px;background:#ecf1f1;color:#637778;font-size:10px;font-weight:800;text-transform:uppercase}.cc-badge.open,.cc-badge.whalychat{background:#dff5ef;color:#176d67}.cc-badge.waiting_customer{background:#fff0d6;color:#966119}.cc-badge.closed,.cc-badge.archived{background:#eee;color:#707a7b}.cc-empty,.cc-no-selection,.cc-context-empty,.cc-loading-page,.cc-error{display:grid;place-items:center;text-align:center;color:#809597;padding:50px 24px;min-height:220px}.cc-empty h2,.cc-no-selection h2{color:#48686b;font-size:16px;margin:12px 0 4px}.cc-empty p,.cc-no-selection p{margin:0;font-size:13px}.cc-no-selection{flex:1}.cc-error{background:#fff7f2;margin:30px;border-radius:16px}.cc-error h1{color:#8d4d33}.cc-loading{color:#8aa0a1;text-align:center;padding:30px}.cc-message-error{color:#a85236;background:#fff1e9;border-radius:10px;padding:12px}.cc-context-actions{margin-top:24px}.cc-mobile-back{display:none}.cc-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;position:relative}.cc-icon-refresh:before{content:'↻';font-size:20px}.cc-icon-arrow-left:before{content:'←';font-size:20px}.cc-icon-send:before{content:'➤'}.cc-icon-paperclip:before{content:'⌕';font-size:20px}.cc-icon-shield:before{content:'◆';font-size:9px}.cc-icon-chat:before{content:'◌';font-size:25px}.cc-icon-inbox:before{content:'□';font-size:25px}.cc-icon-image:before{content:'▧'}.cc-icon-file:before{content:'▤'}
@media(max-width:1100px){.cc-shell{grid-template-columns:290px minmax(390px,1fr)}.cc-context{display:none}.cc-shell.context-open .cc-context{display:block;position:absolute;right:24px;top:120px;width:270px;z-index:2;box-shadow:0 10px 30px #7899; border-radius:12px}.cc-main{min-width:0}}
@media(max-width:720px){.cc-active #main{padding:10px}.cc-shell{display:block;min-height:calc(100vh - 100px);border-radius:14px}.cc-list{border:0}.cc-main{display:none}.cc-shell.has-selection .cc-list{display:none}.cc-shell.has-selection .cc-main{display:flex}.cc-mobile-back{display:block}.cc-head-actions .cc-btn:first-child{display:none}.cc-conversation-head{padding:14px 12px}.cc-messages{padding:16px 12px}.cc-origin{padding:9px 12px}.cc-message{max-width:88%}.cc-list-head{padding:16px}.cc-row{padding:13px 12px}}

.cc-search{display:block;padding:0 16px 12px}.cc-search input{width:100%;box-sizing:border-box;border:1px solid #cbdede;border-radius:9px;padding:9px 10px;background:#fff;color:#264b4e}.cc-row-copy i{grid-column:1/-1;margin-top:5px;font-style:normal}.cc-row-copy i .cc-badge{font-size:8px;padding:2px 6px}.cc-connection{color:#809899;font-size:10px}.cc-typing{height:20px;padding:4px 24px 0;color:#27847b;font-size:11px;font-style:italic}.cc-older{display:block;margin:0 auto 16px;border:1px solid #cbdede;background:#fff;border-radius:15px;padding:7px 12px;color:#246b6c;cursor:pointer}.cc-reply{border:0;background:transparent;color:#18726c;cursor:pointer;font-size:10px;text-decoration:underline}.cc-quoted{border-left:3px solid #52a39b;padding-left:8px;margin-bottom:7px;color:#5c7b7d;font-size:12px}.cc-media{display:block;max-width:260px;color:#176b68;text-decoration:none}.cc-media img{display:block;max-width:100%;max-height:180px;border-radius:8px;margin-bottom:4px}.cc-media video{width:100%;border-radius:8px}.cc-message-bubble audio{max-width:240px}.cc-emoji,.cc-record{border:0;background:#f0f7f6;color:#477577;border-radius:9px;width:36px;height:36px;cursor:pointer}.cc-record.recording{background:#f6c5b7;color:#a3422c;animation:cc-pulse 1s infinite}.cc-reply-preview{position:absolute;left:16px;right:16px;bottom:60px;border-left:3px solid #318c84;background:#eff9f7;color:#38696b;padding:7px 10px;font-size:11px;border-radius:6px}.cc-reply-preview[hidden]{display:none}@keyframes cc-pulse{50%{opacity:.45}}

/* CRM360 vendedor Casino: una sola ventana (lista + chat), sin columna de contexto. */
.cc-shell.seller{display:flex;flex-direction:column;grid-template-columns:none}
.cc-shell.seller .cs-top{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #dce8e8;background:#fff}
.cc-shell.seller .cs-top h1{font-size:20px;margin:0;color:#102a32}
.cs-top-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#0f6e56;color:#e1f5ee}
.cs-waiting{background:#fdece6;color:#993c1d;border:1px solid #f5c4b3;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.cs-ok{background:#e1f5ee;color:#085041;border:1px solid #9fe1cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.cs-live{margin-left:auto;font-size:13px;color:#597275;display:flex;align-items:center;gap:6px}.cs-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#1d9e75}
.cc-shell.seller .cs-body{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0}
.cc-shell.seller .cc-search{display:block;padding:14px 16px 10px}
.cc-shell.seller .cc-row.active{background:#e1f5ee;box-shadow:inset 3px 0 0 #0f6e56}
.cc-shell.seller .cc-unread{background:#d85a30;color:#fff}
.cc-shell.seller .cc-main{display:flex;flex-direction:column;min-width:0}
.cs-head{gap:12px}.cs-who{min-width:0;flex:1}.cs-who h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cs-who .cc-typing{font-size:12px;font-weight:600;color:#0f6e56;padding:0;border:0;background:none;min-height:0}
.cs-owner{font-size:12px;color:#0f6e56;background:#e1f5ee;border-radius:999px;padding:4px 10px;font-weight:700}
.cc-btn.cs-finish{background:#0f6e56;color:#fff;border-color:#0f6e56}
.cc-shell.seller .cc-message.operator .cc-message-bubble{background:#0f6e56;color:#fff}
.cc-shell.seller .cc-message.customer .cc-message-bubble{background:#f1f5f5;color:#102a32}
.cc-shell.seller .cc-notification.n-bad{color:#a32d2d;font-weight:700}
.cc-shell.seller .cc-notification.n-bad{display:inline-block;margin-left:6px;background:#fcebeb;border:1px solid #f7c1c1;border-radius:999px;padding:1px 8px}
.cs-quick{display:flex;gap:8px;padding:8px 18px;overflow-x:auto;border-top:1px solid #eef3f3}
.cs-quick button{white-space:nowrap;border:1px solid #9fe1cb;background:#f4fbf8;color:#085041;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}
.cs-quick button:hover{background:#e1f5ee}
@media (max-width:900px){.cc-shell.seller .cs-body{grid-template-columns:1fr}.cc-shell.seller.has-selection .cc-list{display:none}.cc-shell.seller:not(.has-selection) .cc-main{display:none}.cs-live{display:none}.cs-owner{display:none}}
.cs-top-icon{flex:none}
@media (max-width:640px){.cc-shell.seller .cs-top{flex-wrap:wrap;padding:12px 14px;gap:8px}.cc-shell.seller .cs-top h1{font-size:17px}.cs-waiting,.cs-ok{font-size:12px;padding:3px 10px}.cc-shell.seller .cs-top .cc-refresh{margin-left:auto}.cs-head .cc-contact-avatar{display:none}}

/* Vendedor Casino v3: turquesa tecnológico. */
.cc-shell.seller{border:1px solid #bfeee8;box-shadow:0 20px 50px rgba(6,42,51,.14),0 0 0 1px rgba(45,212,191,.08)}
.cc-shell.seller .cs-top{background:linear-gradient(120deg,#04212a 0%,#073b45 55%,#0b5a5f 100%);border-bottom:1px solid rgba(45,212,191,.35);position:relative}
.cc-shell.seller .cs-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#2dd4bf,transparent)}
.cc-shell.seller .cs-top h1{color:#ecfeff;letter-spacing:.2px}
.cc-shell.seller .cs-top-icon{background:linear-gradient(135deg,#14b8a6,#0e7490);color:#fff;box-shadow:0 0 18px rgba(45,212,191,.55)}.cs-top-icon svg{width:20px;height:20px}
.cc-shell.seller .cs-waiting{background:#f59e0b;color:#1f1300;border-color:#fbbf24;box-shadow:0 0 14px rgba(245,158,11,.45)}
.cc-shell.seller .cs-ok{background:rgba(45,212,191,.14);color:#99f6e4;border-color:rgba(45,212,191,.45)}
.cc-shell.seller .cs-live{color:#99f6e4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.4px}
.cc-shell.seller .cs-live:before{background:#2dd4bf;box-shadow:0 0 10px #2dd4bf}
.cc-shell.seller .cs-top .cc-refresh{color:#99f6e4}
.cc-shell.seller .cc-list{background:#f3fbfb;border-right:1px solid #d4efec}
.cc-shell.seller .cc-search input{border:1px solid #bfeee8;border-radius:12px;background:#fff}
.cc-shell.seller .cc-search input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.18)}
.cc-shell.seller .cc-filter{border-color:#bfeee8;color:#0f766e;background:#fff}
.cc-shell.seller .cc-filter.active{background:linear-gradient(135deg,#0d9488,#0e7490);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(13,148,136,.35)}
.cc-shell.seller .cc-list-items{border-top-color:#d4efec}
.cc-shell.seller .cc-row{border-bottom-color:#e2f4f2;transition:background .15s}
.cc-shell.seller .cc-row:hover{background:#e8f8f6}
.cc-shell.seller .cc-row.active{background:linear-gradient(90deg,#d5f5f0,#f3fbfb);box-shadow:inset 4px 0 0 #14b8a6}
.cc-shell.seller .cc-row-copy strong{color:#063b43}
.cc-shell.seller .cc-avatar,.cc-shell.seller .cc-contact-avatar{background:linear-gradient(135deg,#0d9488,#0e7490);color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px #99f6e4}
.cc-shell.seller .cc-unread{background:#f59e0b;color:#1f1300;box-shadow:0 0 10px rgba(245,158,11,.5)}
.cc-shell.seller .cs-head{border-bottom:1px solid #d4efec;background:#fff}
.cc-shell.seller .cs-who h2{color:#063b43}
.cc-shell.seller .cs-owner{background:#e6fffb;color:#0f766e;border:1px solid #99f6e4}
.cc-shell.seller .cc-btn.cs-finish{background:linear-gradient(135deg,#0d9488,#0e7490);border:0;color:#fff;box-shadow:0 6px 16px rgba(13,148,136,.35)}
.cc-shell.seller .cc-btn.cs-finish:hover{filter:brightness(1.08)}
.cc-shell.seller .cc-messages{background-color:#f6fcfc;background-image:radial-gradient(rgba(13,148,136,.13) 1px,transparent 1px);background-size:18px 18px}
.cc-shell.seller .cc-message.operator .cc-message-bubble{background:linear-gradient(135deg,#0d9488,#0e7490);color:#fff;border-radius:18px 18px 4px 18px;box-shadow:0 6px 16px rgba(14,116,144,.25)}
.cc-shell.seller .cc-message.customer .cc-message-bubble{background:#fff;color:#063b43;border:1px solid #cdeeea;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px rgba(6,59,67,.06)}
.cc-shell.seller .cc-message small{color:#5b7b80}
.cc-shell.seller .cc-reply{color:#0e7490}
.cc-shell.seller .cs-quick{background:#fff;border-top:1px solid #d4efec}
.cc-shell.seller .cs-quick button{border:1px solid #99f6e4;background:#effdfb;color:#0f766e}
.cc-shell.seller .cs-quick button:hover{background:#ccfbf1;box-shadow:0 0 0 3px rgba(45,212,191,.15)}
.cc-shell.seller .cc-composer{background:#fff;border-top:1px solid #d4efec}
.cc-shell.seller .cc-composer textarea{border:1px solid #bfeee8;border-radius:14px}
.cc-shell.seller .cc-composer textarea:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.18)}
.cc-shell.seller .cc-emoji,.cc-shell.seller .cc-attach,.cc-shell.seller .cc-record{background:#effdfb;color:#0f766e;border:1px solid #ccfbf1;border-radius:12px}
.cc-shell.seller .cc-send{background:linear-gradient(135deg,#14b8a6,#0e7490);border-radius:14px;box-shadow:0 0 16px rgba(45,212,191,.45)}
.cc-shell.seller .cc-send:hover{filter:brightness(1.08)}
/* Vendedor Casino v5: una sola pantalla + no leídos sutiles (turquesa). */
body.cc-active.cc-seller{overflow:hidden}
body.cc-active.cc-seller .app-footer{display:none}
body.cc-active.cc-seller #main{height:calc(100dvh - var(--cs-top,90px));padding:14px 18px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}
body.cc-active.cc-seller .cc-shell.seller{flex:1;min-height:0!important;height:auto}
.cc-shell.seller .cs-body{min-height:0}
.cc-shell.seller .cc-list{display:flex;flex-direction:column;min-height:0}
.cc-shell.seller .cc-list-items{flex:1;min-height:0;overflow-y:auto}
.cc-shell.seller .cc-main{min-height:0}
.cc-shell.seller .cc-messages{flex:1;min-height:0;overflow-y:auto;position:relative}
.cc-shell.seller .cs-quick,.cc-shell.seller .cc-composer,.cc-shell.seller .cs-head{flex:none}
.cc-shell.seller .cc-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5b7b80}
/* No leídos: turquesa suave, sin naranja. */
.cc-shell.seller .cs-waiting{background:rgba(45,212,191,.18);color:#ccfbf1;border-color:rgba(45,212,191,.55);box-shadow:none}
.cc-shell.seller .cc-row{opacity:1}
.cc-shell.seller .cc-row .cc-row-copy small{color:#7a9296}
.cc-shell.seller .cc-row.is-unread{background:#ecfbf8;box-shadow:inset 3px 0 0 #14b8a6}
.cc-shell.seller .cc-row.is-unread.active{background:linear-gradient(90deg,#d9f6f1,#ecfbf8)}
.cc-shell.seller .cc-row.is-unread .cc-row-copy strong{font-weight:800;color:#042f2e}
.cc-shell.seller .cc-row.is-unread .cc-row-copy small{font-weight:600;color:#0b4f55}
.cc-shell.seller .cc-row.is-unread .cc-row-copy em{color:#0d9488;font-weight:700}
.cc-shell.seller .cc-unread{background:#0d9488;color:#fff;box-shadow:none;min-width:20px;height:20px;font-weight:700}
.cc-shell.seller .cc-row.is-unread .cc-avatar{box-shadow:0 0 0 2px #fff,0 0 0 3px #5eead4}
.cs-new-divider{display:flex;align-items:center;gap:10px;margin:6px 0 2px;color:#0f766e;font-size:12px;font-weight:700}
.cs-new-divider:before,.cs-new-divider:after{content:"";flex:1;height:1px;background:#99f6e4}
.cs-new-divider span{background:#e6fffb;border:1px solid #99f6e4;border-radius:999px;padding:3px 12px}
.cc-shell.seller .cc-message.customer.is-new .cc-message-bubble{border-color:#5eead4;box-shadow:0 0 0 3px rgba(94,234,212,.22);transition:box-shadow .6s,border-color .6s}
.cc-shell.seller .cc-message.customer.is-new.is-seen .cc-message-bubble{box-shadow:none;border-color:#cdeeea}
.cs-jump{position:sticky;bottom:10px;margin:6px 0 0 auto;display:block;border:1px solid #5eead4;background:#fff;color:#0f766e;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(6,59,67,.14)}
.cs-jump[hidden]{display:none}
@media (max-width:900px){body.cc-active.cc-seller #main{padding:8px}}

body.cc-active.cc-seller .cc-shell.seller{overflow:hidden}
.cc-shell.seller .cs-body{flex:1;grid-template-rows:minmax(0,1fr);overflow:hidden}
.cc-shell.seller .cc-main{display:flex;flex-direction:column;overflow:hidden}
.cc-shell.seller .cc-list{overflow:hidden}
body.cc-active.cc-seller #main{min-height:0!important;max-height:calc(100dvh - var(--cs-top,90px))!important;height:calc(100dvh - var(--cs-top,90px))!important}

/* Vendedor Casino v6: naranja sólo para mensajes nuevos. */
.cc-shell.seller .cc-unread{background:#f97316;color:#fff;box-shadow:0 0 8px rgba(249,115,22,.45)}
.cs-new-divider{color:#c2410c}
.cs-new-divider:before,.cs-new-divider:after{background:#fdba74}
.cs-new-divider span{background:#fff4ea;border-color:#fdba74}
.cc-shell.seller .cc-message.customer.is-new .cc-message-bubble{background:#fff7ef;border-color:#fb923c;box-shadow:0 0 0 3px rgba(251,146,60,.20)}
.cc-shell.seller .cc-message.customer.is-new.is-seen .cc-message-bubble{background:#fff;border-color:#cdeeea;box-shadow:none;transition:background 1.2s,border-color 1.2s,box-shadow 1.2s}
.cs-jump{border-color:#fb923c;color:#c2410c}
/* Vendedor Casino v7: selector de emojis + mensaje nuevo completo en naranja. */
.cc-shell.seller .cc-composer{position:relative}
.cs-emoji{position:absolute;left:12px;bottom:calc(100% + 8px);width:min(360px,calc(100vw - 32px));max-height:340px;display:flex;flex-direction:column;background:#fff;border:1px solid #bfeee8;border-radius:16px;box-shadow:0 18px 40px rgba(6,42,51,.22);z-index:30;overflow:hidden}
.cs-emoji-tabs{display:flex;gap:2px;padding:6px;background:#f3fbfb;border-bottom:1px solid #d4efec;overflow-x:auto}
.cs-emoji-tabs button{flex:none;width:34px;height:34px;border:0;border-radius:10px;background:transparent;font-size:18px;cursor:pointer}
.cs-emoji-tabs button.on{background:#ccfbf1;box-shadow:inset 0 -2px 0 #14b8a6}
.cs-emoji-title{padding:8px 12px 2px;font-size:12px;font-weight:700;color:#0f766e}
.cs-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;padding:6px 8px 10px;overflow-y:auto}
.cs-emoji-grid button{height:36px;border:0;border-radius:8px;background:transparent;font-size:22px;cursor:pointer;line-height:1}
.cs-emoji-grid button:hover,.cs-emoji-grid button:focus-visible{background:#e6fffb;outline:none}
.cc-shell.seller .cc-message.customer.is-new .cc-message-bubble{background:#f97316;color:#fff;border-color:#f97316;box-shadow:0 6px 18px rgba(249,115,22,.35)}
.cc-shell.seller .cc-message.customer.is-new .cc-message-bubble a{color:#fff}
.cc-shell.seller .cc-message.customer.is-new.is-seen .cc-message-bubble{background:#fff;color:#063b43;border-color:#cdeeea;box-shadow:0 2px 8px rgba(6,59,67,.06);transition:background 1.4s,color 1.4s,border-color 1.4s,box-shadow 1.4s}

/* Casino v8: adjuntos en el chat + visor a pantalla completa (iOS/Android). */
.cc-thumb{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px;overflow:hidden;max-width:280px}
.cc-thumb img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px}
.cc-video{position:relative;max-width:300px}
.cc-video video{display:block;width:100%;max-height:260px;border-radius:12px;background:#000}
.cc-expand{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer}
.cc-audio{width:min(280px,70vw)}
.cc-doc{display:flex;align-items:center;gap:10px;min-width:220px;max-width:300px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(255,255,255,.75);color:inherit;text-align:left;cursor:pointer}
.cc-doc-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e6fffb;color:#0f766e;flex:none}
.cc-doc-icon.big{width:84px;height:84px;border-radius:20px}.cc-doc-icon.big svg{width:44px;height:44px}
.cc-doc-copy{min-width:0;display:flex;flex-direction:column}
.cc-doc-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#063b43}
.cc-doc-copy small{font-size:11px;color:#5b7b80}
.cc-message.operator .cc-doc{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.cc-message.operator .cc-doc-copy strong,.cc-message.operator .cc-doc-copy small{color:#fff}
body.cc-lb-open{overflow:hidden}
.cc-lightbox{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:rgba(4,22,28,.94);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.cc-lb-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#fff}
.cc-lb-bar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cc-lb-btn{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px;font-size:13px}
.cc-lb-close{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer}
.cc-lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pinch-zoom pan-x pan-y;padding:8px}
.cc-lb-img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;border-radius:6px}
.cc-lb-img.zoomed{max-width:none;max-height:none;width:auto;cursor:zoom-out}
.cc-lb-video{max-width:100%;max-height:100%;background:#000;border-radius:6px}
.cc-lb-doc{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center;max-width:90%}
.cc-lb-doc strong{word-break:break-word}.cc-lb-doc small{color:rgba(255,255,255,.7)}
.cc-shell.seller .cc-emoji,.cc-shell.seller .cc-attach,.cc-shell.seller .cc-record{display:grid;place-items:center;width:42px;height:42px;cursor:pointer;position:relative}
.cc-attach-plus{position:absolute;right:3px;bottom:2px;width:15px;height:15px;border-radius:50%;background:#0d9488;color:#fff;font-size:12px;font-weight:800;line-height:15px;text-align:center}
.cc-record.recording{background:#fee2e2!important;color:#b91c1c!important}

/* Nota de voz estilo WhatsApp (CRM360 vendedor) + imagen no disponible */
.cc-shell.seller [data-cc="record"]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.cc-shell.seller [data-cc="record"].recording{background:#ef4444!important;color:#fff!important;transform:scale(1.2);transition:transform .15s;position:relative;z-index:6}
.cs-rec{position:absolute;left:10px;right:64px;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:#fff;border:1px solid #bfeee8;border-radius:14px;box-shadow:0 6px 16px rgba(6,59,67,.12)}
.cs-rec[hidden]{display:none}
.cs-rec-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:csrec 1s infinite}
@keyframes csrec{50%{opacity:.3}}
.cs-rec-time{font-variant-numeric:tabular-nums;color:#063b43}
.cs-rec-hint{margin-left:auto;color:#5b7b80;font-size:13px}
.cs-rec-lock{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#5b7b80;animation:cslock 1.2s ease-in-out infinite}.cs-rec-lock small{font-size:10px;line-height:1}
@keyframes cslock{50%{transform:translateY(-4px)}}
.cs-rec-del,.cs-rec-send{display:none;border:0;border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer}
.cs-rec.locked .cs-rec-del,.cs-rec.locked .cs-rec-send{display:inline-block}
.cs-rec.locked .cs-rec-hint,.cs-rec.locked .cs-rec-lock{display:none}
.cs-rec-del{margin-left:auto;background:#fee2e2;color:#b91c1c}.cs-rec-send{background:#0d9488;color:#fff}
.cc-thumb.broken{min-width:180px;min-height:110px;background:#eef3f3;display:grid;place-items:center}
.cc-thumb.broken img{display:none}.cc-thumb.broken:after{content:"Imagen no disponible";color:#5b7b80;font-size:13px}

/* Casino v9: vista previa de documentos */
.cc-doc-preview{display:block;padding:0;border:0;background:none;cursor:zoom-in;margin-bottom:6px}
.cc-pdf-thumb{position:relative;display:grid;place-items:center;width:260px;min-height:120px;max-height:340px;overflow:hidden;background:#fff;border:1px solid #d4efec;border-radius:10px;color:#5b7b80;font-size:12px}
.cc-pdf-thumb canvas{display:block;max-width:100%}
.cc-pdf-thumb.failed{display:none}
.cc-pdf-pages{position:absolute;right:6px;bottom:6px;background:rgba(4,33,42,.75);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}
.cc-lb-docview{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}
.cc-lb-pages{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 24px}
.cc-lb-pages canvas{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.35);border-radius:4px;max-width:100%}
.cc-lb-page{background:#fff;color:#111;max-width:900px;width:100%;margin:8px auto 24px;padding:28px;border-radius:6px;overflow:auto;line-height:1.5}
.cc-lb-page img{max-width:100%}
.cc-lb-sheet table{border-collapse:collapse;font-size:13px}.cc-lb-sheet td,.cc-lb-sheet th{border:1px solid #d4d4d4;padding:4px 8px}
.cc-lb-sheet h3{margin:18px 0 8px;color:#0f766e}

/* CRM360 vendedor sin créditos: solo lectura, cliente difuminado */
.cs-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}
.cs-locked-conv [data-reply]{display:none}
.cs-composer-locked{opacity:.75;pointer-events:none;cursor:not-allowed}
.cs-composer-locked textarea::placeholder{color:#b45309;font-weight:700;opacity:1}
.cs-owner-locked{background:#fef3c7;color:#b45309}