:root{--primary:#4868ec;--ink:#202942;--muted:#9299aa;--line:#edf0f5;--bg:#f7f9fc}*{box-sizing:border-box}body{margin:0;font:14px 'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea{font:inherit}button,a{transition:.16s}button{cursor:pointer;border:0;background:none;color:inherit}a{color:var(--primary);text-decoration:none}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}input,textarea{border:1px solid #e1e5ee;border-radius:7px;padding:12px;outline:none;color:var(--ink);background:white;max-width:100%}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4868ec10}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:500;margin:22px 0}label input,label textarea{display:block;width:100%;margin-top:9px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.8px}h2{font-size:23px}h3{font-size:17px}p{line-height:1.8}.muted{color:var(--muted);font-size:12px}.primary{background:var(--primary);color:white;border:1px solid var(--primary);padding:11px 22px;border-radius:7px;box-shadow:0 3px 6px #4868ec14;font-weight:500}.secondary{border:1px solid #e0e5ee;background:white;padding:10px 15px;border-radius:7px;font-size:12px;display:inline-block}.wide{width:100%}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:1px}.logo{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;width:36px;height:36px;border-radius:11px;font-size:20px;box-shadow:0 4px 10px #4868ec26}.brand small{font-size:10px;letter-spacing:2px;font-weight:400}.sidebar{width:225px;position:fixed;height:100vh;left:0;top:0;background:white;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.workspace-label{background:#f7f8fb;margin:25px 0 30px;border:1px solid var(--line);padding:12px;font-size:12px;border-radius:7px;color:#737d94}.workspace-label span{float:right}.nav-label{font-size:10px;color:#a5adbe;letter-spacing:2px;margin:0 14px 12px}.nav{width:100%;padding:14px;display:flex;align-items:center;gap:14px;text-align:left;color:#778097;border-radius:7px;margin:5px 0;font-size:13px}.nav span{font-size:20px;line-height:1}.nav.active{color:var(--primary);background:#edf1ff;font-weight:600}.nav b{margin-left:auto;background:var(--primary);color:white;min-width:19px;height:19px;border-radius:5px;font-size:10px;display:grid;place-items:center}.sidebar-bottom{margin-top:auto}.connect-card{padding:15px;background:linear-gradient(120deg,#f2f5ff,#fafbff);border:1px solid #eaf0ff;border-radius:9px;margin-bottom:24px}.connect-card span{font-size:12px;font-weight:600}.connect-card p{font-size:10px;color:#8e96ac;margin:7px 0 14px}.connect-card button{color:var(--primary);font-size:11px;padding:0}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px}.profile strong{font-size:12px}.profile small{display:block;font-size:10px;color:#949cad;margin-top:3px}.profile button{margin-left:auto;font-size:22px;color:#99a2b6}.avatar{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:37px;height:37px;border-radius:12px;font-size:14px;font-weight:600}.blue{background:#edf2ff;color:#5471dd}.purple,.violet{background:#f0edff;color:#8b72d6}.green{background:#e9f6f0;color:#46a988}.amber{background:#fff5e8;color:#dfad5d}.large{width:62px;height:62px;border-radius:20px;font-size:22px}.main{margin-left:225px;padding:0 30px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.crumb{margin:0 15px;color:#d0d5df}.topbar strong{font-weight:500}.top-actions{display:flex;align-items:center;gap:22px}.top-actions a{font-size:11px;color:#77829a}.online-status{padding:7px 12px;border:1px solid #dcefe5;color:#4eaa82;background:#f4fbf7;border-radius:6px;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0 24px}.eyebrow{color:#8c9abc;font-size:9px;letter-spacing:2.6px;font-weight:600}.page-heading h1{margin:10px 0 10px;font-size:26px;font-weight:600}.heading-dot{color:var(--primary)}.page-heading p{color:#98a0b1;font-size:12px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.metrics>div{background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:20px 17px;gap:13px;position:relative;min-width:0}.metric-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;font-size:21px}.metrics small{font-size:11px;color:#8993a7;display:block}.metrics strong{font-size:25px;display:block;line-height:1.5;font-weight:600}.metric-caption{margin-left:auto;align-self:flex-end;margin-bottom:6px;font-size:9px;color:#a8b0bf}.inbox{display:grid;grid-template-columns:280px minmax(270px,1fr) 235px;background:#fff;border:1px solid #e8edf5;border-radius:11px;overflow:hidden;height:calc(100vh - 363px);min-height:550px;box-shadow:0 3px 15px #26335402}.conversation-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.pane-title{display:flex;align-items:center;gap:9px;padding:20px 18px 16px;font-size:13px}.pane-title button{margin-left:auto;color:#a4adc1;font-size:20px}.pill{background:#f1f3f8;color:#9aa3b5;border-radius:5px;font-size:10px;padding:3px 7px}.search-box{margin:0 15px 15px;background:#f7f9fc;border:1px solid #f0f2f7;border-radius:6px;display:flex;align-items:center;padding-left:10px}.search-box span{color:#a5aec0;font-size:20px}.search-box input{background:none;border:0;min-width:0;width:100%;font-size:10px;padding:10px 6px;box-shadow:none}.filters{display:flex;padding:0 15px 12px;gap:7px;border-bottom:1px solid var(--line)}.filters button{font-size:10px;color:#8e97ab;padding:7px 9px;border-radius:5px}.filters .selected{color:var(--primary);background:#edf1ff}.filters span{font-size:9px;margin-left:3px}.conversation-list{overflow:auto;flex:1}.conversation{display:flex;gap:10px;width:100%;text-align:left;padding:17px 14px;border-bottom:1px solid #f5f6fa;position:relative}.conversation:hover{background:#f9faff}.conversation.active{background:#f0f4ff;border-left:3px solid var(--primary);padding-left:11px}.conversation .avatar{width:34px;height:34px;border-radius:10px;font-size:12px}.conversation-body{min-width:0;flex:1}.conversation-title{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:7px}.conversation-title strong{font-size:12px;max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-title time{font-size:9px;color:#b2b8c5}.conversation p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#929bb0;margin:0;max-width:185px}.unread-badge{position:absolute;right:15px;bottom:16px;background:var(--primary);color:white;font-size:9px;border-radius:9px;min-width:16px;height:16px;display:grid;place-items:center}.list-footer{padding:13px;text-align:center;font-size:9px;border-top:1px solid var(--line);color:#a2aabd}.live-dot{display:inline-block;background:#69bd9c;border-radius:50%;width:5px;height:5px;margin-right:4px}.empty-list{text-align:center;font-size:11px;color:#a1abbd;line-height:2;padding:60px 15px}.chat-pane{min-width:0;background:#fff;position:relative;display:flex;flex-direction:column}.empty-chat{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:25px;text-align:center}.empty-icon{width:88px;height:88px;background:#f1f5ff;color:#93a5ed;border:10px solid #f8faff;border-radius:29px;display:grid;place-items:center;font-size:37px;margin-bottom:25px;transform:rotate(-8deg)}.empty-chat h3{font-size:15px;font-weight:500;color:#69768f}.empty-chat p{font-size:11px;line-height:2.2;color:#a9b1c0}.empty-chat a{font-size:10px;margin-top:12px}.details{border-left:1px solid var(--line);background:#fdfefe;overflow:auto}.details-title{padding:24px 18px;border-bottom:1px solid var(--line);font-size:12px;font-weight:500}.details-title span{float:right;color:#adb5c5}.detail-placeholder{padding:65px 20px;text-align:center;color:#b2b9c8;font-size:11px}.customer-identity{text-align:center;padding:26px 15px}.customer-identity h3{font-size:14px;margin:12px 0}.detail-section{border-top:1px solid var(--line);padding:19px 17px}.detail-section h4{font-size:11px;margin:0 0 20px}.detail-section small{font-size:10px;color:#abb3c3}.detail-section p{font-size:10px;color:#74829a;margin:6px 0 17px}.break{word-break:break-all;max-height:80px;overflow:auto}.detail-section input,.detail-section textarea{width:100%;font-size:10px;padding:10px;margin-bottom:18px;background:#fff}.detail-section textarea{height:85px}.detail-section button{font-size:10px}.privacy-note{color:#b1bacb;font-size:9px;padding:0 17px 24px}.chat-header{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid var(--line);height:74px}.chat-header strong{font-size:13px}.chat-header small{display:block;color:#9ba5b8;font-size:9px;margin-top:5px}.chat-header button{margin-left:auto;font-size:10px}.date-divider{color:#b5becc;text-align:center;font-size:9px;padding:16px 0 8px}#activeChat{display:flex;flex:1;flex-direction:column;min-height:0}.messages{padding:10px 23px;overflow:auto;flex:1;min-height:80px;scroll-behavior:smooth}.message{display:flex;margin:15px 0;gap:9px;align-items:flex-start}.message .avatar{width:27px;height:27px;border-radius:9px;font-size:10px}.message-body{max-width:80%}.bubble{border-radius:0 10px 10px 10px;background:#f3f5f9;color:#59667e;padding:11px 14px;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.8}.message time{font-size:9px;color:#b3bbc8;display:block;margin:6px 0}.message.agent{flex-direction:row-reverse}.message.agent .bubble{background:#536fee;color:white;border-radius:10px 0 10px 10px}.message.agent time{text-align:right}.system-message{text-align:center;color:#a6b0c1;font-size:10px;line-height:1.9;margin:15px 10px}.quick-strip{display:flex;gap:6px;overflow:auto;padding:10px 18px;border-top:1px solid var(--line);flex-shrink:0}.quick-strip button{white-space:nowrap;border:1px solid #e8ecf5;font-size:9px;color:#8290a8;padding:6px 9px;border-radius:5px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.composer{margin:0 18px 18px;border:1px solid #e6eaf2;border-radius:9px;flex-shrink:0}.composer textarea{border:0;width:100%;height:92px;resize:none;box-shadow:none;padding:14px;font-size:11px}.composer textarea::placeholder{color:#b3bbca}.composer>div{display:flex;justify-content:space-between;align-items:center;padding:0 12px 11px}.composer .muted{font-size:9px}.composer .primary{padding:8px 15px;font-size:10px}.page-footer{display:flex;justify-content:space-between;color:#b3bbcb;font-size:9px;padding:20px 0}.page-footer span{letter-spacing:1px}.content-card{padding:30px;background:white;border:1px solid var(--line);border-radius:11px;min-height:400px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-head h2{font-size:18px;margin-bottom:8px}.section-head p{margin:0}.section-head input{font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#f8f9fc;padding:15px;font-weight:500;color:#8f9bb1}td{padding:19px 15px;border-bottom:1px solid var(--line);color:#6c7891}td button{color:var(--primary);font-size:11px}td .avatar{width:29px;height:29px;font-size:10px;margin-right:8px}.settings-card{max-width:900px}.settings-card h2{margin-top:10px}.settings-card form{max-width:620px}.check-label{display:flex;align-items:center;gap:8px}.check-label input{width:auto;margin:0}hr{border:0;border-top:1px solid var(--line);margin:30px 0}pre{background:#f5f7fc;padding:15px;font-size:12px;white-space:pre-wrap;word-break:break-all;border-radius:7px;color:#687697}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#24324c;color:#fff;padding:12px 23px;border-radius:8px;box-shadow:0 6px 22px #27334930;font-size:12px;z-index:100}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-art{padding:55px 70px;background:linear-gradient(150deg,#f0f4ff 0%,#e7edfc 65%,#e8f3f3);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-art h1{font-size:43px;line-height:1.5;margin:22px 0}.login-art p{color:#8998b8;font-size:14px;line-height:2.2}.login-art>small{color:#95a4c0;font-size:10px;letter-spacing:1px}.art-bubbles{margin-top:35px}.art-bubbles div{background:white;padding:16px 22px;border-radius:14px;max-width:260px;color:#8391b0;font-size:12px;box-shadow:0 12px 30px #344f9a07}.art-bubbles div+div{margin:18px 0 0 50px;background:#5674ed;color:#fff}.login-card{max-width:380px;width:calc(100% - 60px);margin:auto}.login-card h2{margin-top:15px;font-size:25px}.login-card>p{margin-bottom:40px}.login-link{display:block;text-align:center;margin-top:30px;font-size:12px;color:#9aa5ba}.error{color:#d86161;font-size:12px;margin:15px 0;min-height:17px}.visitor-body{background:#f1f4fa}.visitor-shell{max-width:780px;margin:35px auto;background:white;border:1px solid #e7ecf4;border-radius:18px;box-shadow:0 15px 60px #3448770a;height:calc(100dvh - 70px);min-height:450px;display:flex;flex-direction:column;overflow:hidden}.visitor-header{padding:23px 27px;background:linear-gradient(120deg,#4764df,#6681ee);color:white;display:flex;align-items:center;gap:13px}.visitor-header .logo{background:#ffffff22;box-shadow:none;width:43px;height:43px}.visitor-header strong{font-size:17px}.visitor-header small{display:block;font-size:10px;margin-top:5px;color:#dce4ff}.visitor-header .header-badge{margin-left:auto;background:#ffffff1c;border:1px solid #ffffff20;font-size:10px;padding:6px 10px;border-radius:5px}.visitor-welcome{padding:35px 30px;background:linear-gradient(#f5f7ff,#fff)}.visitor-welcome h2{font-size:24px;margin:15px 0}.visitor-welcome p{color:#8795af;font-size:13px}.visitor-welcome form{max-width:420px}.visitor-welcome label{font-size:11px;margin:16px 0}.visitor-shell .messages{background:#fbfcfe;padding:15px 28px}.visitor-shell .composer{margin-top:12px}.visitor-footer{font-size:9px;text-align:center;color:#b6bfd1;padding:0 0 13px}.visitor-shell .agent{flex-direction:row}.visitor-shell .agent .bubble{background:#f0f3fa;color:#59667e;border-radius:0 10px 10px 10px}.visitor-shell .visitor{flex-direction:row-reverse}.visitor-shell .visitor .bubble{background:#536fee;color:white;border-radius:10px 0 10px 10px}.visitor-shell .visitor time{text-align:right}.connection-info{font-size:10px;text-align:center;color:#aab4c8;padding:10px}.visitor-shell .agent time{text-align:left}@media(min-width:1700px){.inbox{grid-template-columns:320px minmax(350px,1fr) 270px}.main{padding:0 38px}.sidebar{width:240px}.main{margin-left:240px}}@media(max-width:1200px){.sidebar{width:185px;padding:25px 14px}.main{margin-left:185px;padding:0 20px}.brand{font-size:17px}.inbox{grid-template-columns:250px minmax(280px,1fr)}.details{display:none}.metric-caption{display:none}.top-actions{gap:12px}.top-actions .muted{display:none}}@media(max-width:850px){.sidebar{width:70px;padding:24px 10px}.sidebar .brand>span:not(.logo),.workspace-label,.nav-label,.sidebar-bottom,.nav b{display:none}.brand{justify-content:center}.nav{font-size:0;justify-content:center;padding:15px 0}.nav span{font-size:22px}.main{margin-left:70px;padding:0 15px}.page-heading h1{font-size:21px}.metrics{gap:8px}.metrics>div{padding:12px 8px;gap:8px}.metric-icon{width:30px;height:32px;font-size:16px}.metrics strong{font-size:21px}.metrics small{font-size:9px}.topbar{height:64px}.inbox{height:calc(100vh - 320px);grid-template-columns:210px minmax(230px,1fr);min-height:540px}.login-art{padding:40px}.login-art h1{font-size:32px}}@media(max-width:620px){.sidebar{position:static;width:100%;height:60px;padding:10px 15px;flex-direction:row;align-items:center;border-bottom:1px solid var(--line)}.sidebar .brand{margin-right:auto}.sidebar nav{display:flex}.nav{width:40px;margin:0;padding:10px}.main{margin:0;padding:0 10px}.topbar{height:50px;font-size:10px}.top-actions a{font-size:9px}.online-status{font-size:9px;padding:6px}.page-heading{padding:23px 4px}.page-heading h1{font-size:20px}.page-heading .secondary{font-size:9px;padding:8px}.page-heading p{font-size:10px}.metrics{gap:6px;margin-bottom:15px}.metric-icon{display:none}.metrics>div{padding:10px}.metrics strong{font-size:21px}.inbox{grid-template-columns:1fr;height:650px;min-height:500px}.conversation-pane{max-height:250px;border-bottom:1px solid var(--line)}.inbox.has-active .conversation-pane{display:none}.inbox.has-active .chat-pane{display:flex}.inbox:not(.has-active) .chat-pane{display:none}.details{display:none}.chat-header{padding:12px}.chat-header button{padding:8px;font-size:9px}.chat-header:before{content:'‹';font-size:28px;color:#8997b1;cursor:pointer}.chat-pane{min-height:0}.messages{padding:10px 15px}.content-card{padding:20px 15px}.section-head{display:block}.section-head input{margin-top:15px;width:100%}.login-wrap{display:block}.login-art{display:none}.login-card{padding-top:15vh}.visitor-shell{margin:0;border:0;border-radius:0;height:100dvh;min-height:0}.visitor-header{padding:20px}.visitor-welcome{padding:30px 23px}.visitor-header .header-badge{font-size:9px}.page-footer{font-size:8px}.page-footer span{letter-spacing:0}}

.sidebar.organized-sidebar{width:232px;padding:20px 0 12px;overflow:hidden}.organized-sidebar>.brand{padding:0 18px 20px;border-bottom:1px solid #edf0f6;flex-shrink:0}.organized-sidebar #legacyNavigation{display:none!important}.navigation-area{flex:1;overflow:auto;padding:16px 10px 20px;min-height:0}.navigation-search{width:100%;padding:10px 12px;background:#f6f8fc;font-size:12px}.navigation-label{padding:20px 12px 10px;font-size:10px;color:#98a2b5;letter-spacing:1px}.organized-menu .navigation-entry,.navigation-group summary{display:flex;align-items:center;gap:10px;width:100%;padding:12px 11px;text-align:left;border-radius:7px;font-size:12px;color:#68768c;min-height:40px;line-height:1.5}.navigation-icon{width:20px;text-align:center;font-size:17px;flex-shrink:0;color:#8794ab}.navigation-group summary{cursor:pointer;list-style:none}.navigation-group summary::-webkit-details-marker{display:none}.navigation-arrow{margin-left:auto;color:#a2acc0}.navigation-group[open]>summary .navigation-arrow{transform:rotate(180deg)}.navigation-children{padding-left:20px}.navigation-entry:hover:enabled,.navigation-group summary:hover{background:#f3f6fd}.navigation-entry.active{background:#eaf1ff!important;color:#4269ce!important;font-weight:600}.navigation-entry.active .navigation-icon{color:#4269ce}.navigation-pending{font-size:9px;background:#f2f4f8;color:#a5aebd;border-radius:4px;padding:2px 4px;margin-left:auto;white-space:nowrap}.navigation-entry:disabled{cursor:default;opacity:.65}.organized-sidebar .sidebar-bottom{margin-top:0;flex-shrink:0;padding:12px 14px 0;border-top:1px solid #edf0f6}.organized-sidebar .profile{margin-top:0}.organized-sidebar .sidebar-bottom .connect-card{display:none}.navigation-area [hidden]{display:none!important}.organized-sidebar~.main{margin-left:232px}.sidebar-toggle{font-size:20px;padding:8px;color:#8392aa;margin-right:10px}.navigation-collapsed .organized-sidebar{width:76px}.navigation-collapsed .organized-sidebar~.main{margin-left:76px}.navigation-collapsed .organized-sidebar>.brand>span:not(.logo),.navigation-collapsed .organized-sidebar .profile,.navigation-collapsed .navigation-text,.navigation-collapsed .navigation-arrow,.navigation-collapsed .navigation-pending,.navigation-collapsed .navigation-label,.navigation-collapsed .navigation-search{display:none}.navigation-collapsed .navigation-entry,.navigation-collapsed .navigation-group summary{justify-content:center;padding:12px 3px}.navigation-collapsed .navigation-children{padding-left:0}.navigation-collapsed .navigation-group:not([open]) .navigation-children{display:none}.navigation-collapsed .organized-sidebar>.brand{padding-left:18px}.navigation-collapsed .organized-sidebar .brand{font-size:0}@media(max-width:850px){.organized-sidebar~.main{margin-left:232px}.organized-sidebar .brand{justify-content:start;font-size:17px}.organized-sidebar>.brand>span:not(.logo){display:inline}.navigation-collapsed .organized-sidebar>.brand>span:not(.logo){display:none}}@media(max-width:620px){.sidebar.organized-sidebar{position:relative;width:100%;height:auto;max-height:40vh;display:flex;flex-direction:column;padding:12px}.organized-sidebar>.brand{width:100%;padding:0 0 10px}.navigation-area{width:100%;padding:10px 0}.organized-sidebar .sidebar-bottom{display:none}.organized-sidebar~.main,.navigation-collapsed .organized-sidebar~.main{margin-left:0}.navigation-collapsed .sidebar.organized-sidebar{width:100%;max-height:55px}.navigation-collapsed .navigation-area{display:none}.organized-sidebar #organizedMenu{display:block}.organized-sidebar .brand .logo{margin-right:8px}}

/* Merchant console layout aligned to the reference site. */
#workspace .main{background:#f5f7fb;padding:0 24px 20px}#workspace .topbar{background:#fff;margin:0 -24px;padding:16px 24px;border-bottom:1px solid #e6ebf2;min-height:65px}#workspace .page-heading{padding:22px 0 16px}#workspace .page-heading .eyebrow{display:none}#workspace .page-heading h1{font-size:23px;letter-spacing:0}#workspace .heading-dot{display:none}#workspace .content-card{border-radius:7px;box-shadow:none;border:1px solid #e8edf4;padding:22px}#workspace .organized-sidebar{padding-top:0}#workspace .organized-sidebar>.brand{min-height:65px;padding:14px 18px}#workspace .navigation-entry,#workspace .navigation-group summary{font-size:14px;padding-top:13px;padding-bottom:13px}#workspace .navigation-search{font-size:13px}#workspace .merchant-banner{background:#fff;border-radius:7px;padding:22px;border-color:#e8edf4}#workspace .merchant-banner .eyebrow{display:none}#workspace .merchant-banner h2{font-size:19px;margin:0}#workspace .merchant-banner strong{font-size:17px}#workspace .merchant-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#workspace .merchant-numbers article{border-radius:7px;padding:22px;border-color:#e8edf4}#workspace .merchant-numbers strong{font-size:32px;color:#3157a4}#workspace table{font-size:14px}#workspace th{background:#f6f8fc;font-weight:500}#workspace td,#workspace th{padding:13px 14px}#workspace .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#workspace .team-card{border-radius:7px}#workspace #merchantView~.page-footer{margin-top:24px}#workspace .hero{padding-top:20px}body:has(#merchantView:not([hidden])) .metrics,body:has(#collaborationView:not([hidden])) .metrics,body:has(#ratingsView:not([hidden])) .metrics{display:none}@media(max-width:1100px){#workspace .merchant-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){#workspace .merchant-numbers,#workspace .team-grid{grid-template-columns:1fr}#workspace .main{padding:0 14px 16px}#workspace .topbar{margin:0 -14px;padding:12px 14px}}

.desk-rail,.desk-controls,.desk-brand,.desk-statusbar{display:none}.desk-detail-tabs{display:flex;border-bottom:1px solid #e6eaf1}.desk-detail-tabs button{flex:1;padding:13px 4px;font-size:12px;color:#627487}.desk-detail-tabs button[aria-selected=true]{color:#248b88;background:#f5fbfa}.desk-show-replies>#detailContent,.desk-show-replies>.detail-placeholder,.desk-show-replies>.details-title{display:none!important}.desk-reply-pane{padding:12px;overflow:auto;min-height:0;flex:1}.desk-reply-pane select{width:100%;padding:9px;background:white;border:1px solid #e1e7ef;font:inherit}.desk-reply-card{display:block;width:100%;padding:12px 8px;border-bottom:1px solid #edf0f5;text-align:left}.desk-reply-card strong{font-size:13px}.desk-reply-card p{font-size:12px;color:#8792a3;line-height:1.6;margin:6px 0}.desk-actions .assignment-tools{margin:0;border-bottom:1px solid #e7ebf1;padding:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.desk-actions .assignment-tools button{font-size:12px;padding:6px 8px}.desk-actions #assignedLabel{font-size:11px;color:#8090a5}.desk-empty-composer{position:absolute;bottom:0;left:0;right:0;padding:12px;background:white;border-top:1px solid #e1e7f0}.desk-empty-composer textarea{width:100%;height:120px;border:0;background:#f1f2f5;resize:none;padding:12px}.desk-dialog{width:560px;max-width:94vw;max-height:85dvh;overflow:auto;border:1px solid #dfe6ef;border-radius:8px;padding:20px}.desk-dialog::backdrop{background:#1c2e4455}.desk-dialog>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9f2;margin-bottom:18px}.desk-dialog>header h3{font-size:17px;margin:0 0 14px}.desk-dialog>header button{padding:9px}.desk-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.desk-emoji-grid button{padding:12px;font-size:25px;border-radius:5px;background:#f5f7fa}.desk-dialog .team-grid{grid-template-columns:1fr 1fr}.desk-dialog select{padding:10px;border:1px solid #dfe6ef;font:inherit}.desk-dialog .management-actions{display:flex;gap:10px}
body:has(#inboxView:not([hidden])) #workspace>.sidebar,body:has(#inboxView:not([hidden])) #workspace .page-heading,body:has(#inboxView:not([hidden])) #workspace .metrics,body:has(#inboxView:not([hidden])) #workspace .page-footer{display:none!important}
body:has(#inboxView:not([hidden])) #workspace .main{margin-left:88px!important;padding:0!important;background:#f6f7fb}
body:has(#inboxView:not([hidden])) #workspace .topbar{position:fixed;top:0;left:0;right:0;z-index:10;height:58px;min-height:58px;margin:0;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #e3e7ed;background:white}
body:has(#inboxView:not([hidden])) #workspace .topbar>div:not(.desk-controls),body:has(#inboxView:not([hidden])) #workspace .topbar>.sidebar-toggle{display:none!important}
body:has(#inboxView:not([hidden])) #workspace .desk-brand{display:block;font-size:17px;color:#263449;margin-right:auto}
body:has(#inboxView:not([hidden])) #workspace .desk-controls{display:flex;align-items:center;gap:22px;color:#7a8799;font-size:13px}
.desk-controls select{padding:6px 10px;border:1px solid #e5e9f1;border-radius:5px;background:#f5f7fb;color:#35475d;font:inherit}
body:has(#inboxView:not([hidden])) #workspace .desk-rail{display:flex;flex-direction:column;position:fixed;top:58px;bottom:28px;left:0;width:88px;z-index:6;background:#f1f4fa;border-right:1px solid #e1e6ef;overflow-y:auto;padding:16px 6px 8px;gap:10px}
.desk-identity{display:flex;align-items:center;flex-direction:column;gap:6px;margin-bottom:7px;color:#7e8998}.desk-identity .avatar{width:36px;height:36px;border-radius:50%;font-size:15px}.desk-identity small{font-size:12px}.desk-nav{display:flex;align-items:center;flex-direction:column;gap:5px;padding:11px 2px;border-radius:6px;color:#7c899c;position:relative;min-height:60px}.desk-nav>span{font-size:23px;line-height:24px}.desk-nav>small{font-size:12px;white-space:nowrap}.desk-nav.selected{background:#e6edff;color:#4369c9}.desk-nav.selected:before{content:'';position:absolute;left:0;top:14px;width:3px;height:29px;background:#4c73df}.desk-nav:hover{background:#e8eef9}
body:has(#inboxView:not([hidden])) #workspace #inboxView{display:grid!important;grid-template-columns:260px minmax(320px,1fr) 300px;height:calc(100dvh - 86px);min-height:0;margin-top:58px;border:0;border-radius:0;background:white;overflow:hidden}
body:has(#inboxView:not([hidden])) #workspace .conversation-pane{border-right:1px solid #e2e7ee;background:#fff;min-height:0;max-height:none}
body:has(#inboxView:not([hidden])) #workspace .pane-title{padding:12px;font-size:13px;min-height:38px}.pane-title strong{font-size:13px}
body:has(#inboxView:not([hidden])) #workspace .search-box{margin:0 12px 12px;padding:7px 9px;background:#f5f6fa;border-radius:4px;border:1px solid #e3e7ee}
body:has(#inboxView:not([hidden])) #workspace .filters,body:has(#inboxView:not([hidden])) #workspace .list-footer{display:none}
body:has(#inboxView:not([hidden])) #workspace .conversation{padding:14px 12px;border-radius:0;border-bottom:1px solid #f0f2f6;margin:0}.conversation.active{background:#eef3ff}
body:has(#inboxView:not([hidden])) #workspace .chat-pane{display:flex;flex-direction:column;min-height:0;background:#f6f7fb;position:relative}
body:has(#inboxView:not([hidden])) #workspace #activeChat:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
body:has(#inboxView:not([hidden])) #workspace #emptyChat{position:relative;flex:1;min-height:0;background:#f6f7fb;padding:35px 20px 200px;justify-content:center}.empty-chat .desk-empty-composer{display:none}
body:has(#inboxView:not([hidden])) #workspace .empty-chat .desk-empty-composer{display:block}
body:has(#inboxView:not([hidden])) #workspace .empty-chat>.empty-icon,body:has(#inboxView:not([hidden])) #workspace .empty-chat>a{display:none}
body:has(#inboxView:not([hidden])) #workspace .empty-chat h3{font-size:15px;color:#8a96a7;font-weight:400}.empty-chat p{font-size:12px}
body:has(#inboxView:not([hidden])) #workspace .desk-actions{background:white;border-bottom:1px solid #e2e7ef;flex-shrink:0;min-height:55px}
body:has(#inboxView:not([hidden])) #workspace .chat-header{padding:9px 15px;min-height:48px;background:white;border-bottom:1px solid #eef1f7}.chat-header .avatar{width:30px;height:30px}
body:has(#inboxView:not([hidden])) #workspace .date-divider{padding:7px;background:#f6f7fb}
body:has(#inboxView:not([hidden])) #workspace .messages{flex:1;min-height:0;overflow-y:auto;background:#f6f7fb;padding:15px 24px}
body:has(#inboxView:not([hidden])) #workspace #quickStrip{display:none}
body:has(#inboxView:not([hidden])) #workspace .composer{margin:0;padding:12px;background:#fff;border-top:1px solid #e2e7ef;display:flex;flex-direction:column;gap:8px;flex-shrink:0}
body:has(#inboxView:not([hidden])) #workspace .composer textarea{height:110px;min-height:80px;background:#f0f1f4;border:0;border-radius:4px;font-size:13px;padding:12px;order:0}
body:has(#inboxView:not([hidden])) #workspace .composer .media-toolbar{order:1;border:0;flex-wrap:wrap;gap:5px;padding:0;background:transparent}#workspace .composer .media-toolbar .media-tool{font-size:12px;padding:6px 8px}
body:has(#inboxView:not([hidden])) #workspace .composer>div:last-child{order:2;margin:0;display:flex;justify-content:flex-end}#workspace .composer>div:last-child>.muted{display:none}
body:has(#inboxView:not([hidden])) #workspace #sendBtn{padding:7px 32px;border-radius:5px;font-size:14px}
body:has(#inboxView:not([hidden])) #workspace #customerDetails{display:flex!important;flex-direction:column;overflow-y:auto;background:#fff;border-left:1px solid #e2e7ef;min-height:0;width:auto}
body:has(#inboxView:not([hidden])) #workspace .details-title{display:none}
body:has(#inboxView:not([hidden])) #workspace .customer-identity{padding:12px}.customer-identity .avatar.large{width:42px;height:42px}.customer-identity h3{font-size:15px;margin:8px 0}
body:has(#inboxView:not([hidden])) #workspace .detail-section{padding:16px}.detail-section h4{border-left:3px solid #4776dc;padding-left:9px;font-size:13px;font-weight:500}.detail-section p{line-height:1.7;font-size:13px}.detail-section small{font-size:12px}
body:has(#inboxView:not([hidden])) #workspace .desk-statusbar{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:8;height:28px;border-top:1px solid #e4e8ef;background:#fafbfe;padding:0 14px;font-size:11px;color:#8a95a6}#deskReceptionStats{color:#5985d9}
@media(max-width:1300px){body:has(#inboxView:not([hidden])) #workspace #inboxView{grid-template-columns:235px minmax(300px,1fr) 260px}}@media(max-width:1000px){body:has(#inboxView:not([hidden])) #workspace #inboxView{grid-template-columns:220px minmax(300px,1fr)}body:has(#inboxView:not([hidden])) #workspace #customerDetails{display:none!important}}@media(max-width:700px){body:has(#inboxView:not([hidden])) #workspace .main{margin-left:70px!important}.desk-nav>small{font-size:10px}body:has(#inboxView:not([hidden])) #workspace .desk-rail{width:70px}.desk-controls{gap:6px!important}#deskIdentity{display:none}.desk-brand{font-size:13px!important}body:has(#inboxView:not([hidden])) #workspace #inboxView{grid-template-columns:1fr}body:has(#inboxView:not([hidden])) #workspace #inboxView.has-active .conversation-pane{display:none}body:has(#inboxView:not([hidden])) #workspace #inboxView:not(.has-active) .chat-pane{display:none}body:has(#inboxView:not([hidden])) #workspace .desk-statusbar>span:last-child{display:none}}

body:has(#inboxView:not([hidden])) #workspace .desk-controls{flex-shrink:0;min-width:280px;white-space:nowrap}body:has(#inboxView:not([hidden])) #workspace .desk-controls select{width:170px;flex-shrink:0}body:has(#inboxView:not([hidden])) #workspace #deskIdentity,body:has(#inboxView:not([hidden])) #workspace #deskLogout{display:inline-block;white-space:nowrap;flex-shrink:0}body:has(#inboxView:not([hidden])) #workspace .assignment-tools{justify-content:flex-start}body:has(#inboxView:not([hidden])) #workspace .desk-no-customer .customer-identity{display:none}.desk-no-customer #notesForm input,.desk-no-customer #notesForm textarea{background:#fafbfd}@media(max-width:700px){body:has(#inboxView:not([hidden])) #workspace .desk-controls{min-width:0}body:has(#inboxView:not([hidden])) #workspace .desk-controls select{width:135px}body:has(#inboxView:not([hidden])) #workspace #deskIdentity{display:none}}

/* Conversation forms */
.chat-form-dialog{width:min(780px,94vw);max-height:90dvh;border:1px solid #dce4ef;border-radius:14px;padding:24px;overflow:auto}.chat-form-dialog::backdrop{background:#152b4555}.chat-form-dialog form{display:grid;gap:14px}.chat-form-dialog label{display:grid;gap:7px}.chat-form-dialog input,.chat-form-dialog select,.chat-form-dialog textarea{width:100%;padding:10px;border:1px solid #dce4ef;border-radius:7px;font:inherit}.chat-form-dialog textarea{min-height:90px}.form-builder-fields{display:grid;gap:10px}.form-builder-row{display:grid;grid-template-columns:minmax(100px,1fr) 145px 70px 65px;gap:10px;align-items:center}.chat-form-dialog .check-label{display:flex;align-items:center}.chat-form-dialog input[type=checkbox]{width:auto}.form-builder-preview{padding:16px;background:#f4f8fc;border-radius:10px;display:grid;gap:12px}.chat-form-card{display:grid;gap:10px;margin-top:10px;padding:16px;min-width:200px;max-width:330px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#243447}.chat-form-card small{color:#76879b}.form-answer{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f7fc;padding:10px;border-radius:6px}.chat-form-dialog .error{white-space:pre-wrap}@media(max-width:600px){.form-builder-row{grid-template-columns:1fr 1fr}.chat-form-dialog{padding:16px}}

/* PC reception login, without merchant-number field */
body:has(#loginView:not([hidden])){background:radial-gradient(circle at 80% 20%,#c7eefb,transparent 50%),linear-gradient(110deg,#f7f6f3,#d7eef8);min-height:100dvh;display:grid;place-items:center}#loginView.login-wrap{width:min(820px,92vw);min-height:480px;display:grid;grid-template-columns:1fr 1fr;margin:8vh auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 18px 65px #4195bc20}#loginView .login-art{padding:36px;background:linear-gradient(135deg,#f4fcff,#d9f3fc);color:#315775}#loginView .login-art h1{font-size:28px}#loginView .login-art p{color:#718fa3}#loginView .login-card{padding:42px 32px;background:#fff}#loginView .login-card .primary{border-radius:24px;background:linear-gradient(90deg,#559ce8,#63cbed);border:0}#loginView .login-card label{font-size:14px}#loginView .login-card input{border-radius:4px}#loginView .login-card .eyebrow{color:#73a8c4}@media(max-width:620px){#loginView.login-wrap{display:block;min-height:0}#loginView .login-art{display:none}#loginView .login-card{padding:36px 24px}}

/* Reference system settings */
body:has(#settingsView:not([hidden])) .page-heading,body:has(#settingsView:not([hidden])) .metrics{display:none}#settingsView{margin-top:24px;max-width:none;padding:0}.system-title{font-size:16px;padding:20px;border-bottom:1px solid #e8edf4;margin:0}.system-reference-form{padding:28px}.system-setting-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;margin-bottom:24px;align-items:start}.system-setting-row>label{margin:12px 0;color:#68778b}.system-setting-row input:not([type=checkbox]),.system-setting-row select{width:100%;border:1px solid #e0e6ef;padding:11px;border-radius:4px;background:#fff;font:inherit}.system-setting-row p{margin:10px 0 0}.system-editor{border:1px solid #dce4ef;border-radius:4px;overflow:hidden}.system-editor-bar{display:flex;gap:4px;flex-wrap:wrap;padding:7px;background:#f6f8fb;border-bottom:1px solid #dce4ef}.system-editor-bar .secondary{padding:5px 9px}.system-editor-bar select{width:auto;padding:5px}.system-rich{min-height:170px;padding:14px;white-space:pre-wrap;outline:none;overflow-wrap:anywhere}.system-switch{appearance:none;width:48px;height:26px;border:0;border-radius:20px;background:#c8d0dc;position:relative;cursor:pointer;margin:10px 0}.system-switch:checked{background:#397ded}.system-switch:after{content:'';width:20px;height:20px;border-radius:50%;background:white;position:absolute;left:3px;top:3px}.system-switch:checked:after{left:25px}.system-image-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.system-image-controls p{flex-basis:100%}.system-welcome-image{max-width:300px;max-height:180px;object-fit:contain}.system-setting-actions{display:flex;gap:12px;margin-left:126px}.system-preview{width:650px;max-width:94vw;max-height:90dvh;overflow:auto;border:1px solid #dce4ef;border-radius:10px;padding:24px}.visitor-greeting{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 20px;padding:14px;border:1px solid #e3eaf5;background:#f6f9ff;border-radius:8px;flex-shrink:0;max-height:250px;overflow:auto}.visitor-greeting img{display:block;max-width:100%;max-height:180px;object-fit:contain;margin-top:12px}@media(max-width:650px){.system-reference-form{padding:18px}.system-setting-row{grid-template-columns:1fr;gap:6px}.system-setting-row>label{margin:0}.system-setting-actions{margin-left:0}}

#settingsView #systemReferenceForm{max-width:none;width:100%}#settingsView .system-setting-row>div{min-width:0}#settingsView .system-editor{width:100%}