#s7chat-app{--s7-bg:#060913;--s7-panel:#0d1326;--s7-raised:#131b33;--s7-blue:#2f7bff;--s7-cyan:#22d3ee;--s7-purple:#8b5cf6;--s7-text:#f8fafc;--s7-muted:#a8b2c7;--s7-line:#283553;color:var(--s7-text);font-family:inherit;line-height:1.7;isolation:isolate}
#s7chat-app *{box-sizing:border-box}
#s7chat-app button,#s7chat-app textarea{font:inherit}
#s7chat-app button{cursor:pointer}
.s7chat-shell{background:var(--s7-bg);border:1px solid var(--s7-line);border-radius:24px;box-shadow:0 18px 60px #01040c55;overflow:hidden;min-height:550px}
.s7chat-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(105deg,#101b37,#0d1326 70%);border-bottom:1px solid var(--s7-line)}
.s7chat-brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:800}.s7chat-star{display:grid;place-items:center;width:36px;height:36px;border:1px solid #4a83e3;border-radius:11px;color:var(--s7-cyan);background:#0c2040}.s7chat-live{font-size:12px;color:var(--s7-cyan);font-weight:700}
.s7chat-layout{display:grid;grid-template-columns:minmax(225px,25%) minmax(0,1fr);min-height:470px}.s7chat-sidebar{background:#0a1021;border-inline-end:1px solid var(--s7-line);padding:18px;max-height:72vh;overflow:auto}.s7chat-sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.s7chat-sidebar-head strong{font-size:13px;color:var(--s7-cyan)}.s7chat-eyebrow{color:var(--s7-cyan);font-weight:800;font-size:13px}
.s7chat-queue-item{display:block;width:100%;text-align:start;background:#10182e;border:1px solid var(--s7-line);border-radius:14px;color:var(--s7-text);padding:11px 12px;margin-bottom:9px;transition:border-color .2s,transform .2s,background .2s}.s7chat-queue-item:hover,.s7chat-queue-item.is-active{border-color:#5295f7;background:#142548;transform:translateY(-1px)}.s7chat-queue-item strong,.s7chat-queue-item small{display:block}.s7chat-queue-item strong{font-size:13px;line-height:1.5;margin:4px 0}.s7chat-queue-item small{color:var(--s7-muted);font-size:11px}.s7chat-type{font-size:10px;color:#8dc5ff;font-weight:800}.s7chat-wait{display:inline-block;margin-top:7px;font-size:11px;color:var(--s7-muted)}.s7chat-wait.is-waiting{color:#ffcb70}.s7chat-closed-tag{font-size:10px;border:1px solid #65738b;border-radius:20px;padding:1px 7px;margin-inline-start:7px;color:#cbd5e1}
.s7chat-unread{float:left;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;background:#3a89fa;border-radius:50%;font-size:11px;color:white}
.s7chat-main{padding:20px;min-width:0}.s7chat-workbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.s7chat-workbar span{font-size:12px;color:var(--s7-muted)}.s7chat-grid{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow:auto;max-height:80vh;align-content:start}.s7chat-admin .s7chat-layout{grid-template-columns:260px minmax(0,1fr)}.s7chat-admin .s7chat-panel{min-height:390px;max-height:510px}.s7chat-panel{display:flex;flex-direction:column;background:var(--s7-panel);border:1px solid var(--s7-line);border-radius:18px;min-width:0;overflow:hidden}.is-customer .s7chat-panel{max-width:800px;margin:auto;min-height:430px}
.s7chat-thread-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:#111b34;border-bottom:1px solid var(--s7-line)}.s7chat-thread-head strong,.s7chat-thread-head small{display:block}.s7chat-thread-head strong{font-size:14px;overflow-wrap:anywhere}.s7chat-thread-head small{color:var(--s7-cyan);font-size:10px}.s7chat-receipt{margin:12px;border:1px solid #315683;border-right:3px solid var(--s7-cyan);border-radius:10px;background:#0c2038;padding:10px 12px}.s7chat-receipt-label{font-size:10px;color:#86bddd;font-weight:800}.s7chat-receipt-line{font-size:12px;font-weight:700;overflow-wrap:anywhere}
.s7chat-messages{flex:1;min-height:140px;max-height:360px;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.s7chat-bubble{max-width:88%;padding:8px 10px;border-radius:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.s7chat-bubble time{display:block;opacity:.68;font-size:10px;margin-top:3px}.s7chat-bubble.is-self{align-self:flex-start;background:#173d73;border:1px solid #326cb1}.s7chat-bubble.is-other{align-self:flex-end;background:#1c2340;border:1px solid #343e6d}.s7chat-bubble.is-system{align-self:center;text-align:center;background:#111b2c;color:#adbed4;font-size:11px}
.s7chat-compose{display:flex;gap:6px;padding:10px;border-top:1px solid var(--s7-line)}.s7chat-compose textarea{min-width:0;flex:1;resize:vertical;max-height:100px;padding:9px;background:#0a1123;border:1px solid #354867;border-radius:9px;color:var(--s7-text);font-size:12px}.s7chat-compose textarea::placeholder{color:#8292ac}.s7chat-send,.s7chat-small-btn,.s7chat-new-btn{border:0;border-radius:9px;color:white;background:linear-gradient(105deg,var(--s7-blue),var(--s7-purple));font-weight:800;padding:8px 14px;font-size:12px}.s7chat-icon-btn,.s7chat-close-btn,.s7chat-text-btn{background:transparent;border:1px solid #3b5175;border-radius:9px;color:#b9d9ff;padding:6px 9px;font-size:11px}.s7chat-close-btn{margin:0 10px 10px;border-color:#77566b;color:#ffc1d4}.s7chat-vault{display:block;margin:0 10px 10px;text-align:center;border:1px solid #28798b;border-radius:9px;padding:7px;color:var(--s7-cyan);font-weight:800;font-size:12px}.s7chat-locked{margin:10px;padding:10px;background:#241e32;border-radius:9px;color:#e5cad4;font-size:12px}
.s7chat-picker{display:grid;gap:12px;max-width:680px;margin:auto}.s7chat-order-choice{background:var(--s7-panel);border:1px solid var(--s7-line);border-radius:15px;padding:16px}.s7chat-order-choice>strong{display:block;margin-bottom:7px}.s7chat-order-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #27324c}.s7chat-order-line span{overflow-wrap:anywhere}.s7chat-text-btn{margin-top:9px}.s7chat-new-btn{display:block;margin:16px auto 0}.s7chat-empty,.s7chat-placeholder{color:var(--s7-muted);font-size:13px}.s7chat-placeholder{padding:50px;text-align:center;border:1px dashed var(--s7-line);border-radius:16px}.s7chat-notice{min-height:24px;padding:0 22px 8px;color:#ffca8d;font-size:12px}.s7chat-error{color:#ffd0d0;padding:15px}.s7chat-loading{padding:25px}
#s7chat-app :focus-visible{outline:2px solid var(--s7-cyan);outline-offset:2px}
@media(max-width:1250px){.s7chat-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media(max-width:850px){.s7chat-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.s7chat-layout,.s7chat-admin .s7chat-layout{grid-template-columns:1fr}.s7chat-sidebar{display:flex;gap:8px;max-height:150px;overflow-x:auto;border-inline-end:0;border-bottom:1px solid var(--s7-line)}.s7chat-sidebar-head{min-width:130px;display:block}.s7chat-queue-item{min-width:180px;width:180px}}
@media(max-width:560px){.s7chat-grid{grid-template-columns:1fr}.s7chat-main{padding:12px}.s7chat-top{padding:12px}.s7chat-brand{font-size:14px}.s7chat-live{display:none}.s7chat-sidebar{padding:10px}.s7chat-queue-item{min-width:150px;width:150px}.s7chat-receipt{margin:8px}}
@media(prefers-reduced-motion:reduce){.s7chat-queue-item{transition:none}}
.s7chat-delivery{margin:0 12px 12px;border:1px solid #275d7a;border-radius:12px;background:#0c2032;color:#f8fafc}.s7chat-delivery>summary{cursor:pointer;padding:10px 13px;font-weight:800;color:#8ae4f4}.s7chat-delivery-content{padding:4px 10px 12px;font-size:12px}.s7chat-delivery .star7-vault-card{background:#111c35!important;border-color:#345070!important;box-shadow:none!important}.s7chat-delivery .star7-vault-card-header,.s7chat-delivery .star7-vault-card-footer{background:#172746!important;border-color:#345070!important}.s7chat-delivery .star7-product-name,.s7chat-delivery .star7-info-item strong{color:#f8fafc!important}.s7chat-delivery .star7-cred-field-row{background:#0c1830!important;border-color:#315174!important}.s7chat-delivery .star7-plain-val,.s7chat-delivery .star7-masked-val{color:#f8fafc!important}.s7chat-delivery .star7-cred-field-label,.s7chat-delivery .star7-plan-badge,.s7chat-delivery .star7-footer-info{color:#b7c7df!important}.s7chat-delivery .star7-vault-card-body{grid-template-columns:1fr!important}.s7chat-operator-wrap{margin-top:20px;min-width:0}.s7chat-operator-wrap h2{font-size:19px}.s7chat-operator-wrap>p{color:#50617a}.s7chat-operator-wrap .s7chat-shell{min-height:420px}.s7chat-operator-wrap .s7chat-messages{max-height:400px}