.scp[hidden],.scp [hidden],.scp-launch[hidden]{display:none!important}
.scp-launch{position:fixed;right:24px;bottom:24px;z-index:99990;border:0;border-radius:24px;padding:12px 20px;background:#ee4d2d;color:#fff;font:600 14px/1.4 system-ui,sans-serif;box-shadow:0 5px 24px #101b3830;cursor:pointer}
.scp-chat-view,.scp-inbox-view{display:flex;flex:1;min-height:0;flex-direction:column}.scp-back{border:1px solid #ffffff66;background:transparent;color:#fff;border-radius:8px;padding:6px;font-size:11px!important;white-space:nowrap}.scp-inbox-tools{padding:12px 16px;border-bottom:1px solid #e8ecf2}.scp-inbox-tools label{display:block;font-size:11px;color:#69778a;margin-bottom:5px}.scp-inbox-tools input{width:100%;padding:9px 10px;border:1px solid #dce2eb;border-radius:8px;font:inherit}.scp-inbox-filters{display:flex;gap:8px;margin-top:8px}.scp-inbox-filters select,.scp-inbox-filters button{border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#35435b;padding:7px;font:inherit;font-size:12px}.scp-inbox-filters select{flex:1;min-width:0}.scp-inbox-status{font-size:12px;color:#69778a;padding:8px 16px;overflow-wrap:anywhere}.scp-inbox-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.scp-conversation{display:block;width:100%;text-align:left;padding:12px 16px;border:0;border-bottom:1px solid #e8ecf2;background:#fff;color:#263248}.scp-conversation:hover,.scp-conversation:focus-visible{background:#fff3ec}.scp-conversation-head{display:flex;gap:8px;align-items:center;justify-content:space-between}.scp-conversation-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scp-badge{background:#ee4d2d;color:#fff;border-radius:12px;padding:2px 7px;font-size:10px;white-space:nowrap}.scp-preview{display:block;color:#5d6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0}.scp-conversation small{color:#8490a0;font-size:10px}
.scp{position:fixed;right:24px;bottom:24px;z-index:100002;width:min(440px,calc(100vw - 32px));height:min(720px,calc(100dvh - 48px));display:flex;flex-direction:column;background:#fff;color:#263248;border:1px solid #dce2eb;border-radius:18px;box-shadow:0 16px 64px #101b3840;font:14px/1.45 Inter,system-ui,sans-serif;overflow:hidden}
.scp *{box-sizing:border-box}.scp button,.scp textarea{font:inherit}.scp button{cursor:pointer}.scp button:disabled{opacity:.5;cursor:default}.scp button:focus-visible,.scp a:focus-visible,.scp textarea:focus-visible{outline:3px solid #ee4d2d;outline-offset:2px}
.scp-header{display:flex;align-items:center;gap:12px;background:#ee4d2d;color:#fff;padding:16px 18px}.scp-avatar{width:38px;height:38px;border-radius:12px;background:#ffffff26;display:grid;place-items:center;font-size:22px;font-weight:800}.scp-heading{flex:1;min-width:0}.scp-heading small{font-size:10px;letter-spacing:1.8px}.scp-heading h2{font-size:17px;margin:2px 0 0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scp-icon{border:0;background:transparent;color:inherit;font-size:28px!important;line-height:1}
.scp-tools{display:flex;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid #e8ecf2;font-size:12px}.scp-tools span{flex:1;color:#a13823}.scp-tools button,.scp-older{border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#35435b;padding:5px 9px}.scp-details{font-size:11px;padding:6px 16px;color:#69778a}.scp-details span{display:block;overflow-wrap:anywhere;padding:5px 0;white-space:pre-line}.scp-details summary{cursor:pointer}
.scp-feedback{padding:9px 16px;background:#fff3d9;color:#745113;font-size:12px;overflow-wrap:anywhere}.scp-thread{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;background:#f4f6fa;overscroll-behavior:contain}.scp-older{display:block;margin:0 auto 12px;font-size:12px!important}.scp-older[hidden]{display:none}.scp-day{text-align:center;font-size:11px;color:#788699;margin:10px 0 15px}.scp-row{display:flex;margin-bottom:12px}.scp-row.seller{justify-content:flex-end}.scp-bubble{max-width:88%;padding:10px 12px;border:1px solid #e1e6ef;border-radius:13px 13px 13px 3px;background:#fff;overflow-wrap:anywhere;white-space:pre-wrap}.scp-row.seller .scp-bubble{background:#fff0e9;border-color:#ffd8c5;border-radius:13px 13px 3px 13px}.scp-bubble img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.scp-message-time{display:block;text-align:right;margin-top:6px;color:#7b8798;font-size:10px;white-space:normal}.scp-empty{text-align:center;padding:35px 10px;color:#7b8798;font-size:13px}
.scp-compose{padding:12px 16px 8px;border-top:1px solid #e3e8ef}.scp-compose label{display:block;font-size:11px;color:#788699;margin:0 0 5px}.scp-compose textarea{display:block;width:100%;resize:none;border:1px solid #d8e0ea;border-radius:10px;padding:10px;color:#263248;background:#fff}.scp-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.scp-compose-footer span{font-size:10px;color:#8490a0}.scp-compose-footer button{border:0;border-radius:9px;background:#ee4d2d;color:#fff;font-weight:600;padding:8px 20px}.scp-footer{display:flex;justify-content:space-between;padding:4px 16px 12px;font-size:10px;color:#8490a0}.scp-footer a{color:#ac432c;text-decoration:none}
.scp-bubble a{display:inline-block}.scp-image{cursor:zoom-in;max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.scp-attach{position:relative;display:flex;gap:6px;align-items:center}.scp-attach-btn{border:1px solid #dce2eb;border-radius:9px;background:#fff;padding:6px 9px;font-size:16px;line-height:1}.scp-attach-btn:hover:not(:disabled){background:#fff3ec;border-color:#ffd8c5}
.scp-attach-menu{position:absolute;left:0;bottom:calc(100% + 6px);z-index:5;display:flex;flex-direction:column;min-width:150px;background:#fff;border:1px solid #dce2eb;border-radius:10px;box-shadow:0 8px 28px #101b3826;overflow:hidden}.scp-attach-menu[hidden]{display:none}.scp-attach-menu button{border:0;background:#fff;color:#263248;text-align:left;padding:10px 14px;font:inherit;font-size:13px}.scp-attach-menu button:hover,.scp-attach-menu button:focus-visible{background:#fff3ec}
.scp-camera{position:fixed;inset:0;z-index:100011;display:flex;flex-direction:column;background:#000}.scp-camera[hidden]{display:none}.scp-camera-video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}.scp-camera-bar{display:flex;align-items:center;justify-content:space-around;padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.scp-camera-shot{width:68px;height:68px;border-radius:50%;border:5px solid #fff;background:#ffffff40;cursor:pointer}.scp-camera-shot:hover,.scp-camera-shot:focus-visible{background:#ffffff70}
.scp-lightbox{position:fixed;inset:0;z-index:100010;display:flex;flex-direction:column;background:#000000ee}.scp-lightbox[hidden]{display:none}.scp-lightbox-bar{display:flex;justify-content:flex-end;gap:6px;padding:12px 14px}.scp-lb-btn{width:40px;height:40px;border:0;border-radius:10px;background:#ffffff1f;color:#fff;font-size:20px;line-height:1;cursor:pointer}.scp-lb-btn:hover{background:#ffffff33}.scp-lb-close{background:#ee4d2d}.scp-lb-close:hover{background:#ff6a4d}.scp-lightbox-stage{flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;touch-action:none}.scp-lightbox-img{max-width:100vw;max-height:100%;user-select:none;-webkit-user-drag:none;will-change:transform}.scp-lightbox-hint{text-align:center;color:#ffffff99;font-size:11px;padding:8px 12px 14px}
.scp-item-card{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;max-width:260px}.scp-item-card img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}.scp-item-info{display:flex;flex-direction:column;min-width:0}.scp-item-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.scp-item-price{color:#ee4d2d;font-weight:700;font-size:13px}.scp-item-hint{color:#8490a0;font-size:10px;margin-top:2px}
.scp-product{border-top:1px solid #e3e8ef;background:#fff;max-height:55%;display:flex;flex-direction:column}.scp-product[hidden]{display:none}.scp-product-bar{display:flex;gap:8px;padding:10px 16px 6px}.scp-product-bar input{flex:1;min-width:0;border:1px solid #d8e0ea;border-radius:8px;padding:8px 10px;font:inherit}.scp-product-bar .scp-icon{color:#69778a;font-size:24px!important}.scp-product-status{font-size:11px;color:#8490a0;padding:0 16px 6px}
.scp-product-grid{overflow-y:auto;overscroll-behavior:contain;padding:0 12px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scp-cell{position:relative;display:flex;flex-direction:column;min-width:0}.scp-cell-pick{position:relative;border:1px solid #e1e6ef;border-radius:10px;background:#f4f6fa;padding:0;overflow:hidden;aspect-ratio:1;cursor:pointer;display:grid;place-items:center}.scp-cell-pick img{width:100%;height:100%;object-fit:cover;display:block}.scp-cell-pick:hover,.scp-cell-pick:focus-visible{border-color:#ee4d2d}.scp-cell-nofoto{font-size:26px;color:#9aa6b5}.scp-cell-meta{display:flex;flex-direction:column;min-width:0;padding:4px 2px 0}.scp-cell-meta strong{font-size:10.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scp-cell-meta small{font-size:10px;color:#ee4d2d;font-weight:700}.scp-cell-card{position:absolute;top:4px;right:4px;border:0;border-radius:8px;background:#ffffffd9;padding:3px 5px;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 1px 4px #101b3833}.scp-cell-card:hover{background:#fff3ec}
@media(max-width:575px){.scp{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:14px}.scp-thread{padding:10px 12px}.scp-compose{padding:10px 12px}.scp-header{padding:12px 14px}}
@media(max-height:650px){.scp-header{padding:8px 14px}.scp-avatar{width:30px;height:30px;font-size:18px}.scp-heading h2{font-size:15px}.scp-tools{padding:6px 12px}.scp-details{padding:3px 12px;max-height:76px;overflow-y:auto}.scp-feedback{padding:5px 12px}.scp-compose{padding:6px 12px}.scp-compose label{display:none}.scp-compose textarea{height:54px;padding:7px 10px}.scp-compose-footer{margin-top:5px}.scp-compose-footer button{padding:6px 18px}.scp-footer{padding:2px 12px 6px}.scp-thread{padding:6px 12px}}
.scp-ai{margin:0 12px;padding:10px 12px;border:1px solid #ffd8c5;border-radius:12px;background:linear-gradient(180deg,#fff7f2,#fff);font-size:13px}.scp-ai[hidden]{display:none}.scp-ai-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.scp-ai-title{flex:1;font-weight:700;color:#a13823;font-size:12px}.scp-ai-title small{font-weight:500;color:#8490a0;margin-left:4px}.scp-ai-mini{border:0;background:transparent;color:#7b8798;font-size:16px!important;line-height:1;padding:2px 6px;border-radius:6px}.scp-ai-mini:hover:not(:disabled){background:#ffe9df}.scp-ai-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#263248;max-height:130px;overflow-y:auto}.scp-ai-text.loading{color:#8490a0;font-style:italic}.scp-ai-text.error{color:#a13823}.scp-ai-products{display:flex;flex-direction:column;gap:4px;margin-top:6px}.scp-ai-products:empty{display:none}.scp-ai-prod{display:flex;align-items:center;gap:6px;font-size:11px;padding:5px 7px;border-radius:8px;background:#f4f6fa}.scp-ai-prod.unlisted{background:#fff3d9}.scp-ai-prod span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scp-ai-prod a,.scp-ai-prod button{flex:none;border:1px solid #dce2eb;border-radius:7px;background:#fff;color:#ac432c;padding:2px 7px;font-size:11px!important;text-decoration:none;white-space:nowrap}.scp-ai-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.scp-ai-actions[hidden]{display:none}.scp-ai-primary{border:0;border-radius:8px;background:#ee4d2d;color:#fff;font-weight:600;padding:6px 14px}.scp-ai-secondary{border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#35435b;padding:6px 12px}
.scp-ai-note{margin-top:6px;font-size:11px;color:#745113;background:#fff3d9;border-radius:7px;padding:5px 7px}.scp-ai-note:empty{display:none}
.scp-listing{border-top:1px solid #e3e8ef;background:#fff;max-height:70%;display:flex;flex-direction:column;overflow:hidden}.scp-listing[hidden]{display:none}.scp-listing-bar{display:flex;align-items:center;gap:8px;padding:8px 16px 4px;color:#a13823}.scp-listing-bar strong{flex:1;font-size:13px}.scp-listing-bar .scp-icon{color:#69778a;font-size:24px!important}.scp-listing-status{font-size:12px;color:#5d6b80;padding:0 16px 6px;overflow-wrap:anywhere}.scp-listing-form{overflow-y:auto;overscroll-behavior:contain;padding:0 16px 12px;display:flex;flex-direction:column;gap:6px}.scp-listing-form[hidden]{display:none}.scp-listing-form label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#69778a;flex:1;min-width:0}.scp-listing-form input,.scp-listing-form textarea{border:1px solid #d8e0ea;border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;color:#263248;width:100%}.scp-listing-row{display:flex;gap:6px}.scp-listing-hint{font-size:10px;color:#8490a0}.scp-listing-top{display:flex;gap:10px;align-items:center}.scp-listing-top img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e1e6ef}.scp-listing-top small{display:block;font-size:11px;color:#5d6b80}
.scp-item-card{cursor:pointer}.scp-item-card:focus-visible{outline:2px solid #ee4d2d;outline-offset:2px;border-radius:8px}.scp-item-pos{color:#2e7d32;font-size:11px;font-weight:600}.scp-ipv{position:fixed;inset:0;z-index:100009;display:grid;place-items:center;background:#0008;padding:16px}.scp-ipv[hidden]{display:none}.scp-ipv-box{background:#fff;color:#1f2937;font:14px/1.45 Inter,system-ui,sans-serif;width:min(380px,100%);max-height:92vh;overflow:auto;border-radius:14px;padding:12px 14px 14px;box-shadow:0 12px 40px #0006}.scp-ipv-bar{display:flex;justify-content:space-between;align-items:center;color:#ee4d2d;font-weight:700;letter-spacing:.04em}.scp-ipv-img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f7f9;border-radius:10px;cursor:zoom-in;margin-top:6px}.scp-ipv-thumbs{display:flex;gap:6px;overflow-x:auto;margin-top:6px}.scp-ipv-thumbs img{width:48px;height:48px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;flex-shrink:0}.scp-ipv-thumbs img.on{border-color:#ee4d2d}.scp-ipv-box h3{font-size:15px;margin:10px 0 4px;line-height:1.35}.scp-ipv-price strong{color:#ee4d2d;font-size:17px}.scp-ipv-price s{color:#8490a0;font-size:12px}.scp-ipv-facts{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:10px 0;font-size:12.5px}.scp-ipv-facts dt{color:#6b7280;font-weight:400}.scp-ipv-facts dd{margin:0;font-weight:600}.scp-ipv-actions{display:flex;gap:8px;justify-content:flex-end}.scp-ipv-actions button,.scp-ipv-actions a{font:inherit;font-size:13px;cursor:pointer}.scp-ipv-actions a{text-decoration:none;display:inline-flex;align-items:center}
.scp-system{align-self:center;margin:4px auto;max-width:85%;text-align:center;font-size:11px;color:#7b8798;background:#e9edf3;border-radius:999px;padding:3px 10px;width:fit-content}
/* [23 Okt 2026] video di chat */
.scp-video-box{position:relative;display:grid;gap:4px}.scp-video{display:block;max-width:100%;max-height:260px;border-radius:8px;background:#000}.scp-video-link{font-size:12px;color:#ee4d2d}.scp-video-dur{font-size:11px;color:#6b7280}.scp-video-failed .scp-video{display:none}
/* [31 Okt 2026] Ke Coki / Bagikan per pesan (shopee_chat_panel.js messageTools) */
.scp-tools{display:flex;gap:8px;justify-content:flex-end;margin-top:3px}.scp-tools button{background:transparent;border:0;padding:0 2px;font-size:11px;font-weight:600;color:#ee4d2d;cursor:pointer}.scp-tools button:disabled{opacity:.5}