.ssc-card,.ssc-admin .ssc-row{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 8px 28px #172c4a08}.ssc-form{max-width:700px;margin:24px auto}.ssc-form label,.ssc-panel label{display:block;font-weight:600;margin:18px 0}.ssc-form input,.ssc-form textarea,.ssc-panel textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:12px;margin-top:8px;font:inherit;background:#fff;color:#172c4a}.ssc-form button,.ssc-admin button{cursor:pointer;border:0;border-radius:10px;background:#135e59;color:#fff;padding:11px 18px;font:inherit}.ssc-admin button:disabled,.ssc-form button:disabled{opacity:.55;cursor:wait}.ssc-admin .ssc-row{display:flex;gap:16px;align-items:center;padding:10px 18px}.ssc-admin .ssc-open{display:flex;flex:1;flex-direction:column;gap:8px;text-align:start;background:none;color:#172c4a;padding:12px}.ssc-open span,.ssc-open small{color:#64748b}.ssc-row:hover{border-color:#135e59}.ssc-overlay{position:fixed;inset:0;background:#0f172a66;z-index:99990;backdrop-filter:blur(3px)}.ssc-panel{position:fixed;top:32px;bottom:0;right:0;width:min(600px,94vw);box-sizing:border-box;padding:28px;background:#f8fafc;z-index:99991;overflow:auto;transform:translateX(105%);transition:transform .28s ease;visibility:hidden;box-shadow:-15px 0 50px #0f172a22}.ssc-panel.is-open{transform:translateX(0);visibility:visible}.ssc-admin .ssc-close{float:left;background:#e2e8f0;color:#172c4a;font-size:24px;padding:4px 14px}.ssc-detail{clear:both;padding-top:15px}.ssc-bubble{background:#eef2f7;border-radius:16px;padding:18px;margin:16px 0;overflow-wrap:anywhere}.ssc-bubble p{white-space:pre-wrap;margin:10px 0}.ssc-reply,.ssc-detail .ssc-bubble~.ssc-bubble{background:#e3f4ef;border-right:3px solid #135e59}.ssc-bubble small{color:#64748b}.ssc-actions{display:flex;flex-wrap:wrap;gap:10px}.ssc-admin .ssc-delete,.ssc-admin .ssc-bulk{background:#9f2538}.ssc-status,.ssc-panel-status,.ssc-save{min-height:22px;color:#135e59}.ssc-panel textarea{resize:vertical}.ssc-admin :focus-visible,.ssc-form :focus-visible{outline:3px solid #5bb9b0;outline-offset:3px}@media(max-width:782px){.ssc-panel{top:46px;padding:20px}.ssc-card{padding:18px}}@media(prefers-reduced-motion:reduce){.ssc-panel{transition:none}}
/* Shared contact workspace */
.ssc-admin,.ssc-user,.ssc-form{--ssc-ink:#18334b;--ssc-muted:#64778b;--ssc-line:#dfe8ef;--ssc-accent:#137d77;color:var(--ssc-ink);line-height:1.7}.ssc-admin{max-width:1220px;margin:28px 24px 36px 4px}.ssc-user{max-width:1000px;margin:auto}.ssc-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#e7f5f3,#f0f5ff);border:1px solid #d8e9ed;border-radius:24px;padding:32px 36px;margin-bottom:24px}.ssc-hero:after{content:'';position:absolute;left:-55px;top:-85px;width:240px;height:240px;border:40px solid #137d7708;border-radius:50%;pointer-events:none}.ssc-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;color:#137d77;margin-bottom:8px}.ssc-hero h1{font-size:30px;font-weight:750;line-height:1.4;color:#18334b;margin:0 0 10px;padding:0}.ssc-hero p{font-size:14px;color:#516b80;max-width:700px;margin:0}.ssc-total{display:inline-block;margin-top:20px;background:#fff;border:1px solid #d8e9ed;border-radius:30px;padding:5px 15px;font-weight:600;color:#137d77}.ssc-inbox{background:#fff;border:1px solid var(--ssc-line);border-radius:22px;overflow:hidden;box-shadow:0 6px 24px #18334b05}.ssc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px}.ssc-toolbar h2{margin:0;font-size:19px;color:#18334b}.ssc-toolbar p{margin:5px 0 0;color:#64778b}.ssc-selection{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;background:#f7fafc;border-block:1px solid #edf1f5;color:#61768a;font-size:12px}.ssc-selection label{display:flex;gap:9px;align-items:center;cursor:pointer}.ssc-admin input[type=checkbox]{accent-color:#137d77;flex-shrink:0}.ssc-admin .ssc-bulk{background:#fff1f2;color:#a33349;border:1px solid #f2d7df;font-size:13px}.ssc-admin .ssc-bulk:disabled{opacity:.45;cursor:default}.ssc-list{padding:0 18px 18px}.ssc-admin .ssc-row{border:1px solid #e5ecf2;box-shadow:none;border-radius:14px;margin:10px 0;padding:6px 16px;transition:border-color .18s,background .18s}.ssc-row:hover{background:#f8fcfc;border-color:#9dcfcb}.ssc-row:has(input:checked){border-color:#70b8b2;background:#f0faf8}.ssc-admin .ssc-open{min-width:0;gap:5px;padding:12px}.ssc-row-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.ssc-open strong{font-size:15px;color:#18334b;overflow-wrap:anywhere}.ssc-open span{font-size:12px;overflow-wrap:anywhere}.ssc-open .ssc-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:30px;white-space:nowrap;flex-shrink:0}.ssc-badge.is-pending{color:#966009;background:#fff4da}.ssc-badge.is-answered{color:#177063;background:#e5f5ee}.ssc-preview{color:#6c7f90;font-size:13px;line-height:1.7;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ssc-open small{font-size:11px;width:100%;display:flex;justify-content:space-between;gap:12px;margin-top:3px}.ssc-open .ssc-view{font-size:11px;color:#137d77}.ssc-admin>.ssc-status,.ssc-inbox>.ssc-status{margin:0;padding:0 26px}.ssc-status:empty{display:none}.ssc-empty{text-align:center;padding:50px 20px;color:#64778b}.ssc-empty>span{font-size:38px;display:block;color:#137d77}.ssc-empty h3{color:#18334b;font-size:18px}.ssc-admin .page-numbers{display:inline-block;padding:7px 13px;border:1px solid #dfe8ef;border-radius:9px;background:#fff;margin:18px 2px;color:#137d77;text-decoration:none}.ssc-admin .page-numbers.current{background:#137d77;color:#fff;border-color:#137d77}.ssc-panel{background:#f7fafc;padding:24px 28px;width:min(650px,96vw)}.ssc-panel-heading{padding:14px 0 22px;border-bottom:1px solid #dfe8ef;clear:both}.ssc-panel-heading h2{font-size:23px;margin:0 0 6px;color:#18334b}.ssc-panel-heading p{margin:0;color:#64778b}.ssc-admin .ssc-close{border:1px solid #dfe8ef;background:#fff;border-radius:50%;width:38px;height:38px;line-height:30px;padding:0;color:#52687a}.ssc-detail h2{font-size:19px;color:#18334b;line-height:1.6}.ssc-bubble{background:#fff;border:1px solid #e1e9f0;border-radius:16px;padding:20px;box-shadow:0 4px 14px #18334b03}.ssc-bubble b{font-size:12px;color:#516b80}.ssc-bubble p{font-size:14px;line-height:1.9;color:#233e54}.ssc-bubble small{font-size:11px}.ssc-reply,.ssc-detail .ssc-bubble~.ssc-bubble{background:#effaf6;border:1px solid #d3ebdf;border-inline-start:3px solid #258775;border-right-width:1px;margin-inline-start:24px}.ssc-reply b{color:#177063}.ssc-panel label{font-size:14px;color:#18334b}.ssc-panel textarea,.ssc-form input,.ssc-form textarea{border-color:#d3dfe8;box-shadow:0 2px 6px #18334b03;line-height:1.8}.ssc-panel textarea:focus,.ssc-form input:focus,.ssc-form textarea:focus{border-color:#137d77;box-shadow:0 0 0 3px #137d7712;outline:none}.ssc-draft-hint{font-size:12px;color:#64778b;line-height:1.8;margin:8px 0}.ssc-save{font-size:12px;min-height:0}.ssc-actions{padding-top:18px;border-top:1px solid #dfe8ef;margin-top:20px;gap:10px}.ssc-admin .ssc-send{background:#137d77;box-shadow:0 4px 10px #137d7720;order:-1;flex:1}.ssc-admin .ssc-ai{background:#eef0ff;color:#5655a5;border:1px solid #dcdff7;flex:1}.ssc-admin .ssc-delete{background:transparent;color:#a33349;border:1px solid #edccd4;width:100%;margin-top:6px}.ssc-admin button:hover:not(:disabled),.ssc-form button:hover:not(:disabled){filter:brightness(.97)}.ssc-conversation{padding:28px;background:#fafcfd;box-shadow:none}.ssc-conversation>h2{font-size:23px;margin:4px 0 24px;color:#18334b}.ssc-waiting{padding:15px 18px;border:1px solid #f0e1bb;background:#fff9ec;color:#8c681d;border-radius:12px;font-size:13px}.ssc-form{border-color:#dfe8ef;border-top:4px solid #137d77;padding:30px;box-shadow:0 8px 30px #18334b07}.ssc-form h2{color:#18334b;font-size:25px;margin-top:0}.ssc-form>p{color:#64778b}.ssc-form button{background:#137d77;min-height:46px;padding-inline:28px}.ssc-form label{color:#365268;font-size:14px}.ssc-panel-status:not(:empty){padding:12px 16px;background:#eaf3f4;border-radius:10px;overflow-wrap:anywhere}
@media(max-width:782px){.ssc-admin{margin:20px 10px 24px 0}.ssc-hero{padding:24px;border-radius:18px}.ssc-hero h1{font-size:25px}.ssc-toolbar{padding:20px;align-items:flex-start}.ssc-selection{padding:14px 20px;flex-wrap:wrap}.ssc-list{padding:0 10px 10px}.ssc-admin .ssc-row{padding:5px 10px;gap:8px}.ssc-row-heading{align-items:flex-start;flex-wrap:wrap}.ssc-open .ssc-view{display:none}.ssc-panel{padding:20px}.ssc-actions .ssc-ai,.ssc-actions .ssc-send{flex-basis:100%}.ssc-conversation{padding:18px}.ssc-reply{margin-inline-start:12px}.ssc-form{padding:22px}}
.ssc-login-notice{display:flex;align-items:center;gap:20px;max-width:700px;box-sizing:border-box;margin:24px auto;padding:28px;border:1px solid #cfe6e3;border-inline-start:4px solid #137d77;background:linear-gradient(120deg,#effaf7,#f6f9ff);color:#18334b;line-height:1.8}.ssc-login-notice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;border-radius:16px;background:#dff1ec;color:#137d77;font-size:28px}.ssc-login-notice h2{margin:0 0 8px;font-size:21px;line-height:1.5;color:#18334b}.ssc-login-notice p{margin:0;font-size:14px;color:#516b80}@media(max-width:600px){.ssc-login-notice{align-items:flex-start;gap:14px;padding:20px}.ssc-login-notice-icon{width:42px;height:42px;font-size:23px}.ssc-login-notice h2{font-size:18px}}
.ssc-login-notice .ssc-login-button{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;min-height:44px;padding:10px 24px;box-sizing:border-box;border-radius:10px;background:#137d77;color:#fff;text-decoration:none;font:inherit;font-weight:600;line-height:1.5}.ssc-login-notice .ssc-login-button:hover{background:#106963;color:#fff}.ssc-login-notice .ssc-login-button:focus-visible{outline:3px solid #5bb9b0;outline-offset:3px}
