.sc-float{position:fixed;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:1000;width:48px;height:48px;border:0;border-radius:50%;background:#1677ff;color:white;box-shadow:0 3px 12px #0003;font-size:13px}.sc-window{position:fixed;right:16px;bottom:16px;z-index:1200;width:380px;height:min(640px,90dvh);background:white;border:1px solid #dbe3ee;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;color:#24334b;font:14px/1.5 system-ui}.sc-head{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#edf5ff}.sc-head button,.sc-form button,.sc-toolbar button{min-height:40px;border:1px solid #ccd7e5;border-radius:6px;background:white;cursor:pointer}.sc-status{padding:8px 12px;font-size:12px;color:#586781}.sc-messages{flex:1;overflow:auto;padding:12px;min-height:0;background:#f4f7fb}.sc-message{max-width:85%;margin:8px 0;padding:9px 12px;background:white;border-radius:10px;overflow-wrap:anywhere;white-space:pre-wrap}.sc-message.mine{margin-left:auto;background:#d9eaff}.sc-message.note{background:#fff1b8}.sc-message small{display:block;color:#596c82;font-size:11px}.sc-message img{max-width:100%;max-height:260px;object-fit:contain}.sc-form{padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:6px;flex-wrap:wrap}.sc-form textarea{width:100%;resize:vertical;min-height:48px;max-height:110px;font:16px system-ui;border:1px solid #ccd7e5;border-radius:8px}.sc-form input[type=file]{max-width:190px}.sc-error{color:#ad2626;padding:4px 12px}.sc-admin{position:fixed;right:14px;bottom:16px;z-index:1000;background:#1677ff;color:white;padding:10px;border:0;border-radius:8px}.sc-modal{position:fixed;inset:5%;z-index:1500;background:white;border:1px solid #ccd7e5;overflow:auto;padding:20px;box-shadow:0 0 0 100vmax #0005;color:#24334b;font:14px system-ui}.sc-modal input,.sc-modal textarea{display:block;margin:8px 0;padding:8px;width:min(100%,500px);box-sizing:border-box}.sc-modal button{padding:8px;margin:4px}.sc-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.sc-queue{max-width:900px;margin:auto}.sc-thread{display:block;width:100%;padding:14px;margin:8px 0;text-align:left;background:white;border:1px solid #ccd7e5;border-radius:8px;font:14px system-ui}#support-desk{font:15px system-ui;color:#24334b;padding:16px}#support-desk input{padding:10px;margin:6px}#support-desk button{cursor:pointer}.sc-login{max-width:360px;margin:60px auto}.sc-login input{display:block;width:90%}
@media(max-width:600px){.sc-window{inset:0;width:100%;height:100dvh;border:0;border-radius:0}.sc-modal{inset:0}.sc-float{right:10px}}
.sc-float{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:left,top,transform;transition:left .18s ease,top .18s ease,transform .18s ease,box-shadow .18s ease}.sc-float.sc-float-dragging{cursor:grabbing;transition:none;transform:scale(1.08);box-shadow:0 8px 24px #2167ed66}.sc-float.sc-float-reset{animation:sc-float-reset .3s ease}@keyframes sc-float-reset{50%{transform:scale(.82)}100%{transform:scale(1)}}
/* V1.2.60 dedicated support portal */
#support-desk{padding:0;font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:#23334d}body:has(#support-desk){margin:0;background:#f3f6fb}#support-desk *, .sc-window *{box-sizing:border-box}#support-desk button,.sc-window button{font:inherit;cursor:pointer;transition:background .15s}#support-desk button:disabled,.sc-window button:disabled{opacity:.45;cursor:not-allowed}#support-desk button:focus-visible,.sc-window button:focus-visible{outline:3px solid #8cbdff;outline-offset:2px}#support-desk input{margin:0;min-width:0;font:inherit}#support-desk select,.sc-toolbar select{padding:8px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#334660;font:inherit}.sc-avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#2167ed;border-radius:12px;color:#fff;font-weight:700;font-size:19px}.sc-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750}.sc-auth{min-height:100dvh;display:grid;grid-template-columns:1.08fr 1fr}.sc-auth-visual{padding:54px clamp(32px,6vw,90px);color:#fff;background:radial-gradient(circle at 90% 80%,#236bdd66,transparent 50%),linear-gradient(145deg,#101e38,#174b96);display:flex;flex-direction:column;justify-content:space-between;gap:65px}.sc-auth-visual h1{font-size:clamp(34px,4vw,58px);line-height:1.35;letter-spacing:-1px;margin:20px 0}.sc-auth-visual p{color:#d1e2ff;max-width:400px;font-size:17px}.sc-eyebrow{font-size:12px;letter-spacing:3px;color:#9ec4ff}.sc-auth-pills{display:flex;gap:12px;margin-top:28px}.sc-auth-pills span{border:1px solid #ffffff30;background:#ffffff0a;border-radius:22px;padding:8px 16px}.sc-auth-panel{display:grid;place-items:center;padding:32px}.sc-login{margin:0;width:min(440px,100%);max-width:440px;padding:36px;background:#fff;border:1px solid #e7edf5;border-radius:22px;box-shadow:0 18px 70px #233f6710}.sc-login h2{font-size:28px;margin:20px 0 6px}.sc-login p{color:#7c899d;margin:0 0 28px}.sc-login label{display:block;font-weight:600;margin-top:20px}.sc-login input{display:block!important;width:100%!important;padding:13px!important;border:1px solid #dce3ed;border-radius:9px;margin-top:8px!important;outline:none}.sc-login input:focus{border-color:#2167ed;box-shadow:0 0 0 3px #2167ed12}.sc-password{position:relative}.sc-password input{padding-right:58px!important}.sc-password button{position:absolute;right:8px;top:7px;border:0;background:none;color:#567091;padding:7px}.sc-submit{width:100%;padding:13px;border:0;border-radius:9px;background:#2167ed;color:white;margin-top:20px;font-weight:700!important}.sc-login-help{color:#8994a6;font-size:12px;text-align:center;margin-top:22px}.sc-login-error{color:#c23c45;font-size:13px;margin-top:10px}.sc-shell{display:grid;grid-template-columns:210px minmax(0,1fr);height:100dvh}.sc-sidebar{display:flex;flex-direction:column;padding:26px 18px;background:#14243f;color:#dae7fa;gap:8px}.sc-sidebar .sc-logo{font-size:18px;margin-bottom:32px}.sc-sidebar>small{color:#8a9ab2;padding:8px 12px}.sc-sidebar button{border:0;border-radius:9px;padding:12px 16px;text-align:left;background:transparent;color:#b9c9e0}.sc-sidebar button.selected{background:#2167ed;color:#fff}.sc-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;padding-top:20px;border-top:1px solid #ffffff15}.sc-sidebar-foot span{font-size:12px;color:#8c9db6}.sc-sidebar-foot button{padding-left:0}.sc-work{display:flex;flex-direction:column;min-width:0;min-height:0}.sc-top{height:90px;flex-shrink:0;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e4eaf2}.sc-top h1{font-size:22px;margin:0}.sc-top p{font-size:13px;color:#8691a1;margin:3px 0}.sc-online{font-size:12px;color:#168765;background:#eaf8f2;border-radius:20px;padding:6px 12px}.sc-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0;margin:20px;border:1px solid #e0e7f0;border-radius:14px;overflow:hidden;background:white}.sc-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e5eaf2}.sc-list-head{display:flex;align-items:center;justify-content:space-between;padding:18px}.sc-search{display:flex;padding:0 14px 14px;gap:6px}.sc-search input{width:100%;border:1px solid #e0e7ef;border-radius:8px;background:#f7f9fc;padding:9px!important;font-size:12px!important}.sc-search button,.sc-pages button{white-space:nowrap;border:1px solid #dce4ef;background:white;border-radius:7px;padding:6px 10px;color:#54667d}.sc-queue{overflow:auto;width:100%;flex:1;margin:0;max-width:none}.sc-thread{display:flex;gap:10px;width:100%;border:0;border-bottom:1px solid #f0f3f8;border-radius:0;margin:0;padding:16px;text-align:left;background:#fff}.sc-thread:hover{background:#f8faff}.sc-thread.selected{background:#edf4ff;box-shadow:inset 3px 0 #2167ed}.sc-thread-copy{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}.sc-thread-copy b{font-size:14px;overflow-wrap:anywhere}.sc-thread-copy span,.sc-thread-copy small{font-size:12px;color:#8995a5}.sc-thread-copy em{font-style:normal;float:right;border-radius:12px;background:#ef5969;color:white;padding:0 6px;font-size:11px}.sc-pages{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #e5eaf2}.sc-list-empty{text-align:center;padding:60px 12px;color:#6a7e98}.sc-list-empty small{color:#9aa6b5}.sc-chat-host{position:relative;min-width:0;min-height:0;background:#f7f9fc}.sc-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.sc-empty-icon{font-size:40px;color:#2167ed;background:#e8f0ff;border-radius:24px;padding:14px 25px}.sc-empty h2{font-size:20px;margin:22px 0 4px}.sc-empty p,.sc-empty small{color:#8b98ab}.sc-chat-host>.sc-window{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;z-index:2}.sc-chat-brand{display:flex;gap:10px;align-items:center}.sc-chat-brand small{display:block;color:#8b99ac;font-size:11px}.sc-window{border-radius:20px;box-shadow:0 16px 65px #13356830;width:400px}.sc-head{background:#fff;padding:16px;border-bottom:1px solid #edf0f6}.sc-head button{border:0;background:#f0f4fa;color:#526987;padding:5px 12px}.sc-status{padding:10px 16px;background:#f0f6ff;color:#557299;font-size:12px}.sc-toolbar:empty{display:none}.sc-toolbar{padding:10px 14px;border-bottom:1px solid #e9eef6;gap:6px}.sc-toolbar button{font-size:12px;padding:5px 12px;min-height:34px}.sc-toolbar [data-assign]{background:#2167ed;color:#fff;border-color:#2167ed}.sc-toolbar label{font-size:12px;display:flex;align-items:center}.sc-transfer{display:flex;gap:6px;width:100%;padding:8px;background:#f1f5fb;border-radius:8px}.sc-messages{padding:20px;background:#f6f8fc}.sc-message{max-width:80%;padding:12px 15px;border-radius:3px 14px 14px 14px;border:1px solid #e6edf5;box-shadow:0 2px 4px #1c365204;margin:12px 0}.sc-message.mine{background:#e4eeff;border-color:#d8e5ff;border-radius:14px 3px 14px 14px}.sc-message small{margin-top:7px;font-size:10px;color:#8291a7}.sc-message img{border-radius:8px;cursor:zoom-in}.sc-form{background:white;align-items:center;border-top:1px solid #e8edf5;padding:12px 16px}.sc-form textarea{border:0;background:#f7f9fc;padding:12px;resize:none;min-height:76px;outline:none}.sc-form textarea:focus{box-shadow:inset 0 0 0 1px #abcaff}.sc-upload{position:relative;overflow:hidden;cursor:pointer;padding:6px 10px;background:#f1f5fb;color:#5c7291;border-radius:7px;font-size:12px}.sc-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.sc-file-hint{font-size:11px;color:#8d9caf;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-form>button{margin-left:auto;background:#2167ed;border:0;color:white;padding:7px 22px;min-height:36px}.sc-float{background:#2167ed;box-shadow:0 5px 20px #2167ed44}.sc-error:empty{display:none}
@media(max-width:1000px){.sc-shell{grid-template-columns:170px minmax(0,1fr)}.sc-workspace{grid-template-columns:280px minmax(0,1fr);margin:12px}.sc-sidebar{padding:20px 12px}.sc-sidebar .sc-logo{font-size:15px}}
@media(max-width:700px){.sc-auth{display:block}.sc-auth-visual{padding:25px;gap:24px;min-height:230px}.sc-auth-visual h1{font-size:29px;margin:8px 0}.sc-auth-visual p,.sc-auth-pills,.sc-auth-visual>small,.sc-eyebrow{display:none}.sc-auth-panel{padding:0 18px 28px;margin-top:-25px;position:relative}.sc-login{padding:25px}.sc-shell{display:flex;flex-direction:column}.sc-sidebar{flex-direction:row;padding:10px;align-items:center;gap:3px}.sc-sidebar .sc-logo,.sc-sidebar>small,.sc-sidebar-foot b,.sc-sidebar-foot span{display:none}.sc-sidebar button{padding:8px 10px}.sc-sidebar-foot{border:0;padding:0;margin:0 0 0 auto}.sc-top{height:75px;padding:12px 16px}.sc-top h1{font-size:19px}.sc-work{flex:1}.sc-workspace{display:block;margin:0;border:0;border-radius:0;position:relative}.sc-list-panel{height:100%;border:0}.sc-chat-host{display:none;height:100%}.sc-chat-open .sc-chat-host{display:block}.sc-chat-open .sc-list-panel{display:none}.sc-thread{padding:16px}.sc-window{inset:0;width:100%;height:100dvh;border:0;border-radius:0}.sc-chat-host>.sc-window{height:100%}.sc-head{padding:12px}.sc-messages{padding:12px}.sc-form{padding-bottom:max(12px,env(safe-area-inset-bottom))}.sc-top p{font-size:11px}.sc-online{padding:5px 8px}}
.sc-image-view{position:fixed;inset:0;z-index:2500;background:#101b2bef;display:flex;align-items:center;justify-content:center;padding:24px}.sc-image-view img{max-width:100%;max-height:90dvh;object-fit:contain}.sc-image-view button{position:absolute;right:18px;top:18px;border:0;background:white;color:#24334b;border-radius:8px;padding:10px 18px;cursor:pointer}
.sc-sidebar [data-badge]{float:right;font-style:normal;background:#ee5266;color:white;border-radius:12px;font-size:11px;min-width:20px;text-align:center;padding:0 5px;margin-left:8px}.sc-sidebar [data-badge][hidden]{display:none}.sc-notifications{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;color:#697e99}.sc-notifications button{border:1px solid #dce4ef;border-radius:7px;background:white;padding:5px 8px;color:#536c8d}.sc-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#50637d!important}@media(max-width:700px){.sc-top{height:auto;min-height:95px;gap:8px}.sc-notifications{max-width:55%;gap:4px}.sc-notifications [data-unread-summary]{font-size:10px}.sc-sidebar [data-badge]{margin-left:4px}.sc-sidebar button{padding:8px}}
.sc-dashboard{inset:16px 20px;border-radius:16px;background:#f6f8fc}.sc-dashboard header{display:flex;justify-content:space-between;align-items:center}.sc-report-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sc-report-cards button{background:white;border:1px solid #dfe7f1;border-radius:12px;text-align:left;padding:18px;color:#4b6484;cursor:pointer}.sc-report-cards b{display:block;font-size:30px;color:#2167ed;margin-top:10px}.sc-report-note{color:#8190a5;font-size:12px}.sc-report-table{overflow:auto;background:white;border-radius:10px}.sc-report-table table{width:100%;border-collapse:collapse;white-space:nowrap}.sc-report-table th,.sc-report-table td{padding:12px;text-align:left;border-bottom:1px solid #edf1f6}.sc-trend{background:white;padding:16px;border-radius:12px;max-height:360px;overflow:auto}.sc-trend>div{display:flex;align-items:center;gap:8px;margin:8px 0}.sc-trend span{height:12px;min-width:0;border-radius:4px}.sc-trend small{min-width:42px}.sc-trend b{font-size:11px}.consult{background:#347cf3}.finished{background:#38b894}@media(max-width:700px){.sc-dashboard{inset:0;padding:14px;border-radius:0}.sc-report-cards{grid-template-columns:repeat(2,1fr);gap:6px}.sc-report-cards button{padding:12px}.sc-sidebar{flex-wrap:wrap}}

/* V1.2.63: fixed layout by sender identity */
.sc-message-row{display:flex;flex-direction:column;align-items:flex-start;margin:14px 0}.sc-message-row.customer{align-items:flex-end}.sc-message-title{max-width:76%;margin:0 5px 5px;color:#75869d;font-size:11px;font-weight:700}.sc-message-row.staff .sc-message-title{color:#2167ed}.sc-message-row.customer .sc-message{margin:0;background:#2167ed;border-color:#2167ed;border-radius:14px 3px 14px 14px;color:#fff}.sc-message-row.staff .sc-message{margin:0;background:#fff;border-color:#e2e9f2;border-radius:3px 14px 14px 14px;color:#263850}.sc-message-row.customer .sc-message small{color:#d9e7ff}.sc-message-row.staff .sc-message small{color:#8291a7}.sc-message-row .sc-message{width:fit-content;max-width:76%;min-width:68px}.sc-message-row .sc-message img{display:block;max-width:100%}.sc-message-row.note-row{align-items:center}.sc-message-row.note-row .sc-message-title{text-align:center;color:#9b7116}.sc-message-row.note-row .sc-message{margin:0;max-width:88%;background:#fff4c9;border-color:#ead99a;border-radius:9px;color:#694d12}.sc-message-row.note-row .sc-message small{color:#92752f}@media(max-width:700px){.sc-message-row .sc-message,.sc-message-title{max-width:78%}}

/* V1.2.64: prominent sender label on mobile */
.sc-message-title{display:flex!important;align-items:center;gap:6px;min-height:22px;line-height:22px;visibility:visible!important;opacity:1!important;overflow:visible}.sc-message-title strong{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#314865;font-size:12px}.sc-role-badge{display:inline-flex!important;align-items:center;min-height:20px;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:800;line-height:18px;white-space:nowrap}.staff-badge{background:#e4efff;color:#1761dc}.customer-badge{background:#e9edf3;color:#66778d}.note-badge{background:#f7dfa1;color:#7c5810}@media(max-width:700px){.sc-message-title{display:flex!important;max-width:82%!important;margin-bottom:6px!important;font-size:12px!important;line-height:24px!important}.sc-message-title strong{display:inline-block!important;max-width:min(52vw,190px);font-size:12px!important}.sc-role-badge{display:inline-flex!important;font-size:11px!important;min-height:22px;padding:1px 8px}.sc-message-row .sc-message{max-width:82%}.sc-message-row.staff .sc-message-title{align-self:flex-start}.sc-message-row.customer .sc-message-title{align-self:flex-end}}