:root{--blue:#1677ff;--blue-dark:#0059ed;--ink:#101b3e;--text:#374c70;--muted:#7a8fac;--border:#e3edf9;--bg:#f0f7ff;--green:#09b784;--red:#f04460;--side:212px;--radius:14px;--shadow:0 6px 28px rgba(41,104,188,.045);font-family:Inter,"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-size:14px;line-height:1.65}body{background:var(--bg)}a{color:var(--blue);text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a9d0ff;outline-offset:2px}button svg,a svg{pointer-events:none}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.initial-loading{height:90vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading-logo{font-size:36px;font-weight:900;color:var(--blue)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:750;color:var(--ink)}h1{font-size:29px;line-height:1.35;letter-spacing:-.7px;margin-bottom:7px}h2{font-size:18px;letter-spacing:-.25px;margin:0}h3{font-size:17px;margin-bottom:7px}p{margin-bottom:14px}.muted{color:var(--muted)}.blue-text{color:var(--blue)}.green-text{color:var(--green)}.red-text{color:var(--red)}.small-text{font-size:12px}.nowrap{white-space:nowrap}.text-link{border:0;background:none;padding:0;color:var(--blue);font-weight:600}.text-link:hover{text-decoration:underline}.text-clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid #cfe1fb;border-radius:8px;background:#fff;color:var(--blue);font-weight:650;line-height:1.5;white-space:nowrap;transition:.16s}.btn:hover{background:#f1f7ff;border-color:#8abaff}.btn.primary{color:#fff;background:linear-gradient(125deg,#1685ff,#0064fc);border-color:transparent;box-shadow:0 4px 10px #1677ff16}.btn.primary:hover{background:#0062f0;box-shadow:0 5px 16px #1677ff35}.btn.small{padding:5px 10px;min-height:32px;font-size:12px;gap:5px}.btn.small .icon{width:16px;height:16px}.btn.danger{background:#fff1f2;border-color:#ffe0e5;color:#ed3b55}.btn.icon-only{width:38px;min-width:38px;padding:8px;min-height:38px}.btn .icon{width:18px;height:18px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions.right{justify-content:flex-end}.button-block{width:100%}.badge{display:inline-flex;align-items:center;padding:3px 9px;font-size:12px;font-weight:600;border-radius:5px;line-height:1.6;white-space:nowrap}.badge.blue{background:#eaf3ff;color:#1677ff}.badge.green{background:#e3f9f1;color:#08a679}.badge.red{background:#fff0f2;color:#ed4863}.badge.orange{background:#fff3e4;color:#ef9725}.badge.purple{background:#f1ebff;color:#9461ee}.badge.gray{background:#eff3f9;color:#7d8fa9}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9fb2cd;flex-shrink:0}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.purple{background:#9465fd}.dot.orange{background:#f6ab4d}.tag{display:inline-flex;border-radius:5px;background:#eaf3ff;color:#2478d8;padding:3px 8px;font-size:12px;margin:2px 5px 2px 0}.avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d3e6ff,#b1d2ff);color:#2777d8;font-weight:750;flex-shrink:0;border:2px solid #fff;font-size:15px}.avatar.large{width:80px;height:80px;font-size:32px}.avatar.small{width:33px;height:33px;font-size:13px}.av-1{background:linear-gradient(145deg,#e7e1ff,#d0c3ff);color:#8560ca}.av-2{background:linear-gradient(145deg,#d5f7e8,#b9ead7);color:#299a73}.av-3{background:linear-gradient(145deg,#ffeccf,#ffdbb0);color:#c6882f}.av-4{background:linear-gradient(145deg,#ffe0e8,#ffc0d4);color:#b65783}.av-5{background:linear-gradient(145deg,#d9e8f1,#c2d7e6);color:#5584a6}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap;font-size:27px;line-height:1.2;color:#0b1738;font-weight:900;letter-spacing:-.8px}.brand img{width:40px;height:40px}.brand.dark{color:#fff;font-size:24px}.brand.dark img{width:37px;height:37px}
.shell{min-height:100vh;background:radial-gradient(ellipse at 80% 0, #e7f2ff 0, transparent 45%),#f0f7ff}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side);background:linear-gradient(155deg,#14263e,#16283e 65%,#122337);color:#e4edfc;z-index:40;display:flex;flex-direction:column;box-shadow:4px 0 20px #12243c0a}.sidebar>.brand{height:70px;padding:0 21px;border-bottom:1px solid #ffffff06;flex-shrink:0}.sidebar nav{padding:18px 11px 12px;overflow-y:auto;scrollbar-width:thin}.nav-item{height:46px;display:flex;align-items:center;gap:14px;margin:3px 0;padding:0 14px;border-radius:9px;color:#dce5f5;font-size:14px;font-weight:520;position:relative;transition:.15s}.nav-item .icon{width:21px;height:21px}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(100deg,#166ddd,#0f56bd);box-shadow:0 6px 18px #00174c30;font-weight:700}.nav-item.active:before{position:absolute;content:'';left:0;top:12px;bottom:12px;width:3px;background:#52bcff;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:9px 13px 15px}.sidebar-plan{padding:16px 13px 13px;background:linear-gradient(145deg,#ffffff08,#ffffff05);border:1px solid #ffffff05;border-radius:10px;font-size:13px}.sidebar-plan>div{display:flex;align-items:center;gap:10px}.sidebar-plan>div .icon{color:#ffc057;fill:#ffc05718}.sidebar-plan small{display:block;text-align:center;font-size:11px;color:#a4b8d2;margin:7px 0 11px}.sidebar-plan .btn{width:100%;min-height:33px;padding:6px;font-size:12px}.sidebar-plan .icon{width:17px;height:17px}.admin-link{display:flex;align-items:center;gap:10px;font-size:12px;color:#9db8df;padding:8px 10px 12px}.admin-link .icon{width:16px}.admin-link .icon:last-child{margin-left:auto}.shell-main{margin-left:var(--side);min-width:0}.topbar{height:70px;background:#ffffffdf;backdrop-filter:blur(16px);border-bottom:1px solid #e0edfc;display:flex;align-items:center;gap:22px;padding:0 26px;position:sticky;top:0;z-index:30}.topbar>.btn{border:0;background:none;color:#6a83a5;width:24px;min-width:24px;padding:0}.global-search{background:#eef6ff;border:1px solid #e2eefc;border-radius:9px;display:flex;gap:11px;align-items:center;padding:7px 13px;width:340px;color:#7392ba;height:39px}.global-search input{border:0;background:transparent;outline:none;width:100%;font-size:13px;color:var(--text)}.global-search input::placeholder{color:#8aa0bd}.topbar-right{display:flex;gap:17px;align-items:center;margin-left:auto;min-width:0}.topbar-right>.btn{border:0;background:none;color:#52709d;min-width:28px;width:28px;padding:0}.top-icon{color:#57739f;display:inline-flex}.user-button{display:flex;gap:10px;align-items:center;background:none;border:0;color:#172543;font-size:13px;white-space:nowrap;padding:0}.user-button>.icon{width:15px}.workspace-picker{display:flex;align-items:center;gap:6px;background:none;border:0;color:#6f87a7;font-size:12px;max-width:220px;padding:0}.workspace-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-picker>.icon{width:15px;height:15px}.demo-badge{font-size:10px;color:#a17629;background:#fff5df;border:1px solid #f1dfb4;border-radius:4px;padding:2px 6px;white-space:nowrap}.page-content{padding:25px 27px 32px;max-width:1900px;margin:0 auto;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading>div:first-child{min-width:0}.page-heading p{color:#7187a8;margin:0;font-size:14px}.page-heading .actions{justify-content:flex-end}.card{background:rgba(255,255,255,.96);border:1px solid #e8f0fb;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;min-width:0}.card-heading h2{min-width:0}.card-heading .text-link{font-size:12px;white-space:nowrap}.card-heading .icon{width:15px;height:15px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.space-top{margin-top:18px}.section-gap{margin-bottom:18px}.greeting{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 0,#edf6ff 63%,#d5e8ff 100%);border:1px solid #e2eeff;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.greeting:after{content:'';position:absolute;right:-28px;top:-90px;width:290px;height:300px;transform:rotate(35deg);border:36px solid #bddcff60;border-radius:90px;pointer-events:none}.greeting h1{margin-bottom:7px;font-size:30px}.greeting p{color:#6d86ab;margin:0}.greeting blockquote{margin:0 25px;color:#7e9bc0;z-index:1;text-align:right;line-height:1.9;font-size:13px}.metric{padding:21px 20px 18px}.metric-top{display:flex;align-items:center;gap:16px}.metric-top>div{min-width:0}.metric strong{font-size:28px;line-height:1.3;font-weight:790;display:block;letter-spacing:-.8px}.metric .metric-top span:not(.icon-tile){color:#6d85a8;font-size:13px;display:block;margin-top:5px}.metric-note{font-size:11px;color:#93a6bf;margin-top:18px}.icon-tile{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#eff7ff,#e2efff);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-tile .icon{width:25px;height:25px}.icon-tile.green{background:linear-gradient(145deg,#effcf7,#dff9ef);color:#0fc394}.icon-tile.purple{background:linear-gradient(145deg,#f6f1ff,#eadeff);color:#9667ed}.icon-tile.orange{background:linear-gradient(145deg,#fff8e9,#ffedd0);color:#f3ac36}.icon-tile.red{background:#fff1f3;color:#e9698d}.overview-top{display:grid;grid-template-columns:minmax(0,3.6fr) minmax(245px,1fr);gap:18px}.overview-plan{padding:18px 20px}.overview-plan h2{font-size:15px}.overview-plan .plan-title{display:flex;gap:12px;align-items:center;margin:13px 0}.overview-plan strong{font-size:18px}.overview-plan small{font-size:11px;color:#7b94b8;display:block}.progress{height:8px;background:#e7f0fc;border-radius:10px;overflow:hidden;margin:10px 0}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#1677ff,#69adff);border-radius:10px}.usage-label{display:flex;justify-content:space-between;font-size:12px;color:#6b83a5}.usage-label b{color:#305279;font-weight:650}.overview-charts{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr) minmax(240px,1fr);gap:18px;margin-top:18px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick-item{display:flex;flex-direction:column;align-items:center;gap:9px;background:#f5f9ff;border-radius:10px;padding:14px 4px 10px;color:#415d82;font-size:11px;border:1px solid transparent}.quick-item:hover{background:#edf5ff;border-color:#d5e5fa}.quick-item .icon-tile{width:37px;height:37px;border-radius:10px}.quick-item .icon{width:21px;height:21px}.line-chart{width:100%;height:auto;display:block;min-height:190px}.line-chart text{font-family:inherit;fill:#7c92b1;font-size:12px}.chart-legend{display:flex;gap:16px;font-size:11px;color:#7490b3;justify-content:flex-end;margin-top:-5px;margin-bottom:8px;flex-wrap:wrap}.chart-legend span{display:flex;gap:6px;align-items:center}.chart-legend .dot{width:7px;height:7px}.donut-row{display:flex;align-items:center;justify-content:center;gap:20px;min-height:188px;flex-wrap:wrap}.donut{width:130px;height:130px;border-radius:50%;padding:22px;flex-shrink:0}.donut>div{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:22px}.donut span{font-size:9px;color:#879bbb}.donut-legend{font-size:11px;min-width:100px}.donut-legend>div{display:flex;gap:7px;margin:9px 0;align-items:center}.donut-legend b{margin-left:auto;padding-left:8px;font-weight:650;color:#50719b}.sparkline{width:100%;height:28px;color:var(--blue);margin-top:12px}.sparkline.green{color:var(--green)}.sparkline.purple{color:#9465fd}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f9;padding:12px 0;color:var(--ink);min-width:0}.recent-item:last-child{border-bottom:0}.recent-item .main{flex:1;min-width:0}.recent-item strong{font-size:13px;font-weight:650}.recent-item p{font-size:11px;margin:2px 0 0;color:#8a9db6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item>small{color:#8ca2bf;font-size:10px;flex-shrink:0}.recent-item .icon{width:19px;color:#438ef1}.recent-item:hover{color:var(--blue)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 14px;text-align:center;min-height:220px}.empty-icon{width:66px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#f0f7ff;color:#78acfa;margin-bottom:14px}.empty-icon .icon{width:33px;height:33px}.empty-state h3{font-size:16px;margin:0 0 5px}.empty-state p{color:#8ba0bc;font-size:13px;max-width:400px;margin:0 0 16px}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:9px;background:#eef6ff;color:#5684bb;border:1px solid #dfedff;font-size:12px;margin:14px 0}.notice .icon{width:18px;height:18px;margin-top:1px}.notice.warning{background:#fff8e9;border-color:#f4e7c9;color:#ac873b}.notice.success{background:#eafbf5;border-color:#cfefe1;color:#299776}.notice p{margin:0}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid #dfeafa;border-radius:9px;background:#f8fbff;min-width:230px;flex:1;max-width:440px;color:#7592b6;min-height:40px}.search-field input{background:transparent;border:0;outline:none;min-width:0;width:100%;font-size:13px}.filters>select,.compact-select{padding:8px 32px 8px 12px;background:#fff;border:1px solid #dae7f8;border-radius:8px;color:#5e779b;font-size:13px;min-height:40px}.filter-spacer{margin-left:auto}.table-card{padding:19px 20px}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:13px}th{background:#f1f7ff;padding:12px 14px;color:#58749d;font-weight:650;font-size:12px;border-bottom:1px solid #e7eff9}th:first-child{border-radius:8px 0 0 8px}th:last-child{border-radius:0 8px 8px 0}td{border-bottom:1px solid #edf2f9;padding:16px 14px;vertical-align:middle;color:#435f85}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f8fbff}td strong{color:#1c3154;font-weight:700}td .sub{display:block;font-size:11px;color:#8b9eba;margin-top:4px}td .row-person{display:flex;align-items:center;gap:10px;max-width:250px}.row-person>div{min-width:0}.row-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block}.site-mini{display:flex;gap:14px;align-items:center;min-width:230px}.site-mini .icon-tile{width:48px;height:48px;background:linear-gradient(145deg,#28a0ff,#0065ff);color:#fff;border-radius:12px}.site-mini strong{font-size:16px}.site-mini .sub{font-size:12px}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2fa;padding:17px 3px 0;font-size:12px;color:#839aba}.pagination>div{display:flex;align-items:center;gap:9px}.pagination .btn{width:30px;min-width:30px;min-height:30px;padding:5px}.page-num{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border-radius:7px;color:#fff}.row-actions{display:flex;gap:7px;align-items:center}.row-actions .btn.icon-only{min-height:32px;width:32px;min-width:32px;padding:6px}.row-actions .icon{width:16px;height:16px}.tabs{display:flex;gap:16px;border-bottom:1px solid #e1ecfa;margin-bottom:20px;overflow-x:auto;white-space:nowrap}.tab{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:12px 14px;color:#6a82a5;font-weight:600;position:relative;font-size:14px}.tab.active{color:var(--blue);font-weight:750}.tab.active:after{content:'';position:absolute;bottom:0;left:5px;right:5px;height:3px;background:var(--blue);border-radius:4px}.tab .icon{width:17px;height:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:18px;color:#405b7d;font-size:13px}.field>span{font-weight:650;color:#263e62}.field input,.field textarea,.field select{width:100%;border:1px solid #dbe7f6;background:#fcfdff;color:#304766;min-height:42px;border-radius:8px;padding:10px 12px;line-height:1.45;transition:.15s}.field input::placeholder,.field textarea::placeholder{color:#a0afc6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#85b9ff;background:#fff;outline:3px solid #edf5ff}.field textarea{resize:vertical;min-height:104px;white-space:pre-wrap}.field small{color:#839bb8;font-size:11px}.field input[type=color]{padding:5px;height:44px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .full{grid-column:1/-1}.form-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e6eef9;padding-top:18px;margin-top:15px}.field-section{font-size:16px;border-bottom:1px solid #edf2fa;padding-bottom:11px;margin:8px 0 20px}.stepper{display:flex;align-items:center;justify-content:space-around;padding:16px 8px 26px;gap:12px;margin-bottom:18px}.step{display:flex;align-items:center;gap:12px;color:#8ba0bb}.step>i{font-style:normal;background:#e6f0ff;border-radius:50%;width:39px;height:39px;display:flex;align-items:center;justify-content:center;color:#6586b1;font-size:18px;font-weight:700}.step.active{color:var(--blue)}.step.active>i{color:#fff;background:linear-gradient(145deg,#299cff,#056aff);box-shadow:0 4px 12px #1677ff20}.step>div strong{display:block;font-size:14px}.step>div small{display:block;font-size:11px;color:#92a6c1}.step-line{height:2px;flex:1;background:#e2edfb;max-width:170px}.site-create-grid,.settings-grid{display:grid;grid-template-columns:minmax(320px,.94fr) minmax(0,1.16fr);gap:20px}.setting-preview{background:linear-gradient(145deg,#f7fbff,#e8f4ff);border:1px solid #e0ecfa;border-radius:12px;padding:22px;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.mock-window{background:#fff;border:1px solid #dae8fa;border-radius:14px;overflow:hidden;box-shadow:0 14px 32px #4e8bd218;width:100%}.browser-bar{height:35px;background:#edf5ff;display:flex;align-items:center;gap:6px;padding:0 12px;color:#92acd0;font-size:10px}.browser-bar>i{width:8px;height:8px;border-radius:50%;background:#adcfff}.browser-bar>span{background:#fff8;border-radius:14px;padding:2px 12px;margin-left:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-website{padding:28px;min-height:380px;background:radial-gradient(ellipse at 90% 40%,#d9edff 0,transparent 70%);position:relative}.mock-website>h3{font-size:26px;line-height:1.6;margin:38px 0 12px}.mock-website>p{max-width:240px;font-size:12px;color:#7893b8}.widget-card{width:340px;max-width:100%;border:1px solid #d6e6fb;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 10px 26px #438bd421}.widget-card header{padding:18px;background:linear-gradient(110deg,#2596ff,#0765ff);color:#fff;display:flex;align-items:center;gap:10px}.widget-card header strong{font-size:16px}.widget-card header small{display:block;color:#e4f0ff;font-size:10px}.widget-card header img{width:34px;height:34px;padding:3px;background:#fff;border-radius:9px}.widget-card .fake-chat-body{padding:20px;min-height:230px}.bubble{border-radius:12px;background:#f0f6fd;padding:12px 15px;font-size:13px;color:#3b567b;margin-bottom:16px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.out{background:linear-gradient(130deg,#288eff,#086aff);color:#fff;margin-left:40px}.fake-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.fake-chips span{border:1px solid #b7d4ff;background:#fff;color:#2c7ff0;border-radius:6px;padding:4px 8px;font-size:11px}.fake-input{margin:14px;padding:12px;background:#f7faff;border:1px solid #e4eefb;border-radius:10px;font-size:11px;color:#a0b0c7;display:flex;justify-content:space-between;align-items:center}.fake-input .icon{color:var(--blue);width:19px;height:19px}.widget-foot{font-size:9px;text-align:center;color:#97aaca;padding-bottom:9px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #edf3fa;color:#294565;font-size:13px}.toggle-row:last-child{border:0}.toggle-row strong{font-weight:650}.toggle-row small{display:block;color:#8ba0ba;margin-top:3px;font-size:11px;max-width:440px}.switch{appearance:none;-webkit-appearance:none;width:36px;height:21px;min-width:36px;border:0;background:#d6e0ee;border-radius:20px;position:relative;cursor:pointer;margin:0;transition:.2s}.switch:before{content:'';width:15px;height:15px;position:absolute;top:3px;left:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;transition:.2s}.switch:checked{background:var(--blue)}.switch:checked:before{transform:translateX(15px)}.color-swatches{display:flex;gap:10px;margin:15px 0 23px}.color-swatch{height:30px;width:30px;min-width:30px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d7e7fc;background:var(--swatch)}.color-swatch.selected{outline:2px solid var(--blue);outline-offset:2px}.code-block{background:#f1f7ff;border:1px solid #dfebfc;border-radius:12px;padding:22px;color:#35659a;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:2;margin:0;position:relative}.code-block.dark{background:#12253e;color:#b8d5fa;border:0}.code-copy{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:10px}.code-number{font-size:16px;font-weight:750;display:flex;gap:13px;align-items:center}.code-number i{font-style:normal;color:var(--blue);width:34px;height:34px;background:#eaf3ff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.step-list{counter-reset:step;list-style:none;margin:0;padding:0}.step-list li{position:relative;padding:0 0 25px 48px;counter-increment:step;font-size:13px}.step-list li:before{content:counter(step);position:absolute;left:0;top:1px;width:29px;height:29px;color:#fff;background:#6aa9ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.step-list li:first-child:before{background:var(--blue)}.step-list li:not(:last-child):after{content:'';position:absolute;left:14px;top:33px;bottom:4px;width:1px;border-left:1px dashed #bed7f6}.step-list p{margin:4px 0 0;color:#819abb;font-size:12px}.iframe-preview{border:0;background:#fff;width:100%;height:580px;border-radius:12px}.phone-frame{width:375px;max-width:100%;border:9px solid #172230;border-radius:42px;padding-top:15px;background:#172230;box-shadow:0 20px 40px #326ca729;margin:12px auto;overflow:hidden;position:relative}.phone-frame:before{content:'';position:absolute;width:90px;height:9px;background:#344253;border-radius:20px;top:3px;left:50%;transform:translateX(-50%)}.phone-frame iframe{width:100%;height:635px;border:0;border-radius:24px;display:block}.preview-desktop{min-height:660px;background:linear-gradient(145deg,#f8fbff,#e6f3ff);padding:35px;position:relative;border-radius:12px;display:flex;align-items:center;gap:35px;overflow:hidden}.preview-desktop .preview-copy{flex:1;min-width:0}.preview-copy h2{font-size:36px;line-height:1.6;letter-spacing:-1px;margin-bottom:15px}.preview-copy p{color:#7994b8;max-width:350px}.preview-desktop iframe{width:375px;height:590px;border:1px solid #d7e6f8;border-radius:15px;box-shadow:0 18px 35px #2877bc17;flex-shrink:0;background:#fff}.tabs-sub{display:flex;gap:9px;flex-wrap:wrap}.tabs-sub .btn{min-height:34px;font-size:12px;padding:6px 13px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.page-toolbar .site-label{display:flex;align-items:center;gap:12px}.page-toolbar .site-label strong{font-size:18px}.page-toolbar .site-label small{display:block;color:#8c9fba}.page-toolbar select{border:1px solid #d9e6f7;border-radius:8px;padding:9px 12px;background:#fff;color:#526d93;max-width:320px}.divider{height:1px;background:#e7eff9;margin:22px 0}.mini-stat{padding:12px 0;border-bottom:1px solid #edf3fa;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#7590af}.mini-stat strong{font-size:16px;color:#244364}.kv-list{display:flex;flex-direction:column;gap:13px;font-size:12px}.kv-list>div{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.kv-list>div>span{color:#8199b8;min-width:80px}.kv-list>div>strong{font-weight:500;overflow-wrap:anywhere;text-align:right}.note-box{background:#f5f9ff;border-radius:9px;padding:13px;color:#7b91ae;font-size:12px;white-space:pre-wrap}.category-list{display:flex;flex-direction:column;gap:6px}.category-item{display:flex;justify-content:space-between;align-items:center;border:0;background:none;text-align:left;color:#647fa3;padding:12px;border-radius:8px;font-size:13px}.category-item.active,.category-item:hover{background:#eaf3ff;color:var(--blue)}.category-item>span{display:flex;align-items:center;gap:10px}.category-item .icon{width:17px;height:17px}.category-item b{font-weight:600;font-size:12px}.knowledge-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px}.knowledge-grid>.card{padding:19px 14px}.knowledge-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.knowledge-tool{border:1px solid #e1ebf8;border-radius:11px;display:flex;align-items:center;gap:13px;padding:15px;background:#fff;cursor:pointer;text-align:left;color:#334e74}.knowledge-tool:hover{border-color:#b7d8ff;background:#fbfdff}.knowledge-tool .icon-tile{width:40px;height:40px;border-radius:11px}.knowledge-tool strong{display:block;font-size:13px}.knowledge-tool small{display:block;color:#98a9c1;font-size:10px;margin-top:3px}.knowledge-tool .icon{width:23px;height:23px}.input-file{display:none}.doc-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#526b8d;line-height:1.9;max-height:52vh;overflow:auto;padding:8px}.department-card{background:#f8fbff;border:1px solid #e3edf9;border-radius:10px;padding:15px;display:flex;gap:12px;align-items:center;position:relative}.department-card strong{font-size:14px}.department-card small{display:block;color:#839bbc;font-size:12px}.department-card>.text-link{margin-left:auto}.department-card .icon-tile{width:39px;height:39px}.role-info{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #edf2fa}.role-info strong{font-size:13px}.role-info p{font-size:11px;color:#8198b7;margin:4px 0 0}.role-info .icon-tile{width:35px;height:35px;border-radius:9px}.billing-top{grid-template-columns:minmax(240px,1fr) minmax(300px,1.35fr) minmax(240px,.85fr)}.billing-plan-title{display:flex;align-items:center;gap:15px;margin:18px 0}.billing-plan-title h3{font-size:25px;margin:0}.billing-plan-title .icon-tile{background:#fff3d7;color:#efaa3a;width:58px;height:58px}.billing-usage{display:grid;grid-template-columns:41px minmax(0,1fr) 45px;align-items:center;gap:12px;margin-bottom:17px}.billing-usage .icon-tile{width:39px;height:39px;border-radius:10px}.billing-usage>span{font-size:12px;color:var(--blue);text-align:right}.billing-usage strong{font-size:13px}.billing-usage small{float:right;color:#8499b8;font-size:11px}.billing-usage .progress{height:7px;margin:7px 0 0}.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{padding:24px 21px;border:1px solid #dae6f8;border-radius:12px;background:#fff;position:relative;display:flex;flex-direction:column}.plan-card.current{border:2px solid var(--blue);background:linear-gradient(160deg,#fbfdff,#f1f7ff)}.current-ribbon{position:absolute;right:14px;top:-11px;color:#fff;background:var(--blue);padding:3px 11px;border-radius:5px;font-size:10px}.plan-card h3{font-size:22px;margin:0 0 6px}.plan-card>small{color:#8ba0bd;font-size:12px;min-height:38px}.plan-price{font-size:32px;letter-spacing:-1px;font-weight:800;margin:15px 0 23px;white-space:nowrap}.plan-price small{font-size:12px;font-weight:400;letter-spacing:0;color:#859abc}.plan-card ul{list-style:none;padding:0;margin:0 0 22px;font-size:12px;line-height:2.8;color:#6580a4}.plan-card li{display:flex;align-items:center;gap:7px}.plan-card li .icon{width:15px;height:15px;color:var(--blue)}.plan-card>.btn{margin-top:auto;width:100%}.addon-card{border:1px solid #e1ebf8;border-radius:10px;padding:18px;text-align:center;min-width:0}.addon-card strong{display:block;font-size:19px;color:var(--blue);margin:8px 0 15px}.addon-card h3{font-size:15px}.profile-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px}.profile-form{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px}.profile-avatar{display:flex;flex-direction:column;align-items:center;padding-top:13px;text-align:center}.profile-avatar .avatar{width:108px;height:108px;font-size:46px;margin-bottom:12px;border:5px solid #fff;box-shadow:0 0 0 2px #e4edfa}.profile-avatar small{font-size:11px;color:#96a9c3}.profile-security-row{display:flex;align-items:center;gap:16px;border:1px solid #e8eff8;border-radius:10px;padding:15px;margin-bottom:10px}.profile-security-row>div{flex:1}.profile-security-row h3{font-size:14px;margin:0}.profile-security-row p{font-size:11px;color:#8ca2bf;margin:4px 0 0}.profile-security-row .icon-tile{width:40px;height:40px;border-radius:10px}.help-hero{background:linear-gradient(110deg,#e3f1ff,#f8fcff 60%,#e0efff);border:1px solid #dce9fa;border-radius:14px;padding:32px;margin-bottom:20px;position:relative;overflow:hidden}.help-hero h2{font-size:27px;margin-bottom:9px}.help-hero p{font-size:13px;color:#7590b2}.help-search{display:flex;gap:8px;background:#fff;border:1px solid #cee2fc;padding:5px;border-radius:10px;max-width:740px}.help-search>input{border:0;outline:0;flex:1;padding:6px 14px;width:100%;font-size:13px}.help-search .btn{min-width:95px}.help-category{border:1px solid #e1ebf8;border-radius:10px;background:#fff;padding:20px;display:flex;gap:16px;align-items:center;color:var(--ink)}.help-category:hover{background:#f5faff;border-color:#b9d8ff}.help-category strong{font-size:15px}.help-category small{display:block;font-size:11px;color:#91a3bd;margin-top:3px}.faq-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 6px;border-bottom:1px solid #e8f0fa;cursor:pointer;color:#3d5a82;font-size:13px}.faq-row:last-child{border-bottom:0}.faq-row .icon{color:#a4bad6;width:17px;height:17px}.faq-row:hover{color:var(--blue)}.article{max-width:920px;margin:0 auto}.article h1{margin-top:14px}.article-body{white-space:pre-wrap;line-height:2;color:#4f6c91;font-size:15px}.dialog{border:0;border-radius:16px;padding:0;max-width:calc(100vw - 32px);width:680px;max-height:90dvh;box-shadow:0 24px 110px #17396740;color:var(--ink);background:#fff}.dialog::backdrop{background:#10213b69;backdrop-filter:blur(4px)}.dialog.wide{width:960px}.dialog.compact{width:460px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e6eef8;padding:20px 24px;position:sticky;top:0;background:#fff;z-index:2}.dialog-head>.btn{border:0;background:#f3f7fc;color:#7187a8;min-width:30px;width:30px;min-height:30px;padding:5px}.dialog-head h2{font-size:20px}.dialog-body{padding:24px;overflow:auto}.confirm-text{color:#647fa1;line-height:1.9}.copy-box{background:#f3f8ff;border:1px solid #dce9f9;border-radius:10px;padding:16px;font-family:ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#2d5e92;margin:15px 0}.dialog .menu-list{display:flex;flex-direction:column;gap:5px}.menu-list a,.menu-list>button{display:flex;align-items:center;gap:12px;padding:12px;border:0;background:#fff;color:#406086;border-radius:9px;text-align:left}.menu-list a:hover,.menu-list>button:hover{background:#f0f7ff;color:var(--blue)}.menu-list .icon{width:18px;height:18px}.menu-list .danger-link{color:#ef536c}#toasts{position:fixed;z-index:1000;top:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:calc(100vw - 30px);width:max-content}.toast{background:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 8px 34px #2c548e26;border:1px solid #dceaf8;display:flex;gap:10px;align-items:center;font-size:13px;color:#395376;animation:toast-in .2s ease-out}.toast>.icon{color:#1abf91}.toast.error>.icon{color:#e34c6a}.error-card{padding:80px 20px;text-align:center;color:#7991b2}.error-card>.icon{width:42px;height:42px;color:#72a6ef;margin-bottom:18px}.error-card h2{margin-bottom:12px}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.nav-overlay{display:none}
/* Public website and authentication share the same design tokens. */
.public-page{background:#fff}.public-header{height:82px;display:flex;align-items:center;padding:0 max(32px,4.7vw);gap:50px;border-bottom:1px solid #eaf2fc;background:#fff;position:relative;z-index:5}.public-header .brand{font-size:30px}.public-header nav{display:flex;gap:32px;align-items:center}.public-header nav a{font-size:14px;color:#263854;font-weight:550;padding:26px 0;position:relative;white-space:nowrap}.public-header nav a.active,.public-header nav a:hover{color:var(--blue)}.public-header nav a.active:after{content:'';height:3px;background:var(--blue);position:absolute;bottom:15px;left:0;right:0;border-radius:4px}.public-header-right{margin-left:auto;display:flex;gap:11px;align-items:center;white-space:nowrap}.language-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;margin-right:12px;color:#344c6b}.language-label .icon{width:17px;height:17px}.public-footer{background:#fbfdff;border-top:1px solid #e9f1fc;padding:46px max(32px,5vw) 22px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-brand p{color:#8ba2bf;font-size:12px;margin:11px 0}.footer-brand small{color:#9cabc0;font-size:11px}.public-footer h4{font-size:14px;margin:4px 0 15px}.public-footer>div>a:not(.brand){display:block;color:#879bb7;font-size:12px;line-height:2.3}.public-footer>div>a:hover{color:var(--blue)}.footer-bottom{grid-column:1/-1;border-top:1px solid #e8f0f9;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#96a9c0}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 30%,#dcecff 0,#edf6ff 40%,#f8fcff 74%,#fff 100%);padding:68px max(32px,5vw) 58px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.14fr);gap:50px;min-height:625px;align-items:center}.hero:before{content:'';position:absolute;width:650px;height:300px;border:90px solid #ddefff55;transform:rotate(-25deg);border-radius:120px;bottom:-120px;left:0;pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);padding:5px 14px;border:1px solid #b9d9ff;border-radius:30px;background:#f0f8ff;font-size:13px;font-weight:550;margin-bottom:24px}.eyebrow .icon{width:17px;height:17px}.hero h1{font-size:clamp(42px,4.15vw,70px);line-height:1.24;letter-spacing:-2px;font-weight:900;margin:0 0 25px;color:#060e28}.hero h1 em{font-style:normal;color:#0571ff}.hero-description{color:#597298;font-size:17px;line-height:1.9;max-width:530px}.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:#627a9b;margin:27px 0 34px}.hero-benefits span{display:inline-flex;align-items:center;gap:7px}.hero-benefits .icon{width:18px;height:18px;color:var(--green)}.hero .actions .btn{min-height:53px;padding:12px 28px;font-size:16px;gap:18px}.hero-art{position:relative;min-width:0;padding:0 25px 22px 0}.hero-miniapp{background:#fff;border:10px solid #ffffffcc;box-shadow:0 16px 45px #659ddb30;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:82px minmax(0,1fr);min-height:395px;transform:perspective(1800px) rotateY(-2deg)}.mini-sidebar{background:linear-gradient(#162940,#14263e);padding:13px 8px;color:#a9bcda;font-size:10px}.mini-logo{display:flex;align-items:center;gap:5px;color:#fff;font-size:11px;font-weight:700;margin-bottom:20px}.mini-logo img{width:24px;height:24px}.mini-nav{padding:9px 3px;display:flex;gap:7px;align-items:center}.mini-nav.active{background:#1769d2;border-radius:5px;color:#fff}.mini-nav .icon{width:12px;height:12px}.mini-main{display:flex;flex-direction:column;min-width:0}.mini-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eaf0f8;font-size:12px}.mini-bar strong{font-size:15px}.mini-split{display:grid;grid-template-columns:42% 58%;flex:1}.mini-contacts{border-right:1px solid #e9f0fa;padding:10px}.mini-contact{display:flex;align-items:center;gap:6px;border-bottom:1px solid #edf3fa;padding:12px 0;min-width:0}.mini-contact strong{font-size:10px;display:block;color:#315175}.mini-contact small{font-size:8px;color:#8ca2bf;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.mini-contact .avatar{width:28px;height:28px;font-size:10px}.mini-chat{padding:17px 13px;min-width:0}.mini-chat .bubble{font-size:10px;padding:10px 12px;line-height:1.8}.mini-chat .bubble.out{margin-left:24px}.mini-compose{margin-top:36px;padding:14px 10px;border:1px solid #e3edf8;border-radius:8px;font-size:9px;color:#a1b2cb}.mini-mobile{position:absolute;right:-15px;bottom:-3px;width:167px;background:#fff;border:6px solid #10223b;border-radius:25px;box-shadow:0 10px 28px #527ba044;overflow:hidden}.mini-mobile-top{height:18px;position:relative;background:#fff}.mini-mobile-top:after{content:'';width:49px;height:7px;border-radius:4px;background:#10223b;position:absolute;top:0;left:50%;transform:translateX(-50%)}.mini-mobile .widget-card{border-radius:0;border:0;width:100%;box-shadow:none}.mini-mobile .widget-card header{padding:10px;gap:5px;background:#fff;color:#15304d}.mini-mobile .widget-card header img{width:21px;height:21px;padding:0}.mini-mobile .widget-card header strong{font-size:11px}.mini-mobile .widget-card header small{font-size:7px;color:#8ca3bf}.mini-mobile .fake-chat-body{padding:9px;min-height:190px}.mini-mobile .bubble{font-size:8px;padding:7px;margin-bottom:12px}.mini-mobile .fake-chips{gap:4px;margin:12px 0}.mini-mobile .fake-chips span{font-size:7px;padding:3px 4px}.mini-mobile .fake-input{font-size:7px;padding:7px;margin:8px}.mini-mobile .fake-input .icon{width:15px;height:15px}.mini-mobile .widget-foot{font-size:6px}.feature-ribbon{padding:28px max(32px,5vw);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;background:#fff}.feature-compact{display:flex;gap:14px;align-items:center}.feature-compact h3{font-size:14px;margin-bottom:4px}.feature-compact p{font-size:10px;color:#8098b9;margin:0}.feature-compact .icon-tile{width:49px;height:49px;border-radius:50%}.value-strip{margin:10px max(32px,5vw) 32px;background:linear-gradient(110deg,#f1f7ff,#f9fcff);border:1px solid #edf3fd;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:27px 28px;text-align:center}.value-strip strong{font-size:24px;letter-spacing:-.5px;display:block}.value-strip span{color:#8197b5;font-size:12px;display:block;margin-top:5px}.public-section{padding:38px max(32px,5vw) 60px;max-width:1800px;margin:auto}.public-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.public-section-head h2{font-size:29px;margin-bottom:9px}.public-section-head p{color:#8297b4;margin:0;font-size:13px}.feature-card{border:1px solid #e0ebf9;border-radius:14px;padding:25px;background:linear-gradient(130deg,#f6faff,#fff);display:flex;align-items:flex-start;gap:17px}.feature-card h3{font-size:17px}.feature-card p{font-size:12px;color:#8599b6;line-height:1.9;margin:0}.feature-card .icon-tile{width:47px;height:47px}.public-cta{padding:36px;border:1px solid #dfebfb;border-radius:16px;background:linear-gradient(120deg,#e9f3ff,#f5faff);display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px}.public-cta h2{font-size:25px;margin-bottom:8px}.public-cta p{margin:0;color:#8097b7}.auth-section{padding:54px max(32px,7vw) 48px;background:radial-gradient(ellipse at 25% 70%,#dfefff,#f4faff 58%,#eef7ff);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:9vw;align-items:center;min-height:665px}.auth-copy h1{font-size:clamp(36px,3.9vw,58px);line-height:1.3;letter-spacing:-1.5px;font-weight:900;margin:0 0 24px}.auth-copy h1 em{color:var(--blue);font-style:normal}.auth-copy>p{color:#617b9e;font-size:15px;line-height:1.9}.auth-copy .hero-art{max-width:520px;margin-top:28px;opacity:.9}.auth-copy .hero-miniapp{min-height:260px;max-height:260px}.auth-copy .mini-compose{margin-top:8px}.auth-copy .mini-contact{padding:7px 0}.auth-copy .mini-mobile{display:none}.auth-card{background:#fff;border:1px solid #edf3fb;border-radius:18px;padding:36px 38px;box-shadow:0 12px 42px #6498d519;max-width:520px;width:100%;justify-self:end}.auth-card h2{font-size:29px;font-weight:800;line-height:1.4;margin-bottom:8px}.auth-card>p{font-size:13px;color:#8a9ebb;margin:0 0 23px}.auth-tabs{display:flex;background:#f6f9fe;border-radius:9px;margin:24px 0}.auth-tabs a{padding:12px;flex:1;text-align:center;color:#8399b7;font-weight:650;position:relative}.auth-tabs a.active{color:var(--blue)}.auth-tabs a.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--blue);left:0;right:0;border-radius:4px}.auth-card .field>span{font-size:12px}.auth-card .field input{min-height:44px}.auth-options{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7b90ae;margin:3px 0 22px}.auth-options label{display:flex;gap:7px;align-items:center}.auth-card .btn.primary{min-height:45px}.auth-card input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px}.auth-bottom{text-align:center;color:#8ca0bb;font-size:12px;margin:23px 0 0}.legal-text{font-size:11px;color:#8ca0bb;line-height:1.8;margin:14px 0}.auth-security{display:flex;justify-content:center;gap:7px;font-size:11px;color:#a1b1c7;margin-top:25px}.auth-security .icon{width:15px;height:15px}.totp-row.hidden{display:none}.public-pricing{max-width:1180px;margin:auto}.page-banner{text-align:center;padding:50px 20px 35px;background:linear-gradient(#eef7ff,#fff)}.page-banner h1{font-size:40px;font-weight:850}.page-banner p{color:#8aa0bd}.feature-detailed{padding:30px}.feature-detailed p{font-size:13px;color:#8298b6;line-height:2}.public-help{max-width:1200px;margin:45px auto;padding:0 24px}.legal-panel{max-width:900px;margin:45px auto;padding:35px}.legal-panel h2{margin:28px 0 10px}.legal-panel p{color:#7189aa;line-height:2}.site-card{padding:22px}.site-card .site-mini{margin-bottom:18px}.site-card .site-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #edf3fb;border-bottom:1px solid #edf3fb;padding:18px 0;margin-bottom:17px}.site-card-metrics strong{font-size:23px;display:block;letter-spacing:-.5px}.site-card-metrics span{font-size:11px;color:#869cba}.search-results{display:flex;flex-direction:column;gap:8px}.search-result{border:1px solid #e6eef9;border-radius:9px;padding:13px;display:flex;gap:10px;align-items:center;color:#345676;font-size:13px}.search-result small{color:#839abb;margin-left:auto}.workspace-option{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;padding:15px;border:1px solid #e4edf9;border-radius:10px;background:#fff;color:#405e86;text-align:left;margin-bottom:10px}.workspace-option.selected{border-color:#a9ccff;background:#f5f9ff}.workspace-option .icon{color:var(--blue)}.order-summary{display:flex;justify-content:space-between;align-items:center;padding:19px;background:#f1f7ff;border-radius:12px;margin-bottom:22px}.order-summary h3{font-size:18px;margin-bottom:5px}.order-summary p{margin:0;color:#8199bb;font-size:12px}.order-summary>strong{font-size:29px;color:var(--blue)}.code-key{font-family:ui-monospace,monospace;word-break:break-all;background:#eff6ff;border-radius:8px;padding:13px;font-size:14px}.alert-count{background:#fff1e8;color:#e99728;padding:5px 10px;border-radius:6px;font-size:12px}.security-note{color:#8ca0bc;font-size:12px}.admin-shell .sidebar{background:linear-gradient(160deg,#18243c,#122438)}.admin-shell .sidebar .nav-item.active{background:linear-gradient(100deg,#4063d7,#2854bd)}
/* Realtime inbox */
.inbox-page{padding:18px 20px 20px;max-width:none}.inbox-tabsbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e8f0fb;border-radius:11px;padding:0 15px;margin-bottom:14px;gap:12px}.inbox-tabsbar .tabs{border:0;margin:0;gap:9px}.inbox-tabsbar .tab{font-size:13px;padding:13px 11px}.inbox-tabsbar .actions{gap:8px}.connection-dot{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d97b8}.inbox-grid{display:grid;grid-template-columns:292px minmax(320px,1fr) 298px;gap:15px;height:calc(100dvh - 173px);min-height:520px}.conversation-pane{background:#fff;border:1px solid #e7effa;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.conversation-search{padding:13px;border-bottom:1px solid #edf2f8}.conversation-search .search-field{padding:7px 10px;min-width:0;width:100%;min-height:35px}.conversation-search input{font-size:11px}.conversation-search .icon{width:15px;height:15px}.conversation-list{overflow-y:auto;flex:1;padding:7px}.conversation-item{width:100%;display:flex;gap:10px;padding:13px 9px;align-items:center;border:0;border-radius:8px;background:#fff;text-align:left;position:relative;color:#294564;min-width:0}.conversation-item:hover{background:#f5f9ff}.conversation-item.active{background:linear-gradient(110deg,#e8f3ff,#f0f7ff)}.conversation-item.active:before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--blue);border-radius:4px}.conversation-item>.content{min-width:0;flex:1}.conversation-item strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}.conversation-item .snippet{font-size:11px;color:#8ba0bd;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;max-width:200px}.conversation-meta{display:flex;align-items:flex-end;gap:7px;flex-direction:column;margin-left:auto;align-self:flex-start;font-size:10px;color:#94a8c2;min-width:35px}.unread-bubble{width:17px;height:17px;background:#ff5973;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px}.chat-pane{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e7effa;border-radius:12px;overflow:hidden}.chat-header{display:flex;gap:12px;padding:17px;border-bottom:1px solid #edf2f9;align-items:center;min-height:82px}.chat-header>.info{min-width:0;flex:1}.chat-header strong{font-size:15px}.chat-header small{display:block;font-size:10px;color:#8da1be;margin-top:3px}.chat-header .actions{gap:6px;flex-wrap:nowrap}.chat-header .btn.small{padding:5px 8px}.chat-header .btn.icon-only{width:30px;min-width:30px;min-height:30px;padding:6px}.message-feed{padding:19px 19px 6px;flex:1;overflow-y:auto;min-height:100px;background:linear-gradient(#fff,#fcfdff)}.message-date{text-align:center;margin:0 0 20px}.message-date>span{display:inline-block;background:#f1f7ff;border-radius:6px;padding:3px 12px;font-size:10px;color:#99acc6}.chat-msg{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px;max-width:94%}.chat-msg .avatar{width:31px;height:31px;min-width:31px;font-size:12px;margin-top:2px}.chat-msg.mine{margin-left:auto;flex-direction:row-reverse}.chat-msg-main{max-width:calc(100% - 40px);min-width:0}.chat-msg-name{font-size:10px;color:#9aacbf;margin-bottom:5px}.chat-msg.mine .chat-msg-name{text-align:right}.chat-msg-bubble{padding:12px 14px;border-radius:4px 12px 12px 12px;background:#f0f6fd;color:#3c567b;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg.mine .chat-msg-bubble{background:linear-gradient(120deg,#258bff,#096bff);color:#fff;border-radius:12px 4px 12px 12px}.chat-msg-time{font-size:9px;color:#a4b4ca;margin-top:4px}.chat-msg.mine .chat-msg-time{text-align:right}.chat-msg.note{max-width:100%;display:block;margin:17px 0}.chat-msg.note .chat-msg-bubble{background:#fff8e6;border:1px solid #f7ebc9;border-radius:9px;color:#9a7a32;font-size:12px}.chat-msg.note .chat-msg-name{color:#b59c5a}.file-message{background:#fff;border:1px solid #d7e8ff;border-radius:9px;padding:10px;display:flex;align-items:center;gap:10px;min-width:200px;max-width:100%;color:#335c8b}.file-message>.icon{color:#ed6558;width:28px;height:28px}.file-message>div{min-width:0;flex:1}.file-message strong{display:block;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-message small{display:block;color:#8fa5c0;font-size:10px}.file-message button{background:#f4f8fe;border:0;color:var(--blue);padding:4px;border-radius:6px}.file-message button .icon{width:16px;height:16px}.composer{border-top:1px solid #e7eff9;padding:12px 14px 14px;background:#fff}.reply-bar{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;align-items:center;white-space:nowrap}.reply-chip{border:1px solid #d9e7fb;padding:4px 8px;font-size:10px;border-radius:5px;background:#fff;color:#4889de;display:inline-flex;align-items:center;gap:4px}.reply-chip .icon{width:12px;height:12px}.composer-box{border:1px solid #dce8fa;border-radius:10px;padding:10px 12px}.composer-box textarea{border:0;background:none;width:100%;height:51px;outline:none;resize:none;font-size:13px;color:#355879;display:block;max-height:120px}.composer-box textarea::placeholder{color:#a1b3ce}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7895bb}.composer-toolbar>.tools{display:flex;gap:12px;align-items:center}.composer-toolbar .tool{border:0;background:none;color:#6f8db3;padding:0;display:inline-flex;align-items:center}.composer-toolbar .tool .icon{width:19px;height:19px}.composer-toolbar .send-circle{border:0;border-radius:50%;width:37px;height:37px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}.composer-toolbar .send-circle .icon{width:20px;height:20px}.composer-toolbar small{font-size:9px;color:#a0b2ca;margin-left:auto}.internal-label{font-size:10px;display:inline-flex;gap:5px;align-items:center;color:#7991b2;white-space:nowrap}.internal-label input{accent-color:#e6b653;width:12px;height:12px;margin:0}.attachment-pending{display:flex;gap:8px;align-items:center;padding:7px;background:#eff7ff;border:1px solid #dfefff;border-radius:7px;font-size:11px;color:#7596b9;margin-bottom:9px}.attachment-pending button{margin-left:auto;background:none;border:0;color:#849bbb}.attachment-pending .icon{width:15px;height:15px}.conversation-profile{overflow-y:auto;display:flex;flex-direction:column;gap:14px;min-width:0}.conversation-profile>.card{padding:19px}.conversation-profile .card-heading{margin-bottom:17px}.conversation-profile h2{font-size:15px}.customer-profile-top{display:flex;gap:12px;align-items:center;margin-bottom:17px}.customer-profile-top strong{font-size:14px}.customer-profile-top small{display:block;font-size:11px;color:#8fa3bf}.customer-profile-top .avatar{width:48px;height:48px;font-size:21px}.profile-tags{margin:12px 0 18px}.profile-tags .tag{font-size:10px}.conversation-profile .kv-list{gap:12px;font-size:11px}.conversation-profile .kv-list>div>span{min-width:60px}.conversation-profile .note-box{font-size:11px}.conversation-profile .visit-row{padding:9px 0;border-bottom:1px solid #edf3fa;color:#7d94b2;font-size:11px}.conversation-profile .visit-row small{display:block;color:#a1b2c9;font-size:9px}.mobile-chat-back{display:none}.status-live{display:flex;align-items:center;gap:7px;border:1px solid #dfebf9;border-radius:7px;background:#fff;padding:6px 10px;font-size:11px;color:#7492b5}.inbox-empty{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;color:#8ba2bf}.inbox-empty>.icon{height:66px;width:66px;color:#bbd5f8;margin-bottom:17px}.inbox-empty h3{color:#6f8bad;font-size:18px}.inbox-empty p{font-size:12px}.attachment-image{max-width:300px;max-height:280px;width:auto;height:auto;border-radius:12px;display:block}.receipt{padding:24px;border:1px solid #e7eff9;border-radius:10px}.receipt h3{font-size:21px}.receipt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin:20px 0}.receipt-grid span{font-size:11px;color:#8a9fbb;display:block}.receipt-grid strong{font-size:13px;overflow-wrap:anywhere}.pending-state{display:inline-flex;align-items:center;gap:8px}.unread-cell{font-size:11px;color:#f48e3f}.mobile-only{display:none}
/* Responsive layouts keep horizontal scrolling inside individual data tables. */
@media(min-width:1850px){.overview-charts{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr) minmax(275px,1fr)}.inbox-grid{grid-template-columns:320px minmax(400px,1fr) 330px}.hero{gap:80px}}
@media(max-height:900px) and (min-width:901px){.nav-item{height:40px;font-size:13px}.sidebar nav{padding-top:12px}.sidebar-plan{padding:12px}.sidebar-plan small{margin:4px 0 8px}.sidebar>.brand{height:64px}.sidebar-bottom{padding-top:5px}.admin-link{padding-bottom:8px;font-size:11px}}
@media(max-width:1450px){:root{--side:195px}.page-content{padding:23px 23px 28px}.topbar{gap:16px;padding:0 22px}.topbar-right{gap:12px}.workspace-picker{max-width:170px}.global-search{width:310px}.overview-top{grid-template-columns:minmax(0,3fr) 238px}.overview-top .grid-4{gap:13px}.metric{padding:19px 16px}.metric-top{gap:11px}.metric strong{font-size:25px}.metric .icon-tile{width:40px;height:40px;border-radius:12px}.overview-charts{grid-template-columns:1.7fr 1fr 1fr;gap:14px}.overview-charts>.card{padding:18px}.donut-row{gap:10px}.donut{width:115px;height:115px;padding:19px}.donut-legend{font-size:10px}.quick-grid{gap:7px}.quick-item{font-size:10px;padding:12px 3px 9px}.inbox-grid{grid-template-columns:260px minmax(300px,1fr) 270px;gap:12px}.inbox-page{padding:17px}.conversation-profile>.card{padding:16px}.chat-header{padding:13px;gap:9px}.chat-header .actions .btn .icon{display:none}.public-header{gap:35px}.public-header nav{gap:23px}.hero{gap:28px}.hero-miniapp{min-height:370px}.feature-ribbon{gap:18px}.feature-compact{gap:10px}.feature-compact .icon-tile{width:41px;height:41px}.feature-compact h3{font-size:12px}.feature-compact p{font-size:9px}.plan-card{padding:22px 16px}.plan-price{font-size:28px}.billing-top{grid-template-columns:minmax(230px,1fr) minmax(270px,1.2fr) minmax(190px,.8fr)}}
@media(max-width:1250px){.workspace-picker{display:none}.global-search{width:280px}.overview-top{display:block}.overview-top>.overview-plan{margin-top:16px}.overview-plan .plan-title{display:inline-flex;vertical-align:middle;margin:8px 30px 8px 0}.overview-plan .usage-label{display:inline-flex;gap:10px}.overview-plan>.progress{display:inline-block;vertical-align:middle;width:24%;margin:0 20px}.overview-plan>.btn{width:130px!important;float:right;margin:8px 0}.overview-top .grid-4{gap:17px}.overview-charts{grid-template-columns:1.5fr 1fr}.overview-charts>.card:last-child{grid-column:1/-1}.overview-charts .quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.inbox-grid{grid-template-columns:270px minmax(0,1fr)}.conversation-profile{display:none}.conversation-profile.open{display:flex;position:fixed;right:25px;top:140px;width:300px;bottom:30px;z-index:80;background:#f1f7ff;padding:10px;box-shadow:0 15px 50px #203f6830;border-radius:12px;border:1px solid #d6e7fa}.chat-header .actions .btn .icon{display:inline-block}.profile-grid{grid-template-columns:1.3fr 1fr}.profile-form{grid-template-columns:95px 1fr;gap:18px}.profile-avatar .avatar{width:80px;height:80px;font-size:32px}.site-create-grid,.settings-grid{grid-template-columns:1fr 1fr}.public-header nav{gap:18px}.public-header{gap:25px;padding:0 30px}.public-header .brand{font-size:26px}.language-label{display:none}.hero{padding:50px 4vw;grid-template-columns:1fr 1.03fr;gap:24px;min-height:555px}.hero h1{font-size:49px}.hero-description{font-size:14px}.hero .actions .btn{min-height:46px;padding:11px 20px;font-size:14px}.hero-miniapp{min-height:335px;border-width:7px;grid-template-columns:70px 1fr}.mini-contact small{max-width:70px}.mini-mobile{width:135px;right:-17px;bottom:1px}.mini-mobile .fake-chat-body{min-height:158px}.feature-ribbon{padding:23px 4vw;gap:14px}.feature-compact{gap:8px}.feature-compact p{display:none}.feature-compact .icon-tile{width:35px;height:35px}.feature-compact .icon-tile .icon{width:20px;height:20px}.auth-section{gap:5vw;padding:45px 5vw}.auth-card{padding:30px}.billing-top{grid-template-columns:1fr 1.2fr}.billing-top>.card:last-child{grid-column:1/-1}.billing-top>.card:last-child .mini-stat{display:inline-flex;margin-right:25px;min-width:210px}.plan-cards{gap:12px}.plan-card h3{font-size:19px}.knowledge-tools{gap:10px}.knowledge-tool{padding:12px;gap:10px}.knowledge-tool .icon-tile{width:34px;height:34px}.knowledge-tool small{display:none}}
@media(max-width:1000px){:root{--side:178px}.sidebar>.brand{padding:0 15px;font-size:23px}.sidebar nav{padding:10px 8px}.nav-item{padding:0 12px;gap:10px}.sidebar-plan{padding:10px}.topbar{padding:0 17px;gap:15px}.global-search{width:235px}.topbar-right{gap:12px}.user-button strong{display:none}.page-content{padding:20px 17px}.page-heading{gap:13px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.page-heading .btn{font-size:12px;padding:8px 12px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-bottom.grid-3>.card:last-child{grid-column:1/-1}.greeting h1{font-size:26px}.greeting blockquote{font-size:10px;margin-right:0}.metric strong{font-size:23px}.metric .icon-tile{width:36px;height:36px}.metric .icon-tile .icon{width:21px;height:21px}.metric .metric-top span:not(.icon-tile){font-size:11px}.overview-top .grid-4{gap:12px}.overview-charts{grid-template-columns:1.4fr 1fr}.site-create-grid,.settings-grid{grid-template-columns:1fr}.setting-preview{min-height:460px}.card{padding:19px}.profile-grid{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:165px minmax(0,1fr)}.knowledge-tools{grid-template-columns:1fr}.knowledge-tool small{display:block}.inbox-grid{grid-template-columns:235px minmax(0,1fr)}.inbox-tabsbar .actions .btn{display:none}.conversation-item strong{max-width:120px}.conversation-item .avatar{width:33px;height:33px;font-size:13px}.chat-header .actions>.btn:not(.icon-only){font-size:11px;padding:6px}.chat-header .actions .btn .icon{display:none}.message-feed{padding:17px 13px}.chat-msg-bubble{font-size:12px;padding:10px 12px}.composer-toolbar small{display:none}.plan-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{padding:23px 12px}.plan-card li{font-size:11px}.plan-price{font-size:25px}.plan-price small{font-size:10px}.plan-card>small{font-size:11px}.public-header nav{display:none}.hero h1{font-size:42px;line-height:1.35}.hero-art{padding-right:10px}.mini-mobile{display:none}.hero-benefits{font-size:11px;gap:8px 15px}.hero-miniapp{grid-template-columns:65px 1fr;min-height:315px}.mini-split{grid-template-columns:39% 61%}.mini-contact .avatar{display:none}.mini-nav{font-size:9px}.mini-chat{padding:15px 10px}.mini-chat .bubble{font-size:9px}.hero-description{font-size:13px}.hero .actions .btn{font-size:12px;gap:10px;padding:10px 17px}.feature-ribbon{grid-template-columns:repeat(3,1fr);gap:25px}.feature-compact p{display:block;font-size:10px}.feature-compact h3{font-size:13px}.feature-compact .icon-tile{width:43px;height:43px}.value-strip strong{font-size:20px}.public-section-head h2{font-size:24px}.auth-copy h1{font-size:37px}.auth-copy .hero-art{display:none}.auth-section{min-height:600px}.auth-copy>p{font-size:13px}.auth-card{padding:27px}.auth-card h2{font-size:25px}.public-footer{grid-template-columns:1.5fr repeat(3,1fr);gap:20px}.brand{font-size:25px}.billing-top{grid-template-columns:1fr}.billing-top>.card:last-child{grid-column:auto}.billing-top .mini-stat{display:flex!important;width:100%}.preview-desktop{padding:24px;gap:20px}.preview-copy h2{font-size:25px}.preview-desktop iframe{width:330px;height:575px}.knowledge-tool strong{font-size:13px}.knowledge-tool .icon-tile{width:38px;height:38px}}
@media(max-width:760px){:root{--side:215px}body{font-size:13px}.sidebar{transform:translateX(-100%);transition:transform .22s}.shell-main{margin-left:0}.mobile-nav-open .sidebar{transform:none}.mobile-nav-open .nav-overlay{display:block;position:fixed;inset:0;background:#0b244254;backdrop-filter:blur(2px);z-index:35}.topbar{height:61px;padding:0 15px;gap:14px}.topbar>.btn{width:26px;min-width:26px}.global-search{flex:1;width:auto;max-width:320px;height:35px;padding:6px 10px;gap:7px}.global-search input{font-size:11px}.global-search .icon{width:17px;height:17px}.topbar-right{gap:12px}.topbar-right .demo-badge,.top-icon{display:none}.user-button .icon{display:none}.user-button .avatar{width:31px;height:31px}.topbar-right>.btn{width:22px;min-width:22px}.page-content{padding:19px 15px 25px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;max-width:260px}.page-heading .actions{gap:6px}.page-heading .btn{min-height:35px;font-size:11px;padding:8px 10px;gap:5px}.page-heading .btn .icon{width:15px;height:15px}.grid{gap:13px}.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.card{padding:18px;border-radius:12px}.card-heading{margin-bottom:16px}.card-heading h2{font-size:16px}.greeting{padding:21px 19px;margin-bottom:14px;border-radius:12px}.greeting h1{font-size:25px}.greeting p{font-size:12px}.greeting blockquote{display:none}.greeting:after{right:-80px}.metric{padding:17px}.metric-top{gap:13px}.metric .icon-tile{width:39px;height:39px;border-radius:11px}.metric strong{font-size:25px}.metric-note{font-size:10px;margin-top:12px}.metric .metric-top span:not(.icon-tile){font-size:12px}.overview-top>.overview-plan{margin-top:13px}.overview-plan>.progress{display:block;width:100%;margin:10px 0}.overview-plan>.btn{float:none;width:100%!important}.overview-plan .usage-label{display:flex}.overview-plan .plan-title{display:flex;margin:14px 0}.overview-charts{grid-template-columns:1fr;gap:13px;margin-top:13px}.overview-charts>.card:last-child{grid-column:auto}.overview-charts .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-item{font-size:11px;padding:16px 5px}.donut-row{gap:28px;min-height:170px}.donut{width:135px;height:135px;padding:23px}.donut-legend{font-size:12px}.donut-legend>div{margin:11px 0}.overview-bottom.grid-3>.card:last-child{grid-column:auto}.space-top{margin-top:13px}.stack{gap:13px}.feature-card{padding:23px}.tabs{gap:5px;margin-bottom:17px}.tab{font-size:12px;padding:11px}.filters{gap:9px}.filters>select{font-size:11px;min-height:36px;padding:7px 10px}.search-field{min-width:100%;max-width:none;padding:7px 11px;min-height:37px}.search-field input{font-size:12px}.filter-spacer{margin-left:0}.table-card{padding:16px 13px}.table-wrap{margin:0 -1px}td,th{padding:13px 12px}td{font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.field{margin-bottom:17px}.field>span{font-size:12px}.field input,.field select,.field textarea{font-size:14px}.form-footer{padding-top:16px}.stepper{padding:7px 0 20px;gap:7px}.step{gap:8px}.step>i{width:30px;height:30px;font-size:15px}.step>div strong{font-size:12px}.step>div small{display:none}.step-line{max-width:45px}.site-create-grid,.settings-grid{gap:13px}.setting-preview{padding:17px;min-height:405px}.mock-website{padding:20px;min-height:330px}.mock-website>h3{font-size:23px}.code-block{padding:16px;font-size:11px}.code-number{font-size:14px;gap:9px}.code-number i{width:30px;height:30px}.iframe-preview{height:530px}.preview-desktop{padding:12px;justify-content:center;min-height:600px}.preview-desktop .preview-copy{display:none}.preview-desktop iframe{width:100%;max-width:375px;height:565px}.page-toolbar{align-items:flex-start;gap:13px;flex-wrap:wrap}.page-toolbar select{width:100%;max-width:none;font-size:12px}.page-toolbar .site-label strong{font-size:17px}.knowledge-grid{grid-template-columns:1fr}.knowledge-grid>.card{padding:14px}.category-list{flex-direction:row;overflow:auto;gap:7px;white-space:nowrap}.category-item{padding:8px 11px;gap:16px;border:1px solid #e4edf9;flex-shrink:0;font-size:11px}.category-item .icon{display:none}.knowledge-grid>.card>h2{font-size:14px;margin-bottom:12px}.knowledge-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.knowledge-tool{padding:15px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.knowledge-tool small{display:none}.knowledge-tool strong{font-size:11px}.knowledge-tool .icon-tile{width:33px;height:33px}.knowledge-tool .icon{width:21px;height:21px}.department-card{padding:14px}.profile-form{grid-template-columns:1fr}.profile-avatar{padding:0 0 16px}.profile-avatar .avatar{width:80px;height:80px}.profile-security-row{padding:13px;gap:11px}.profile-security-row .btn{font-size:11px;min-height:33px;padding:6px 9px}.profile-security-row p{font-size:10px}.profile-security-row h3{font-size:12px}.profile-security-row .icon-tile{width:33px;height:33px}.profile-security-row .icon{width:19px;height:19px}.plan-cards{grid-template-columns:1fr;gap:17px}.plan-card{padding:24px}.plan-card h3{font-size:23px}.plan-price{font-size:35px;margin:14px 0 16px}.plan-card ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.plan-card li{font-size:11px}.plan-card>small{min-height:0}.billing-top .card{padding:20px}.billing-plan-title h3{font-size:25px}.help-hero{padding:25px 18px}.help-hero h2{font-size:23px}.help-hero p{font-size:12px}.help-search{gap:4px}.help-search>input{font-size:12px;padding:6px 9px}.help-search .btn{min-width:64px;padding:8px 12px;font-size:12px}.help-category{padding:17px}.help-category strong{font-size:14px}.dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:91dvh;border-radius:13px}.dialog-head{padding:17px 18px}.dialog-head h2{font-size:18px}.dialog-body{padding:18px}.dialog .grid-3{grid-template-columns:1fr}.toast{padding:12px 15px;font-size:12px}.public-header{height:69px;padding:0 20px;gap:15px}.public-header .brand{font-size:24px;gap:8px}.public-header .brand img{width:34px;height:34px}.public-header-right{gap:7px}.public-header .btn{min-height:33px;font-size:11px;padding:7px 11px}.hero{display:flex;flex-direction:column;padding:40px 23px 30px;gap:35px;align-items:stretch;min-height:auto}.hero h1{font-size:45px;line-height:1.25;font-weight:900;letter-spacing:-1.5px}.hero-description{font-size:14px;max-width:500px;line-height:1.9}.hero .eyebrow{font-size:11px;margin-bottom:21px;padding:5px 11px}.hero-benefits{font-size:11px;gap:10px 15px;margin:21px 0 27px}.hero .actions{gap:12px}.hero .actions .btn{padding:11px 20px;font-size:13px;min-height:44px}.hero-art{max-width:560px;width:100%;align-self:center;padding:0 25px 15px 0}.hero-miniapp{min-height:327px;grid-template-columns:65px 1fr;border-width:7px;border-radius:14px;transform:none}.mini-mobile{display:block;width:125px;right:-3px;bottom:-3px}.mini-mobile .fake-chat-body{min-height:145px}.mini-mobile .widget-card header strong{font-size:9px}.mini-mobile .bubble{font-size:7px}.mini-split{grid-template-columns:39% 61%}.mini-contact .avatar{display:flex;width:22px;height:22px;font-size:8px}.mini-contact small{max-width:78px;font-size:7px}.mini-contact strong{font-size:9px}.mini-contact{padding:11px 0;gap:4px}.mini-bar{padding:11px 10px}.mini-contacts{padding:5px}.mini-chat{padding:15px 9px}.mini-chat .bubble{font-size:8px;padding:9px}.mini-chat .bubble.out{margin-left:15px}.mini-compose{font-size:8px;padding:12px 8px}.feature-ribbon{padding:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.feature-compact{gap:10px}.feature-compact h3{font-size:12px}.feature-compact p{font-size:8px}.feature-compact .icon-tile{width:38px;height:38px}.value-strip{grid-template-columns:repeat(2,1fr);margin:10px 20px 25px;padding:24px 15px;gap:25px 10px}.value-strip strong{font-size:20px}.value-strip span{font-size:10px}.public-section{padding:25px 20px 35px}.public-section-head{align-items:flex-start;gap:10px;margin-bottom:20px}.public-section-head h2{font-size:23px}.public-section-head p{font-size:11px;max-width:260px}.public-section-head .btn{font-size:10px;padding:7px 10px;min-height:33px}.public-cta{padding:25px 21px;align-items:flex-start;flex-direction:column;gap:19px}.public-cta h2{font-size:22px}.public-cta p{font-size:12px}.public-footer{padding:30px 22px 18px;grid-template-columns:repeat(3,1fr);gap:25px 20px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:24px}.public-footer h4{font-size:12px}.public-footer>div>a:not(.brand){font-size:11px}.footer-bottom{font-size:10px;gap:18px}.auth-section{display:flex;flex-direction:column;padding:33px 20px 35px;gap:24px;min-height:600px}.auth-copy{display:none}.auth-card{justify-self:initial;padding:28px 24px;max-width:460px}.auth-card h2{font-size:29px}.auth-card .field input{font-size:14px;min-height:45px}.auth-card>p{font-size:12px}.auth-bottom{font-size:12px}.public-help{padding:0 20px;margin:26px auto}.page-banner{padding:35px 20px 20px}.page-banner h1{font-size:31px}.page-banner p{font-size:12px}.public-pricing{padding:0}.legal-panel{margin:25px 20px;padding:24px}.legal-panel p{font-size:12px}.inbox-page{padding:12px}.inbox-tabsbar{padding:0 8px;margin-bottom:10px;border-radius:9px}.inbox-tabsbar .tab{font-size:11px;padding:10px 8px}.inbox-tabsbar .tabs{gap:2px}.inbox-tabsbar .connection-dot{font-size:0;gap:0}.inbox-tabsbar .status-live{padding:6px;gap:5px;font-size:9px}.inbox-grid{display:flex;gap:0;height:calc(100dvh - 133px);min-height:430px}.conversation-pane{flex:1;width:100%}.chat-pane{display:none;flex:1;width:100%}.inbox-grid.show-chat .conversation-pane{display:none}.inbox-grid.show-chat .chat-pane{display:flex}.conversation-item{padding:15px 10px}.conversation-item strong{font-size:14px;max-width:220px}.conversation-item .snippet{font-size:12px;max-width:250px}.conversation-item .avatar{width:41px;height:41px;font-size:16px}.conversation-meta{font-size:10px}.chat-header{padding:12px;min-height:73px;gap:8px}.chat-header .info strong{font-size:13px}.chat-header .info small{font-size:9px}.chat-header .actions{gap:4px}.chat-header .actions>.btn.small{font-size:10px;padding:5px 7px;min-height:29px}.mobile-chat-back{display:inline-flex;border:0;background:#f2f7fd;color:#7596bb;padding:4px;border-radius:5px}.mobile-chat-back>.icon{width:17px;height:17px}.chat-header .avatar{display:none}.chat-header .btn.icon-only{width:27px;min-width:27px;min-height:28px}.message-feed{padding:18px 13px 5px}.chat-msg{max-width:97%;gap:7px}.chat-msg .avatar{width:27px;height:27px;min-width:27px;font-size:11px}.chat-msg-bubble{font-size:12px;padding:10px 12px}.composer{padding:10px}.composer-box{padding:9px}.composer-box textarea{font-size:14px;height:43px}.reply-bar{gap:6px}.reply-chip{font-size:9px;padding:4px 7px}.composer-toolbar{gap:7px}.composer-toolbar .tools{gap:11px}.composer-toolbar .tool .icon{width:18px;height:18px}.composer-toolbar .send-circle{width:34px;height:34px}.conversation-profile.open{right:10px;left:10px;width:auto;top:130px;bottom:20px}.inbox-tabsbar .actions{gap:5px}.phone-frame{max-width:100%;width:350px}.phone-frame iframe{height:615px}.mobile-only{display:inline-flex}.receipt{padding:18px}.receipt-grid{gap:13px}.receipt h3{font-size:19px}.file-message{min-width:170px}.file-message strong{max-width:170px}.page-toolbar .site-label{width:100%}}
@media(max-width:390px){.hero h1{font-size:40px}.hero{padding:33px 20px 25px}.public-header{padding:0 15px}.public-header .brand{font-size:23px}.public-header-right .btn{font-size:10px;padding:7px 9px}.topbar{gap:10px;padding:0 12px}.global-search{max-width:198px}.topbar-right{gap:8px}.hero-benefits{gap:9px 12px;font-size:10px}.mini-mobile{width:116px}.hero-miniapp{min-height:315px}.mini-contact .avatar{display:none}.quick-grid{gap:7px}.metric{padding:15px}.metric strong{font-size:24px}.metric-top{gap:10px}.page-heading .btn{font-size:10px;padding:7px 9px}.knowledge-tool strong{font-size:10px}.chat-header .actions .btn.small{font-size:9px;padding:5px}.page-content{padding:17px 12px}.plan-card li{font-size:10px}.public-footer{gap:22px 10px}.feature-compact p{font-size:8px}}
@media print{body{background:#fff}.sidebar,.topbar,.public-header,.public-footer,.btn,.form-footer,#toasts{display:none!important}.shell-main{margin:0}.page-content{padding:0}.dialog{position:static;max-width:none;max-height:none;width:100%;box-shadow:none}.dialog-head{border:0}.dialog::backdrop{background:#fff}.receipt{border:0}}
/* Shared components used by the implemented pages; keep the same tokens across all 20 routes. */
.mt{margin-top:20px}.block{display:block}.full{width:100%}.center{text-align:center}.red-text{color:#dc566d}.green-text{color:#11aa80}.break-word{overflow-wrap:anywhere;max-width:340px}.compact-input{min-height:40px;border:1px solid #dce8f8;border-radius:8px;padding:8px 12px;max-width:170px}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-6 .metric{padding:18px 14px}.grid-6 .metric-top{gap:10px}.grid-6 .metric strong{font-size:25px}.grid-6 .icon-tile{width:42px;height:42px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2,.section-head h3{margin:0 0 8px}.section-head p{margin:0;color:#7d92ad}.card-heading>a{font-size:12px;color:var(--blue);display:flex;align-items:center;gap:3px;white-space:nowrap}.card>h2{margin-bottom:19px}.card>h3{margin:18px 0 10px}button.recent-row,button.faq-row{background:transparent;text-align:left;border:0;color:var(--text)}.recent-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf3fc;min-width:0;color:var(--text)}.recent-row:last-child{border-bottom:0}.recent-row>div{min-width:0;flex:1}.recent-row strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.recent-row small{font-size:11px;color:#879db8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.recent-row>.icon{color:var(--blue);width:18px;flex-shrink:0}.recent-row .icon-tile{width:39px;height:39px;border-radius:11px}.recent-row .icon-tile .icon{width:22px}.recent-row .badge{font-size:10px}.recent-row:hover{color:var(--blue)}.greeting-note{color:#7b9fc8;font-size:13px;line-height:1.8;z-index:1}.overview-plan>h3{display:flex;align-items:center;gap:10px;margin:6px 0}.overview-plan>h3 .icon{color:#f6b447;width:23px;height:23px}.overview-plan>.btn{width:100%;min-height:34px;margin-top:5px}.overview-plan .muted{font-size:11px}.wave{font-size:25px}.kv-list>div,.kv-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 0;min-width:0}.kv-list>div>span{color:#8399b6;flex-shrink:0;max-width:40%}.kv-list>div>strong{font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0;line-height:1.6}.kv-row{padding:13px 3px;border-bottom:1px solid #edf2fa}.muted{color:#7e93af}.tabs>a{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 15px;color:#6b82a2;font-size:13px;border-bottom:3px solid transparent;white-space:nowrap}.tabs>a.active{color:var(--blue);border-color:var(--blue);font-weight:700;background:linear-gradient(#ffffff00,#ecf5ff77)}.tabs>a .icon{width:17px;height:17px}.tabs.small>a{padding:8px 12px;font-size:12px}.tab-count{display:inline-flex;background:#edf4ff;color:var(--blue);border-radius:20px;padding:1px 7px;font-size:11px}.setting-tabs{background:white;border-radius:12px;border:1px solid #e6effb;padding:0 10px;margin:0}.page-toolbar{padding:15px 18px;background:#ffffffb0;border-radius:12px;margin-bottom:18px;border:1px solid #e5effd;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-toolbar .tabs{margin:0}.site-label{display:flex;gap:12px;align-items:center;min-width:0}.site-label strong{display:block;font-size:15px}.site-label small{display:block;color:#8097b5;font-size:11px}.site-mini{display:flex;align-items:center;gap:12px;min-width:0}.site-mini strong{display:block;font-size:14px}.site-mini small{display:block;font-size:11px;color:#869bb5;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-mini .icon-tile{width:45px;height:45px}.row-person>div{min-width:0}.row-person strong,.row-person b{display:block;white-space:nowrap}.row-person small{display:block;color:#879dbb;font-size:11px}.row-actions{display:flex;gap:7px;align-items:center}.tags-cell{min-width:100px;max-width:190px;white-space:normal}.tags-cell .badge{margin:2px}.team-grid{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr)}.team-grid .role-info p{font-size:12px;color:#7b91af;margin:6px 0;line-height:1.6}.department-card{background:#f7fbff;border:1px solid #e5eefb;text-align:left;width:100%;min-width:0;border-radius:10px;padding:15px;display:flex;gap:11px;align-items:center}.department-card b{font-size:13px}.department-card small{display:block;font-size:11px;color:#8098b6;margin-top:6px}.department-card .icon-tile{width:37px;height:37px}.department-card .icon{width:21px}.billing-top{display:grid;gap:18px}.billing-lower{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr)}.billing-plan-title{display:flex;align-items:center;gap:12px;margin:24px 0}.billing-plan-title h3{font-size:27px;margin:0}.usage-row{display:flex;gap:16px;align-items:center;margin-top:20px}.usage-row>div{flex:1;min-width:0}.usage-row .icon-tile{width:43px;height:43px}.plan-card ul{list-style:none;padding:0;margin:22px 0}.plan-card li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#7185a5;margin:12px 0}.plan-card li .icon{width:16px;height:16px;color:#569ef9;flex-shrink:0}.plan-card .btn{width:100%;margin-top:auto}.plan-card.featured{border-color:var(--blue);box-shadow:0 4px 20px #1677ff0d;background:linear-gradient(#f1f7ff,#fff)}.plan-card{position:relative;display:flex;flex-direction:column}.plan-card .current-ribbon{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--blue);border-radius:5px;color:white;font-size:10px;padding:3px 12px;white-space:nowrap}.plan-price{white-space:nowrap;font-size:30px}.plan-price small{font-size:12px;color:#7990b0;font-weight:400;margin-left:5px}.addon-card{display:flex;align-items:center;gap:12px;background:#f9fcff;border:1px solid #e2ecfa;border-radius:10px;padding:16px;margin-top:13px}.addon-card>div{flex:1}.addon-card strong{display:block;font-size:13px}.addon-card small{display:block;font-size:11px;color:#7990ad}.addon-card>b{color:var(--blue);font-size:16px}.order-summary{display:flex;align-items:center;gap:15px;margin-bottom:22px;padding:19px;background:#f5f9ff;border-radius:11px}.order-summary>div{flex:1}.order-summary strong{font-size:24px}.order-summary h3{margin:0 0 6px}.order-summary p{margin:0;font-size:12px;color:#7288a7}.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.receipt-grid>div{background:#f7fbff;border-radius:9px;padding:15px}.receipt-grid span{display:block;font-size:12px;color:#8197b4}.receipt-grid strong{display:block;font-size:17px;font-weight:650;margin-top:7px}.analytics-charts{grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr)}.analytics-charts .line-chart{min-height:250px}.analytics-charts .donut-row{min-height:260px}.analytics-charts .donut{width:165px;height:165px;padding:30px}.comment{padding:16px;background:#f7faff;border:1px solid #e7effc;border-radius:10px;margin:12px 0}.comment>div{display:flex;justify-content:space-between;gap:14px}.comment small{font-size:11px}.comment p{font-size:13px;margin:10px 0 0}.doc-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.ticket-comments{max-height:330px;overflow:auto}.role-info{display:flex;gap:13px;margin:20px 0}.role-info .icon-tile{width:38px;height:38px}.role-info .icon{width:21px}.knowledge-tool{cursor:pointer;background:#fff;border:1px solid #e2ecfa;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:20px 13px;gap:10px;color:var(--text)}.knowledge-tool b{font-size:14px}.knowledge-tool small{color:#7e95b4;font-size:11px}.knowledge-tool .link-text{border:1px solid #d4e5fd;color:var(--blue);border-radius:5px;padding:6px 14px;margin-top:6px;font-size:11px;display:flex;align-items:center;gap:7px}.knowledge-tool .link-text .icon{width:14px}.knowledge-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.category-list{align-self:start}.category-item b{margin-left:auto;font-size:11px}.code-block{position:relative;background:#eff6ff;border:1px solid #dceafd;color:#23497c;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:20px;border-radius:10px}.code-block pre{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;width:100%;color:#264d86}.code-block>.btn{align-self:flex-end}.stepper{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0 30px}.step{display:flex;align-items:center;gap:12px;color:#8095b0}.step>b{width:41px;height:41px;border-radius:50%;background:#e4efff;display:grid;place-items:center;font-size:20px;color:#7595c0}.step.active{color:var(--blue);font-weight:650}.step.active>b{background:var(--blue);color:white}.step-line{width:110px;height:2px;background:#d7e7fa}.step-list>div{display:flex;gap:14px;position:relative;margin:17px 0}.step-list>div>b{width:32px;height:32px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;flex-shrink:0}.step-list strong{display:block;font-size:14px}.step-list small{display:block;font-size:12px;color:#7990b0;margin-top:5px}.mock-website{display:flex;align-items:center;gap:22px;padding:27px 22px;min-height:415px}.mock-website>div:first-child:not(.widget-card){flex:1;min-width:0}.mock-website h2{font-size:28px;line-height:1.4;margin:24px 0 16px}.mock-website em,.preview-copy em{font-style:normal;color:var(--blue)}.mock-website p{font-size:12px;color:#7992b2}.mock-website .eyebrow{font-size:10px;padding:4px 8px}.mock-website .widget-card{width:275px;flex-shrink:0}.widget-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;color:white;background:var(--widget-blue,var(--blue))}.widget-card-head>span{display:flex;align-items:center;gap:7px}.widget-card-head .icon{width:19px;height:19px}.fake-chat-body{padding:15px}.fake-chat-body>.bubble{margin:18px 0;font-size:12px}.fake-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 32px}.fake-chips>span{padding:5px 9px;border:1px solid #bcd8fc;border-radius:5px;font-size:10px;color:var(--widget-blue,var(--blue))}.fake-input{display:flex;align-items:center;justify-content:space-between;background:#f6f9ff;border:1px solid #e7effa;border-radius:8px;padding:12px;color:#a0b2c9;font-size:11px}.fake-input>.icon{color:var(--blue);width:21px}.widget-foot{text-align:center;font-size:9px;color:#8197b5;padding:4px 10px 10px}.mock-skeleton{height:14px;border-radius:5px;width:95%;background:#dceafb;margin:16px 0}.mock-skeleton.short{width:65%}.setting-preview{align-self:start;position:sticky;top:94px}.preview-desktop{display:block;padding:0;min-height:640px}.preview-desktop .mock-window{width:100%;height:100%}.preview-desktop-body{display:flex;align-items:center;gap:40px;padding:26px 36px;min-height:675px}.preview-desktop-body>.iframe-preview{width:385px;height:650px;flex-shrink:0;min-height:0;border:1px solid #dce9fa;border-radius:15px;box-shadow:0 10px 35px #306cb01f;background:white}.preview-copy h2{font-size:38px;line-height:1.45;margin:25px 0}.preview-copy p{font-size:14px;line-height:1.9;color:#7790b1}.preview-mobile-grid{display:grid;grid-template-columns:1fr 375px 1fr;gap:38px;align-items:center;padding:18px 25px}.phone-frame .iframe-preview{display:block;width:100%;height:680px;border:0;border-radius:27px}.phone-frame{padding-top:0}.hero-mobile{position:absolute;right:-13px;bottom:-10px;width:176px;height:325px;z-index:2;background:white;border:6px solid #13263c;border-radius:28px;padding:10px 8px;box-shadow:0 18px 35px #466d8e33;overflow:hidden}.mobile-notch{height:8px;width:70px;background:#13263c;border-radius:20px;margin:-4px auto 17px}.mobile-brand{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:750}.mobile-brand>.icon{color:var(--blue);width:20px}.hero-mobile .bubble{font-size:8px;padding:9px;margin:14px 0}.hero-mobile .fake-chips{margin:11px 0 33px;gap:5px}.hero-mobile .fake-chips>span{font-size:8px;padding:4px 6px}.hero-mobile .fake-input{font-size:8px;padding:9px 6px}.hero-mobile small{font-size:8px}.mini-contact>div{min-width:0}.mini-contact b{font-size:10px;display:block}.mini-contact span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:9px;color:#7f96b5}.mini-contact.selected{background:#eef5ff;border-radius:7px}.mini-nav.selected{background:#1359b3;color:white;border-radius:6px}.mini-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;font-size:10px}.mini-chat-head .status-live{font-size:8px}.mini-chat .bubble.own{background:var(--blue);color:white;margin-left:28px}.mini-compose{display:flex;align-items:center;justify-content:space-between}.mini-compose .icon{color:var(--blue);width:15px}.feature-compact strong{display:block;font-size:14px}.feature-compact small{font-size:10px;color:#7990ae;line-height:1.5;display:block;margin-top:5px}.feature-card>h3{margin:15px 0 8px}.auth-copy .feature-compact b{font-size:14px}.auth-copy>.grid{margin:30px 0}.auth-options>span{line-height:1.8}.auth-options input{accent-color:var(--blue)}.auth-security{color:#6d91b6;font-size:12px;display:flex;align-items:center;gap:9px}.auth-security>.icon{width:17px}.auth-card .field{margin-bottom:20px}.help-hero h2{font-size:28px;margin-bottom:10px}.help-search>label{display:flex;align-items:center;gap:10px;min-width:0;flex:1;background:white;border-radius:8px;padding:10px 16px;color:#81a0c8}.help-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:13px}.help-category{display:flex;gap:16px;align-items:center}.help-category h3{margin:0 0 8px;font-size:17px}.help-category span:not(.icon-tile){color:var(--blue);font-size:12px;display:flex;align-items:center;gap:7px}.help-category .icon{width:22px}.help-category span:not(.icon-tile) .icon{width:13px}.article{padding:10px 16px}.article h1{font-size:27px;margin:22px 0}.article-body{line-height:1.9;color:#536e93;max-width:900px}.faq-row>span{flex:1}.faq-row>.icon{width:18px;color:#729acc}.workspace-option>div{flex:1;text-align:left}.workspace-option b{display:block;font-size:14px}.workspace-option small{display:block;font-size:12px;color:#8197b5}.profile-security-row{display:flex;gap:15px;align-items:center;margin:22px 0}.profile-security-row>div{flex:1;min-width:0}.profile-security-row p{font-size:12px;color:#7b92af;margin:4px 0}.profile-avatar .avatar.huge{width:100px;height:100px;font-size:40px}.profile-avatar p{font-size:10px}.input-file{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px;border:2px dashed #cfe1f8;border-radius:12px;background:#f9fcff;margin-bottom:20px;gap:10px;cursor:pointer}.input-file>input{max-width:100%;font-size:12px}.input-file>p{font-size:11px;color:#7e95b5;margin:0}.input-file>b{font-size:14px}.code-key{display:block;word-break:break-word;padding:14px;background:#f4f8ff;border-radius:8px;font-size:12px;line-height:1.8}.copy-box code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}.conversation-meta>strong{font-size:13px}.conversation-meta>small{font-size:10px}.conversation-item .content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.conversation-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}.conversation-item .snippet{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;color:#879bb7}.conversation-meta .badge{font-size:9px;padding:2px 5px}.list-footer{padding:0 12px;border-top:1px solid #e7effb}.list-footer .pagination{padding:10px 0;font-size:10px;gap:5px;flex-wrap:wrap}.list-footer .pagination .btn{min-height:26px;min-width:26px;width:26px;padding:5px}.conversation-search>label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:#8097b8}.chat-header>.info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.chat-header .info>div{min-width:0}.chat-header>.btn:first-child{display:none}.chat-header .info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header .info small .badge{font-size:9px;padding:1px 4px}.chat-header .actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.chat-msg-main{min-width:0}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg-time{display:block}.chat-msg.mine .chat-msg-time{text-align:right}.file-message{border:1px solid #d5e6fd;cursor:pointer;color:#355379;text-align:left;background:#f8fbff;white-space:normal}.file-message>span{min-width:0;flex:1}.file-message strong{display:block;overflow-wrap:anywhere;white-space:normal}.file-message small{display:block;color:#8b9fba;font-size:10px}.composer-box{border:1px solid #dfeaf9;border-radius:10px}.composer-toolbar .tool{background:none;border:0;color:#7790b0;cursor:pointer;display:inline-flex;align-items:center}.internal-label{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;color:#8198b6}.internal-label input{accent-color:#c99937}.send-circle{border:0;background:var(--blue);color:white;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.inbox-tabsbar .tabs{margin:0;border:0;gap:5px}.inbox-tabsbar .tabs>a{font-size:13px;padding:15px 12px}.inbox-tabsbar .status-live{font-size:11px}.inbox-tabsbar .status-live .icon{width:15px}.connection-dot{font-size:11px}.nav-unread:not(:empty){display:inline-flex;background:#ff7181;border-radius:9px;color:white;font-size:10px;min-width:16px;padding:1px 4px;margin-left:auto}.nav-unread:empty{display:none}.visit-row>div{min-width:0;flex:1}.visit-row strong{font-size:11px;font-weight:550;display:block;overflow-wrap:anywhere}.visit-row small{display:block;font-size:10px;color:#8ba0bc}.customer-profile-top>div{min-width:0}.customer-profile-top h2,.customer-profile-top h3{margin:0 0 7px}.customer-profile-top p,.customer-profile-top small{font-size:11px;overflow-wrap:anywhere}.customer-profile-top{display:flex;align-items:center;gap:14px}.customer-profile-top .avatar.large{width:57px;height:57px;font-size:22px}.conversation-profile .kv-list strong{font-size:11px}.profile-tags{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0}.profile-tags .badge{font-size:10px}.profile-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);display:grid;gap:20px}.search-result>span{flex:1;min-width:0}.search-result b{display:block}.search-result small{display:block;font-size:11px;color:#8299b7}.search-result{background:none;border:0;border-bottom:1px solid #edf3fb;text-align:left;width:100%}.grid .card>.notice:first-child{margin-top:0}button.btn:disabled{cursor:not-allowed}#knowledge-result .doc-content{font-size:12px;max-height:300px;overflow:auto}.hero-copy>h1 span,.auth-copy h1 span{color:var(--blue)}.public-cta{display:block;text-align:center}.public-cta .btn{margin-top:16px}.hero-actions{margin:26px 0 16px}.hero .hero-benefits{margin:22px 0 0}.page-heading .actions select{border:1px solid #d7e5f7;padding:9px 12px;background:white;border-radius:8px}.table-wrap table{width:100%}hr{border:0;border-top:1px solid #e5eef9;margin:22px 0}.list-footer .page-num{min-height:26px;min-width:26px;font-size:11px}
@media(min-width:1500px){.hero-mobile{width:190px;height:349px}.hero-miniapp{min-height:420px}.overview-plan{min-height:186px}}
@media(max-width:1380px){.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-top{grid-template-columns:minmax(0,1fr) 240px}.overview-top>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-plan{display:flex;flex-direction:column;justify-content:center}.overview-charts{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}.overview-charts>.card:last-child{grid-column:1/-1}.overview-charts .quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mock-website{display:block;min-height:460px;padding:25px}.mock-website>div:first-child:not(.widget-card){max-width:57%}.mock-website .widget-card{position:absolute;right:15px;bottom:20px;width:240px}.mock-website h2{font-size:25px}.team-grid{grid-template-columns:minmax(0,1.7fr) 280px}.team-grid .grid-2{grid-template-columns:1fr}.billing-lower{grid-template-columns:minmax(0,1fr)}.billing-lower>aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.preview-mobile-grid{grid-template-columns:minmax(0,1fr) 355px}.preview-mobile-grid>.preview-copy:last-child{display:none}.hero-art{padding-right:42px}.mini-contact b{font-size:9px}.mini-contact span{font-size:8px}.chat-header .info .avatar{width:31px;height:31px}.chat-header .actions .btn{font-size:10px;padding:5px 7px;min-height:29px}}
@media(max-width:1100px){.team-grid,.analytics-charts{grid-template-columns:1fr}.team-grid>aside{display:grid;grid-template-columns:1fr 1fr}.team-grid .grid-2{grid-template-columns:1fr}.billing-top{grid-template-columns:1fr 1fr}.billing-top>.card:last-child{grid-column:1/-1}.billing-top>.card:last-child .kv-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.billing-top>.card:last-child .kv-list>div{display:block}.billing-top>.card:last-child .kv-list strong{display:block;text-align:left;margin-top:8px}.profile-grid{grid-template-columns:1fr}.profile-grid>aside{display:grid;grid-template-columns:1fr 1fr}.profile-grid>aside>.card:last-child{grid-column:1/-1}.preview-desktop-body{gap:20px;padding:22px}.preview-copy h2{font-size:29px}.preview-desktop-body>.iframe-preview{width:345px}.hero-mobile{width:151px;height:300px;right:-5px}.hero-mobile .fake-chips{margin-bottom:25px}}
@media(max-width:800px){.overview-top{grid-template-columns:1fr}.overview-top>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-top>.overview-plan{display:block}.overview-charts{grid-template-columns:1fr}.overview-charts>.card:last-child{grid-column:auto}.overview-charts .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.greeting-note{display:none}.section-head{align-items:flex-start;flex-wrap:wrap}.preview-mobile-grid{display:block;padding:12px}.preview-mobile-grid .preview-copy{display:none}.preview-desktop-body>.preview-copy{display:none}.preview-desktop-body{justify-content:center;padding:15px}.preview-desktop-body>.iframe-preview{max-width:100%;height:620px}.site-create-grid,.settings-grid{grid-template-columns:1fr}.setting-preview{position:static}.billing-top,.billing-lower>aside{grid-template-columns:1fr}.billing-top>.card:last-child{grid-column:auto}.plan-cards{grid-template-columns:1fr}.team-grid>aside,.profile-grid>aside{display:flex;flex-direction:column}.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.page-toolbar{flex-wrap:wrap;padding:12px;gap:10px}.page-toolbar .tabs{gap:3px;width:100%}.page-toolbar .tabs>a{padding:10px 11px;font-size:11px}.tabs>a{padding:10px;font-size:12px}.inbox-tabsbar .tabs{gap:1px}.inbox-tabsbar .tabs>a{font-size:10px;padding:11px 7px}.inbox-tabsbar .status-live{font-size:0}.inbox-tabsbar .status-live .icon{width:17px;height:17px}.chat-header>.btn:first-child{display:inline-flex}.chat-header .actions{gap:3px}.chat-header .actions .btn{font-size:10px;padding:4px 6px;min-height:27px}.chat-header .info small .badge{font-size:8px}.chat-header .info>div>strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .info>.avatar{display:none}.form-footer{gap:8px;flex-wrap:wrap}.department-card{padding:13px}.hero-mobile{width:135px;height:265px;right:-4px;bottom:0;border-width:5px}.hero-mobile .fake-chips{margin-bottom:12px}.hero-mobile .fake-chips>span{font-size:7px;padding:3px 5px}.hero-mobile .bubble{font-size:7px}.hero-mobile .mobile-brand{font-size:11px}.hero-mobile .fake-input{font-size:7px;padding:7px 5px}.hero-art{padding-right:35px}.mini-contact span{font-size:7px}.mini-contact b{font-size:8px}.feature-compact strong{font-size:12px}.feature-compact small{font-size:9px}.help-hero h2{font-size:22px}.help-hero>p{font-size:12px}.help-search{gap:8px}.help-search input{font-size:11px}.help-category{gap:10px}.help-category h3{font-size:14px}.help-category .icon-tile{width:38px;height:38px}.help-category span:not(.icon-tile){font-size:10px}.stepper{gap:10px;margin:15px 0 24px}.step-line{width:25px}.step{gap:7px;font-size:11px}.step>b{width:29px;height:29px;font-size:15px}.mock-website .widget-card{width:235px}.mock-website h2{font-size:22px}.avatar.huge{margin:auto}.receipt-grid strong{font-size:14px}.profile-security-row{gap:9px}.profile-security-row .icon-tile{width:36px;height:36px}.profile-security-row b{font-size:13px}.profile-security-row p{font-size:10px}.profile-security-row .btn{font-size:11px;padding:6px 10px}.knowledge-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.knowledge-tool{padding:14px 6px}.knowledge-tool b{font-size:12px}.knowledge-tool small{font-size:9px}.knowledge-tool .link-text{font-size:9px;padding:5px 8px}.grid-3 .metric strong{font-size:23px}.customer-profile-top{gap:9px;flex-wrap:wrap}.search-field{max-width:100%}.billing-top>.card:last-child .kv-list{grid-template-columns:1fr;gap:5px}.billing-top>.card:last-child .kv-list>div{display:flex}.billing-top>.card:last-child .kv-list strong{margin:0}.grid-2:has(.feature-card){grid-template-columns:1fr}.code-block pre{font-size:10px}.page-heading .actions{gap:8px}.page-heading .actions .btn{font-size:11px;padding:7px 10px}.card-heading>a{font-size:10px}.preview-desktop .mock-window{overflow:hidden}.public-section .grid-3{grid-template-columns:1fr}.public-help .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.btn.full{width:100%}.conversation-item .content{max-width:calc(100% - 51px)}.list-footer .pagination{flex-wrap:nowrap}.note-box{font-size:12px}.site-mini small{max-width:215px}.grid-6 .metric strong{font-size:24px}.knowledge-grid{display:flex;flex-direction:column}.knowledge-grid>.category-list{width:100%;display:block}.knowledge-grid>.stack{width:100%}.knowledge-grid>aside:last-child{width:100%}.category-list .category-item{display:inline-flex;margin:3px 5px 3px 0;padding:8px 12px}.category-list .category-item>b{margin-left:10px}.category-list>hr,.category-list>p{display:none}.profile-grid{display:flex;flex-direction:column}.profile-grid .grid{grid-template-columns:1fr}.auth-card{width:100%}.auth-section{align-items:center}.mini-contact .avatar{flex-shrink:0}.greeting h1{font-size:24px}.hero-copy>h1{font-size:43px}.section-head>.btn{font-size:11px}.recent-row strong{max-width:100%}}
@media print{body:has(dialog[open]) .shell,body:has(dialog[open]) .public-header,body:has(dialog[open]) .public-footer{display:none}dialog[open]{position:static!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important;margin:0!important}dialog::backdrop{display:none!important}.dialog-head,.dialog .btn,.dialog .form-footer,.dialog form,.toast,#toasts{display:none!important}.dialog-body{overflow:visible!important;padding:20px!important}.receipt{padding:0!important}.copy-box{word-break:break-all}}

/* Product content and command center v3 */
.section-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#5967e8;font-size:11px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.section-kicker.light{color:#aeb7ff}
.scenario-section{background:linear-gradient(180deg,#fbfbfd,#fff)}
.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.use-case-card{display:flex;align-items:flex-start;gap:19px;padding:25px;border:1px solid #e6e8ef;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(27,34,61,.04);transition:.2s}
.use-case-card:hover{border-color:#d8dcf4;box-shadow:0 17px 40px rgba(28,36,76,.075);transform:translateY(-2px)}
.use-case-card>div{min-width:0}.use-case-card h3{margin:1px 0 8px;font-size:18px}.use-case-card p{margin:0;color:#778196;font-size:13px;line-height:1.8}
.use-case-card ul{display:flex;flex-wrap:wrap;gap:7px 16px;list-style:none;margin:17px 0 0;padding:0}
.use-case-card li{display:flex;align-items:center;gap:5px;color:#596579;font-size:11px}.use-case-card li .icon{width:14px;height:14px;color:#17a57e}
.product-section{background:#fff}.product-section .section-head{margin-bottom:26px}.product-section .section-head h2{margin:0 0 8px;font-size:31px}.product-section .section-head p{margin:0;color:#7f899d}
.workflow-section{padding:72px max(32px,5vw) 78px;background:linear-gradient(145deg,#f3f4ff,#f9f9fc 48%,#f0f2ff)}
.workflow-section .public-section-head{margin:0 auto 34px;max-width:1480px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1480px;margin:0 auto}
.workflow-step{position:relative;min-height:250px;padding:27px 23px 24px;border:1px solid rgba(218,221,238,.9);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 12px 34px rgba(48,55,94,.045);overflow:hidden}
.workflow-step:after{position:absolute;content:'';top:47px;right:-16px;width:31px;border-top:1px dashed #aeb6dd}
.workflow-step:last-child:after{display:none}.workflow-number{display:block;color:#717ce7;font-size:11px;font-weight:780;letter-spacing:.12em}
.workflow-step .icon-tile{width:46px;height:46px;margin:25px 0 17px;border-radius:13px;background:#eef0ff;color:#5865e5}.workflow-step h3{margin:0 0 9px;font-size:17px}.workflow-step p{margin:0;color:#7a859a;font-size:12px;line-height:1.8}
.trust-section{padding-top:72px;padding-bottom:72px}.trust-panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:70px;padding:54px 58px;border-radius:24px;background:radial-gradient(circle at 92% 8%,rgba(112,123,245,.28),transparent 32%),linear-gradient(135deg,#151b2a,#252d43);box-shadow:0 28px 65px rgba(22,28,44,.18);color:#fff}
.trust-copy h2{max-width:680px;margin:0 0 17px;color:#fff;font-size:34px;line-height:1.35}.trust-copy>p{max-width:660px;color:#aeb7c9;font-size:14px;line-height:1.9}
.trust-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;margin-top:28px}.trust-points span{display:flex;align-items:center;gap:9px;color:#dce2ef;font-size:12px}.trust-points .icon{width:17px;height:17px;color:#8f9bff}
.trust-stack{display:flex;flex-direction:column;gap:10px;justify-content:center}.trust-stack>div{display:grid;grid-template-columns:40px 94px 1fr;align-items:center;gap:10px;padding:16px 17px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045)}
.trust-stack b{color:#909bff;font-size:11px;letter-spacing:.1em}.trust-stack strong{font-size:13px}.trust-stack span{color:#9fa9bc;font-size:11px;line-height:1.55}
.faq-section{padding-top:52px}.faq-list{max-width:980px;margin:0 auto}.faq-item{border-bottom:1px solid #e8eaf0}.faq-item:first-child{border-top:1px solid #e8eaf0}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 3px;color:#273046;font-size:15px;font-weight:690;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{width:18px;height:18px;color:#7d879b;transition:.2s}.faq-item[open] summary .icon{transform:rotate(180deg);color:#5967e8}
.faq-item p{max-width:840px;margin:-4px 0 22px;color:#778196;font-size:13px;line-height:1.9}
.search-shortcut{flex-shrink:0;border:1px solid #dfe2eb;border-radius:6px;background:#fff;color:#8b93a5;padding:3px 7px;font-size:9px;font-weight:680;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.search-shortcut:hover{border-color:#cbd0f3;color:#5967e8}.global-search input{min-width:0}
.dialog.command-dialog{width:min(720px,calc(100vw - 32px));max-width:720px}.dialog.onboarding-dialog{width:min(680px,calc(100vw - 32px));max-width:680px}
.command-search{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dfe3ee;border-radius:11px;background:#f8f9fb;color:#7d879b}.command-search:focus-within{border-color:#adb5f4;background:#fff;box-shadow:0 0 0 4px rgba(88,101,242,.08)}
.command-search>input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#273047;font-size:13px}.command-search>.icon{width:19px;height:19px}.command-search>.btn{min-height:34px;padding:7px 14px;font-size:11px}
.command-feature{display:flex;align-items:center;gap:13px;width:100%;margin:16px 0;padding:15px;border:1px solid #dfe2fb;border-radius:13px;background:linear-gradient(120deg,#f5f6ff,#fbfbff);color:#283149;text-align:left;cursor:pointer}.command-feature:hover{border-color:#cdd2f7;background:#f1f3ff}.command-feature .icon-tile{width:39px;height:39px;border-radius:11px;background:#e9ebff;color:#5865e5}.command-feature>span:nth-child(2){flex:1;min-width:0}.command-feature b,.command-feature small{display:block}.command-feature b{font-size:13px}.command-feature small{margin-top:4px;color:#80899c;font-size:11px}.command-feature>.icon{width:17px;height:17px;color:#8991a3}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.command-item{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid transparent;border-radius:11px;color:#2e384f}.command-item:hover{border-color:#e1e4ed;background:#f8f9fb;color:#4f5dde}.command-item .icon-tile{width:36px;height:36px;border-radius:10px;background:#f0f2f8;color:#667087}.command-item>span:nth-child(2){flex:1;min-width:0}.command-item b,.command-item small{display:block}.command-item b{font-size:12px}.command-item small{margin-top:3px;overflow:hidden;color:#8a93a5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.command-item>.icon{width:15px;height:15px;color:#a0a7b5}
.command-foot{display:flex;justify-content:space-between;gap:14px;margin:17px -2px -2px;color:#929aaa;font-size:10px}.command-foot span{display:flex;align-items:center;gap:4px}.command-foot kbd{min-width:22px;padding:2px 5px;border:1px solid #dde1e9;border-bottom-width:2px;border-radius:5px;background:#f8f9fb;color:#6f788b;font:inherit;text-align:center}
.onboarding-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.onboarding-head h2{margin:0 0 6px;font-size:25px}.onboarding-head p{margin:0;color:#7e889c;font-size:12px}.onboarding-head>strong{color:#5967e8;font-size:25px}.onboarding-dialog .progress{height:9px;margin:18px 0 20px}.onboarding-dialog .progress>i{background:linear-gradient(90deg,#5967ef,#8d96ff)}
.onboarding-list{display:flex;flex-direction:column;gap:8px}.onboarding-step{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #e5e7ed;border-radius:12px;color:#313b51}.onboarding-step:hover{border-color:#d4d8f4;background:#fafaff}.onboarding-step.done{background:#fbfcfd}.step-status{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:10px;background:#eef0ff;color:#5967e8}.onboarding-step.done .step-status{background:#e9f8f2;color:#17a57e}.step-status .icon{width:19px;height:19px}.onboarding-step>span:nth-child(2){flex:1;min-width:0}.onboarding-step b,.onboarding-step small{display:block}.onboarding-step b{font-size:13px}.onboarding-step small{margin-top:4px;color:#858ea0;font-size:11px}.onboarding-step .badge{flex-shrink:0}
@media(max-width:1000px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step:after{display:none}.trust-panel{grid-template-columns:1fr;gap:35px}.trust-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.trust-stack>div{display:flex;align-items:flex-start;flex-direction:column}.trust-stack span{margin-top:3px}}
@media(max-width:800px){.use-case-grid,.workflow-grid,.command-grid{grid-template-columns:1fr}.workflow-section{padding:48px 20px 54px}.workflow-step{min-height:0}.trust-section{padding-top:38px;padding-bottom:48px}.trust-panel{gap:28px;padding:35px 24px;border-radius:18px}.trust-copy h2{font-size:26px}.trust-points,.trust-stack{grid-template-columns:1fr}.trust-stack>div{display:grid;grid-template-columns:36px 86px 1fr}.faq-item summary{padding:19px 2px;font-size:14px}.faq-item p{font-size:12px}.search-shortcut{display:none}.onboarding-head{align-items:flex-start}.onboarding-head p{max-width:260px}.command-foot{display:none}}
/* Consistent compact inbox controls and two-line conversation rows. */
.conversation-search{display:flex;gap:8px;align-items:center}.conversation-search>label{display:flex;align-items:center;gap:8px;min-width:0;flex:1;background:#f4f8ff;border:1px solid #dce9fb;border-radius:8px;padding:9px}.conversation-search input{font:inherit;font-size:12px;border:0;background:transparent;outline:none;min-width:0;width:100%;color:#375476}.conversation-search>.tool{border:1px solid #dce9fb;background:white;color:#7091bc;border-radius:8px;display:grid;place-items:center;width:33px;height:35px}.conversation-item{min-height:91px}.conversation-meta{flex-direction:row;align-items:center;justify-content:space-between;margin-left:0;align-self:stretch;width:100%;gap:6px}.conversation-meta>strong{color:#1c3455;max-width:155px}.conversation-meta>small{font-size:9px;white-space:nowrap}.conversation-item .snippet{margin:7px 0;max-width:100%;font-size:12px;text-align:left}.conversation-item>.content{display:flex;flex-direction:column}.conversation-profile .visit-row{display:grid;grid-template-columns:20px 1fr;column-gap:8px;align-items:start}.conversation-profile .visit-row>small{grid-column:2}.conversation-profile .visit-row>.icon{width:17px;height:17px}.greeting-note{max-width:300px}

/* Product visual system v2: typography, iconography and material polish. */
:root{
  --blue:#5865f2;
  --blue-dark:#3f49cf;
  --ink:#182033;
  --text:#4c5870;
  --muted:#8993a8;
  --border:#e6e9f0;
  --bg:#f5f7fb;
  --green:#12a67d;
  --red:#e65068;
  --side:228px;
  --radius:16px;
  --shadow:0 1px 2px rgba(16,24,40,.02),0 10px 32px rgba(16,24,40,.045);
  font-family:"SF Pro Text","SF Pro Display","HarmonyOS Sans SC","MiSans VF","MiSans","Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
}

/* Platform console — intentionally separate from the customer workspace. */
.admin-shell-v2{--side:268px;min-height:100vh;background:#f5f7fb;color:#172033}
.admin-shell-v2 .shell-main{margin-left:var(--side);min-width:0}
.admin-shell-v2 .admin-sidebar{display:flex;position:fixed;z-index:80;inset:0 auto 0 0;box-sizing:border-box;width:var(--side);padding:18px 14px 14px;flex-direction:column;background:linear-gradient(180deg,#111a2d 0%,#17223a 100%);border-right:0;color:#d8e0ed;box-shadow:8px 0 30px rgba(20,32,55,.07)}
.admin-brand{display:flex;min-height:52px;padding:0 8px 18px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.admin-brand .brand{gap:10px;color:#fff;font-size:19px}.admin-brand .brand img{width:34px;height:34px}.admin-brand>span{padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:7px;color:#aebbd0;font-size:10px;letter-spacing:.04em}
.admin-sidebar nav{display:flex;overflow-y:auto;min-height:0;margin:13px 0;flex:1;flex-direction:column;gap:3px;scrollbar-width:none}.admin-sidebar nav::-webkit-scrollbar{display:none}
.admin-sidebar .nav-section-label{margin:14px 10px 5px;color:#7788a4;font-size:10px;font-weight:650;letter-spacing:.12em}.admin-sidebar .nav-section-label:first-child{margin-top:3px}
.admin-sidebar .nav-item{display:flex;min-height:42px;padding:0 12px;align-items:center;gap:11px;border-radius:9px;color:#b9c5d8;font-size:13px;font-weight:520;transition:background .16s,color .16s,transform .16s}
.admin-sidebar .nav-item .icon{width:18px;height:18px;color:#8798b4}.admin-sidebar .nav-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(1px)}.admin-sidebar .nav-item.active{background:#2f6fed;color:#fff;box-shadow:0 8px 22px rgba(25,84,205,.3)}.admin-sidebar .nav-item.active .icon{color:#fff}
.admin-sidebar-foot{display:grid;gap:9px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.admin-account-card{display:flex;min-width:0;padding:8px;align-items:center;gap:9px}.admin-account-card>span{display:grid;min-width:0}.admin-account-card b{overflow:hidden;color:#f6f8fc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-account-card small{overflow:hidden;color:#8291aa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-back-link{display:flex;min-height:38px;padding:0 11px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#c6d1e2;font-size:12px}.admin-back-link .icon:last-child{width:13px;margin-left:auto}.admin-back-link:hover{background:rgba(255,255,255,.06);color:#fff}
.admin-shell-v2 .admin-topbar{position:sticky;z-index:60;top:0;height:64px;padding:0 24px;background:rgba(255,255,255,.94);border-bottom:1px solid #e5e9f0;backdrop-filter:blur(18px)}.admin-top-title{display:flex;align-items:center;gap:10px}.admin-top-title>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#edf3ff;color:#2764d8}.admin-top-title>span .icon{width:18px}.admin-top-title>div{display:grid}.admin-top-title b{font-size:13px}.admin-top-title small{color:#7c8799;font-size:10px}.admin-security-badge{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:7px;background:#edf3ff;color:#295fbd;font-size:11px;font-weight:600}.admin-security-badge .icon{width:14px;height:14px}
.admin-page-content{box-sizing:border-box;max-width:1740px;margin:0 auto;padding:28px 30px 48px}.admin-page-content>.page-heading{margin-bottom:20px}.admin-page-content>.page-heading h1{color:#182033;font-size:27px;letter-spacing:-.6px}.admin-page-content>.page-heading p{margin-top:5px;color:#788397;font-size:13px}
.admin-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #e1e6ee;border-radius:12px;background:#fff;box-shadow:0 2px 7px rgba(17,34,68,.035)}.admin-summary-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-metric{display:flex;min-width:0;padding:19px 20px;align-items:center;gap:13px;border-left:1px solid #edf0f4}.admin-metric:first-child{border-left:0}.admin-metric-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:10px;background:#eef4ff;color:#2868de}.admin-metric-icon .icon{width:19px;height:19px}.admin-metric-icon.green{background:#eaf8f3;color:#168764}.admin-metric-icon.purple{background:#f1edff;color:#7354c9}.admin-metric-icon.orange{background:#fff4e4;color:#c97a13}.admin-metric-icon.red{background:#fff0f1;color:#cf4655}.admin-metric>div{display:grid;min-width:0}.admin-metric strong{color:#161f31;font-size:22px;line-height:1.15;letter-spacing:-.5px}.admin-metric span{margin-top:4px;color:#49556a;font-size:12px}.admin-metric small{overflow:hidden;margin-top:2px;color:#929bab;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.admin-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.admin-panel{box-sizing:border-box;padding:20px;border:1px solid #e1e6ee;border-radius:12px;background:#fff;box-shadow:0 2px 7px rgba(17,34,68,.035)}.admin-panel-head{display:flex;min-height:38px;margin-bottom:13px;align-items:flex-start;justify-content:space-between;gap:16px}.admin-panel-head h2{margin:0;color:#182033;font-size:15px;letter-spacing:-.1px}.admin-panel-head p{margin:4px 0 0;color:#8a94a5;font-size:11px}.admin-panel-head>a{display:flex;align-items:center;gap:4px;color:#2e66c7;font-size:11px}.admin-panel-head>a .icon{width:13px}.admin-task-row{display:grid;grid-template-columns:38px 1fr 18px;min-height:62px;padding:10px 4px;align-items:center;gap:11px;border-top:1px solid #edf0f4;color:#283348}.admin-task-row:hover{background:#fafbfe}.admin-task-row>div{display:grid}.admin-task-row strong{font-size:12px}.admin-task-row small{margin-top:4px;color:#8b95a5;font-size:10px}.admin-task-row>span:last-child{color:#9aa5b5}.admin-task-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#fff3e1;color:#bd7215}.admin-task-icon.red{background:#fff0f1;color:#d14352}.admin-task-icon .icon{width:17px}.admin-safety-panel{background:linear-gradient(135deg,#f5f8ff,#fff)}.admin-safety-panel>p{margin:13px 0 20px;color:#667287;font-size:12px;line-height:1.75}.admin-shield{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#e8f0ff;color:#2966d2}.admin-shield .icon{width:20px}
.admin-panel>.filters{margin:2px 0 14px}.admin-panel>.table-wrap{margin:0 -20px -20px;border:0;border-top:1px solid #edf0f4;border-radius:0 0 12px 12px}.admin-panel>.pagination{margin:0 -20px -20px;padding:14px 20px}.admin-page-content table th{background:#f8f9fb;color:#778196;font-size:10px;font-weight:650;letter-spacing:.02em}.admin-page-content table td{height:52px;color:#384459;font-size:11px}.admin-page-content table code{color:#39475e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.admin-user-cell{display:flex;min-width:190px;align-items:center;gap:10px}.admin-user-cell.compact{min-width:170px}.admin-user-cell>.avatar{flex:0 0 auto}.admin-user-cell>div{display:grid;min-width:0}.admin-user-cell b,.admin-user-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-cell b{color:#202a3d;font-size:11px}.admin-user-cell small{margin-top:2px;color:#8590a1;font-size:9px}.admin-id{max-width:170px;color:#a0a8b5!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.admin-badges{display:flex;flex-wrap:wrap;gap:5px}.admin-page-content .row-actions{flex-wrap:nowrap}.admin-page-content .row-actions .btn{white-space:nowrap}
.admin-detail-hero{display:flex;padding:4px 0 18px;align-items:center;gap:14px;border-bottom:1px solid #e7ebf1}.admin-detail-hero>.avatar{width:50px;height:50px;font-size:17px}.admin-detail-hero h2{margin:0;font-size:19px}.admin-detail-hero p{margin:4px 0 7px;color:#748094;font-size:12px}.admin-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;overflow:hidden;border:1px solid #e3e8ef;border-radius:10px}.admin-detail-stats>div{display:grid;padding:14px 16px;border-left:1px solid #e8ecf2}.admin-detail-stats>div:first-child{border-left:0}.admin-detail-stats strong{font-size:17px}.admin-detail-stats span{margin-top:3px;color:#8691a2;font-size:10px}.admin-detail-meta{display:flex;margin-bottom:20px;flex-wrap:wrap;gap:7px 17px;color:#778397;font-size:10px}
@media(max-width:1280px){.admin-summary-grid,.admin-summary-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric:nth-child(4){border-left:0;border-top:1px solid #edf0f4}.admin-metric:nth-child(4),.admin-metric:nth-child(5){border-top:1px solid #edf0f4}}
@media(max-width:820px){.admin-shell-v2{--side:268px}.admin-shell-v2 .shell-main{margin-left:0}.admin-shell-v2 .admin-sidebar{transform:translate3d(-100%,0,0)}.mobile-nav-open .admin-shell-v2 .admin-sidebar{transform:translate3d(0,0,0)}.admin-top-title small,.admin-security-badge,.admin-topbar .topbar-right>.btn{display:none}.admin-page-content{padding:18px 12px 32px}.admin-summary-grid,.admin-summary-grid.compact{grid-template-columns:1fr 1fr}.admin-metric,.admin-metric:nth-child(n){padding:15px;border-top:1px solid #edf0f4;border-left:1px solid #edf0f4}.admin-metric:nth-child(-n+2){border-top:0}.admin-metric:nth-child(odd){border-left:0}.admin-dashboard-grid{grid-template-columns:1fr}.admin-panel{padding:15px}.admin-panel>.table-wrap{margin:0 -15px -15px}.admin-detail-stats{grid-template-columns:1fr 1fr}.admin-detail-stats>div:nth-child(3){border-top:1px solid #e8ecf2;border-left:0}.admin-detail-stats>div:nth-child(4){border-top:1px solid #e8ecf2}}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{color:var(--text);background:var(--bg);font-feature-settings:"kern" 1,"liga" 1,"tnum" 1;font-variant-numeric:tabular-nums;letter-spacing:.005em}
h1,h2,h3,h4{color:var(--ink);font-family:"SF Pro Display","HarmonyOS Sans SC","MiSans VF","MiSans","Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;letter-spacing:-.025em}
h1{font-weight:760}h2,h3,h4{font-weight:700}
.icon{width:20px;height:20px;shape-rendering:geometricPrecision}
.brand{gap:10px;color:#141b2e;font-size:26px;font-weight:780;letter-spacing:-.045em}
.brand img{width:38px;height:38px;filter:drop-shadow(0 6px 10px rgba(63,73,207,.18))}
.brand.dark{font-size:23px;font-weight:740;letter-spacing:-.035em}
.brand.dark img{width:36px;height:36px}
.btn{min-height:40px;padding:8px 16px;border-color:#dde2ec;border-radius:10px;color:#45526b;background:#fff;font-weight:650;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s}
.btn:hover{color:var(--blue);border-color:#c5cbda;background:#fff;box-shadow:0 5px 15px rgba(16,24,40,.07);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6673f6 0%,#4f5de8 55%,#4050d9 100%);box-shadow:0 7px 18px rgba(82,96,229,.22),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.primary:hover{background:linear-gradient(135deg,#5b68ed,#414fd8);box-shadow:0 10px 24px rgba(82,96,229,.3)}
.btn.icon-only{border-radius:10px}
.btn .icon{width:17px;height:17px}
.badge,.tag{border-radius:999px;font-weight:650}
.badge.blue,.tag{color:#4c59d9;background:#eef0ff}.badge.green{color:#078561;background:#e9f8f3}.badge.orange{color:#b97217;background:#fff5e7}.badge.purple{color:#7655c5;background:#f3efff}.badge.red{color:#c84057;background:#fff0f2}.badge.gray{color:#667085;background:#f1f3f6}
.avatar{border-color:#fff;box-shadow:0 0 0 1px rgba(25,32,51,.04);font-weight:700}
.shell{background:radial-gradient(circle at 86% 0,rgba(104,116,246,.08),transparent 31%),var(--bg)}
.sidebar{background:linear-gradient(180deg,#171c2b 0%,#121725 60%,#0f1420 100%);border-right:1px solid rgba(255,255,255,.045);box-shadow:10px 0 34px rgba(15,20,32,.08)}
.sidebar>.brand{height:72px;padding:0 20px;border-bottom-color:rgba(255,255,255,.065)}
.sidebar nav{padding:17px 12px 12px}
.nav-item{height:46px;gap:11px;margin:4px 0;padding:0 10px;border:1px solid transparent;border-radius:12px;color:#aeb7ca;font-size:13px;font-weight:560}
.nav-item>.icon{width:32px;height:32px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.025);color:#8793ac;transition:.18s}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.045)}
.nav-item:hover>.icon{color:#c7cdfd;background:rgba(104,116,246,.1);border-color:rgba(138,147,255,.14)}
.nav-item.active{color:#fff;border-color:rgba(140,149,255,.17);background:linear-gradient(105deg,rgba(104,116,246,.24),rgba(91,101,216,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(3,7,18,.13);font-weight:680}
.nav-item.active:before{display:none}
.nav-item.active>.icon{color:#fff;background:linear-gradient(135deg,#717df9,#5260e4);border-color:transparent;box-shadow:0 5px 12px rgba(53,65,196,.3)}
.sidebar-plan{padding:15px 13px 13px;border-color:rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.sidebar-plan small{color:#828da4}.admin-link{color:#828da4}.admin-link:hover{color:#fff}
.topbar{height:72px;padding:0 28px;border-bottom-color:rgba(225,228,236,.9);background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(150%)}
.global-search{height:40px;width:360px;padding:7px 13px;border-color:#e3e6ee;border-radius:11px;background:#f7f8fb;color:#8a94a9;box-shadow:inset 0 1px 2px rgba(16,24,40,.02)}
.global-search:focus-within{border-color:#b7bef8;background:#fff;box-shadow:0 0 0 4px rgba(88,101,242,.08)}
.topbar-right{gap:16px}.topbar-right>.btn,.top-icon{color:#778298}.workspace-picker{color:#68738a}.user-button{color:var(--ink);font-size:13px}
.demo-badge{color:#9c6b25;border-color:#f0d8aa;border-radius:999px;background:#fff8e9;padding:3px 8px}
.page-content{padding:28px 30px 36px}
.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading p{color:#7d879a}
.card{border-color:rgba(226,229,236,.92);border-radius:var(--radius);background:rgba(255,255,255,.94);box-shadow:var(--shadow)}
.card-heading h2{font-size:17px}.card-heading .text-link{font-weight:650}
.greeting{padding:26px 30px;border-color:#e4e6f5;border-radius:18px;background:radial-gradient(circle at 85% 10%,rgba(112,124,248,.16),transparent 34%),linear-gradient(110deg,#fff 0%,#fafaff 56%,#f2f4ff 100%);box-shadow:0 12px 35px rgba(63,73,150,.055)}
.greeting:after{right:35px;top:-138px;width:320px;height:320px;border:1px solid rgba(98,109,235,.13);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.42),transparent 68%)}
.greeting h1{font-size:31px;font-weight:760}.greeting p{color:#7b859b}.greeting blockquote{color:#858fa5}
.metric{padding:22px 21px}.metric strong{font-size:30px;font-weight:760;color:var(--ink)}
.metric .metric-top span:not(.icon-tile){color:#7d879b}.metric-note{color:#98a0b0}
.icon-tile{width:46px;height:46px;border:1px solid rgba(88,101,242,.08);border-radius:13px;color:#5362eb;background:linear-gradient(145deg,#f4f5ff,#eceeff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.icon-tile .icon{width:23px;height:23px}.icon-tile.green{color:#0a9a72;background:linear-gradient(145deg,#f1fbf8,#e8f8f3);border-color:#dcf3ec}.icon-tile.purple{color:#805bd5;background:linear-gradient(145deg,#f8f4ff,#f0eaff);border-color:#ebe1ff}.icon-tile.orange{color:#d58a21;background:linear-gradient(145deg,#fffaf0,#fff2dc);border-color:#f9eacb}
.quick-item{border-color:#edf0f5;border-radius:12px;background:#fafbfc;color:#59657c;transition:.18s}
.quick-item:hover{border-color:#dfe2fb;background:#f6f7ff;box-shadow:0 6px 16px rgba(32,39,75,.06);transform:translateY(-1px)}
.progress{background:#edf0f5}.progress>i{background:linear-gradient(90deg,#5967ef,#8c96ff)}
th{color:#657086;border-bottom-color:#e7e9ef;background:#f7f8fa}td{color:#526078;border-bottom-color:#eceef2}td strong{color:#273149}tbody tr:hover td{background:#fafbff}
.field input,.field textarea,.field select,.filters>select,.compact-select,.search-field{border-color:#dfe3eb;border-radius:10px;background:#fbfcfd;color:#435069}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#aeb6f6;outline:4px solid rgba(88,101,242,.07)}
.tabs{border-bottom-color:#e7e9ef}.tab{color:#7b8599}.tab.active{color:var(--blue)}.tab.active:after{height:2px}
.page-toolbar,.inbox-tabsbar{border-color:#e5e8ef;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(16,24,40,.035)}
.conversation-pane,.chat-pane{border-color:#e3e6ed;border-radius:14px;box-shadow:0 8px 28px rgba(16,24,40,.035)}
.conversation-search{border-bottom-color:#eceef2}.conversation-search>label{border-color:#e3e6ed;border-radius:10px;background:#f7f8fa}
.conversation-item{border-radius:11px;color:#344159}.conversation-item:hover{background:#f7f8fc}.conversation-item.active{background:linear-gradient(110deg,#eef0ff,#f7f7ff)}.conversation-item.active:before{width:3px;background:#6572ef}
.chat-header{border-bottom-color:#eceef2}.message-feed{background:linear-gradient(180deg,#fff,#fbfbfd)}
.chat-msg-bubble{border:1px solid #eceef3;border-radius:5px 14px 14px 14px;background:#f6f7f9;color:#45536b}
.chat-msg.mine .chat-msg-bubble{border-color:transparent;border-radius:14px 5px 14px 14px;background:linear-gradient(135deg,#6471f2,#4c5ade);box-shadow:0 6px 16px rgba(76,90,222,.15)}
.composer{border-top-color:#e9ebf0}.composer-box{border-color:#dfe3eb;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.025)}
.composer-box:focus-within{border-color:#b6bdf6;box-shadow:0 0 0 4px rgba(88,101,242,.07)}
.composer-toolbar .send-circle{background:linear-gradient(135deg,#6673f6,#4554dc);box-shadow:0 6px 14px rgba(71,84,220,.24)}
.status-live{border-color:#e1e4ec;border-radius:9px;color:#69758b}
.public-page{background:#fff}
.public-header{height:78px;padding:0 max(32px,5vw);border-bottom-color:rgba(228,230,236,.9);background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(150%);position:sticky;top:0;z-index:50}
.public-header .brand{font-size:27px}.public-header nav{gap:34px}.public-header nav a{color:#59647a;font-size:13px;font-weight:620;letter-spacing:.01em}
.public-header nav a.active:after{height:2px;bottom:18px;background:linear-gradient(90deg,#6673f6,#4c5ade)}
.hero{min-height:640px;padding:76px max(32px,5vw) 72px;gap:64px;background:radial-gradient(circle at 77% 27%,rgba(112,124,248,.14),transparent 27%),radial-gradient(circle at 8% 94%,rgba(88,101,242,.07),transparent 27%),#fff}
.hero:before{inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;bottom:auto;left:auto;background-image:linear-gradient(rgba(69,78,118,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(69,78,118,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 52%)}
.hero-copy{max-width:680px}.eyebrow{padding:7px 13px;border-color:#dfe2fb;border-radius:999px;background:rgba(246,247,255,.92);color:#5663e8;font-size:12px;font-weight:680;box-shadow:0 4px 14px rgba(58,68,150,.045)}
.hero h1{font-size:clamp(48px,4.3vw,72px);line-height:1.17;letter-spacing:-.055em;font-weight:790;color:#131a2d}
.hero h1 em{color:transparent;background:linear-gradient(120deg,#6975f2,#4656dc 68%,#3444c5);-webkit-background-clip:text;background-clip:text}
.hero-description{max-width:560px;color:#68748c;font-size:16px;line-height:1.95}
.hero-benefits{color:#737f95}.hero-benefits .icon{color:#17a57e}
.hero .actions .btn{min-height:52px;border-radius:12px;font-size:15px;font-weight:680}
.hero-miniapp{border:1px solid rgba(223,226,236,.9);border-radius:20px;box-shadow:0 30px 80px rgba(35,42,78,.14),0 8px 24px rgba(35,42,78,.06);transform:none}
.mini-sidebar{background:linear-gradient(180deg,#1a2030,#111724)}.mini-nav.active{background:linear-gradient(135deg,#6673f6,#4b59dc)}
.mini-mobile{border-color:#171d2c;box-shadow:0 24px 50px rgba(28,34,57,.22)}
.feature-ribbon{padding-top:34px;padding-bottom:34px;border-top:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4}
.feature-compact .icon-tile{width:46px;height:46px;border-radius:13px}.feature-compact h3{color:#283249;font-weight:700}.feature-compact p{color:#9199aa}
.value-strip{margin-top:30px;padding:30px;border-color:#e7e9f0;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(16,24,40,.045)}
.value-strip strong{color:#20293d;font-size:25px;font-weight:740}.value-strip span{color:#929aad}
.public-section{padding-top:58px;padding-bottom:74px}.public-section-head h2{font-size:31px}.public-section-head p{color:#7f899d}
.feature-card{border-color:#e5e8ef;border-radius:17px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.035);transition:.2s}
.feature-card:hover{border-color:#d9ddf5;box-shadow:0 18px 42px rgba(28,36,76,.075);transform:translateY(-2px)}
.feature-card p{color:#7d879b}
.public-cta{padding:42px 46px;border-color:#242c43;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(113,125,249,.3),transparent 28%),linear-gradient(125deg,#171d2c,#252d43);box-shadow:0 22px 50px rgba(23,29,44,.16);display:flex;text-align:left}
.public-cta h2{color:#fff}.public-cta p{color:#aeb7ca}.public-cta .btn{margin-top:0}.public-cta .btn.primary{color:#3f4dcc;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.public-footer{border-top-color:#eceef2;background:#fafbfc}.public-footer h4{color:#2b3449}.public-footer>div>a:not(.brand),.footer-brand p,.footer-brand small{color:#8a93a5}
.auth-section{background:radial-gradient(circle at 18% 70%,rgba(109,124,255,.13),transparent 32%),linear-gradient(140deg,#f7f8ff,#f3f5fb)}
.auth-card{border-color:#e6e8ef;border-radius:20px;box-shadow:0 24px 70px rgba(24,32,66,.1)}
.verification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:20px}.verification-row .field{margin:0}.verification-row>.btn{min-width:116px;height:42px;margin-bottom:0;white-space:nowrap}.sidebar-plan>.muted{display:block;text-align:center;font-size:11px;color:#91a8c5;padding:3px 0 1px}
@media(max-width:560px){.verification-row{grid-template-columns:1fr}.verification-row>.btn{width:100%}}
.auth-tabs{border-radius:11px;background:#f5f6fa}

@media(max-width:1450px){:root{--side:210px}.nav-item{padding:0 8px;gap:9px}.nav-item>.icon{width:31px;height:31px}.page-content{padding:25px}.hero{gap:38px}}
@media(max-width:1000px){:root{--side:188px}.nav-item>.icon{width:29px;height:29px;padding:6px}.hero{gap:26px}.public-header{position:relative}.public-cta{padding:36px}}
@media(max-width:800px){
  :root{--side:220px}.topbar{height:62px}.page-content{padding:18px 15px 26px}.card{border-radius:14px}.greeting{padding:21px 19px}.greeting h1{font-size:25px}
  .public-header{height:70px;padding:0 20px}.public-header .brand{font-size:23px}.public-header .brand img{width:34px;height:34px}.public-header-right{gap:8px}.public-header-right .btn{padding:7px 11px;font-size:12px}
  .hero{min-height:0;padding:54px 22px 48px}.hero h1{font-size:42px;letter-spacing:-.05em}.hero-description{font-size:14px}.hero:before{display:block}.hero-miniapp{border-radius:15px}
  .feature-ribbon{padding:26px 22px}.value-strip{margin:18px 18px 26px;padding:22px 12px;border-radius:16px;grid-template-columns:repeat(2,1fr)}
  .public-section{padding:40px 20px 54px}.public-cta{padding:30px 24px;display:block;text-align:center}.public-cta .btn{margin-top:18px}.public-cta h2{font-size:23px}
}

/* Admin layout reliability v4 */
.shell-main,.page-content,.page-content>*,.grid>*,.billing-top>*,.billing-lower>*,.settings-grid>*,.site-create-grid>*{min-width:0}
.setting-preview{display:block;min-height:0;overflow:hidden}
.setting-preview .card-heading{width:100%;margin-bottom:18px}
.setting-preview #widget-settings-preview{width:100%;min-width:0}
.setting-preview>.notice{width:100%;margin:18px 0 0}
.settings-grid .mock-website,.site-create-grid>.card:last-child .mock-website{display:grid;grid-template-columns:minmax(130px,1fr) minmax(235px,275px);align-items:center;gap:18px;min-height:415px}
.settings-grid .mock-website>div:first-child:not(.widget-card),.site-create-grid>.card:last-child .mock-website>div:first-child:not(.widget-card){max-width:none;min-width:0}
.settings-grid .mock-website .widget-card,.site-create-grid>.card:last-child .mock-website .widget-card{position:static;width:100%;max-width:275px;justify-self:end}
.billing-usage-card{display:block}
.billing-usage-card>h2{margin-bottom:19px}
.billing-usage-card .usage-row{display:flex;width:100%;align-items:center;gap:14px;margin:0 0 17px}
.billing-usage-card .usage-row>div{flex:1;min-width:0}
.billing-usage-card .usage-row .icon-tile{width:41px;height:41px;border-radius:11px}
.billing-usage-card .usage-label{display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.4}
.billing-usage-card .usage-label b{min-width:0;overflow-wrap:anywhere}
.billing-usage-card .usage-label span{flex-shrink:0;white-space:nowrap}
.billing-usage-card .progress{height:7px;margin:8px 0 0}
.billing-usage-card>.muted{margin:3px 0 0;padding-top:14px;border-top:1px solid #eceef3;font-size:11px}
@media(max-width:1280px){
  .settings-grid,.site-create-grid{grid-template-columns:1fr}
  .setting-preview{position:static}
  .billing-top{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .billing-top>.card:last-child{grid-column:1/-1}
  .billing-top>.card:last-child .kv-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .billing-top>.card:last-child .kv-list>div{display:block;padding:10px 0}
  .billing-top>.card:last-child .kv-list strong{display:block;margin-top:6px;text-align:left}
}
@media(max-width:900px){
  .billing-top{grid-template-columns:1fr}
  .billing-top>.card:last-child{grid-column:auto}
  .billing-top>.card:last-child .kv-list{grid-template-columns:1fr;gap:0}
  .billing-top>.card:last-child .kv-list>div{display:flex;padding:8px 0}
  .billing-top>.card:last-child .kv-list strong{display:block;margin:0;text-align:right}
  .settings-grid .mock-website,.site-create-grid>.card:last-child .mock-website{grid-template-columns:1fr;min-height:0}
  .settings-grid .mock-website>div:first-child:not(.widget-card),.site-create-grid>.card:last-child .mock-website>div:first-child:not(.widget-card){display:none}
  .settings-grid .mock-website .widget-card,.site-create-grid>.card:last-child .mock-website .widget-card{width:min(100%,310px);max-width:310px;justify-self:center}
}

/* v5: cobalt product system, stable hero/knowledge layouts and editable integrations */
body.public-page{background:#f7faff;color:#10213f}
body.public-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 8%,#0b6cff14 0,transparent 30%),linear-gradient(180deg,#f5f9ff 0,#fff 34%,#f6f9ff 100%);z-index:-1}
.public-header{background:#fffffff2;border-bottom:1px solid #dce8f7;box-shadow:0 6px 24px #0a3d7c08}
.hero{max-width:1440px;margin:0 auto;min-height:680px;padding:86px 56px 82px;grid-template-columns:minmax(420px,.92fr) minmax(560px,1.08fr);gap:72px;background:transparent}
.hero-copy h1{font-size:64px;line-height:1.08;letter-spacing:-2.8px;color:#0b1f3e;margin:26px 0 24px}
.hero-copy h1 span{background:linear-gradient(90deg,#075cff,#00a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:620px;font-size:18px!important;line-height:1.9!important;color:#526c91!important}
.hero .eyebrow{background:#eaf3ff;border:1px solid #cfe2ff;color:#075dd5;box-shadow:none}
.hero-actions .btn{min-height:48px;padding:11px 21px;border-radius:10px}
.hero-actions .btn.primary{background:linear-gradient(135deg,#075ee8,#087cff);box-shadow:0 12px 30px #086ee836}
.hero-benefits{gap:18px!important}.hero-benefits span{font-size:13px;color:#466386}.hero-benefits .icon{color:#0780ed}
.hero-art{min-width:0;padding:0;filter:none}
.hero-console{position:relative;overflow:hidden;border:1px solid #bed7fa;border-radius:22px;background:linear-gradient(150deg,#ffffff 0,#f4f8ff 100%);box-shadow:0 32px 90px #063d8926,0 2px 8px #075cd20f;padding:18px;min-height:480px}
.hero-console:before{content:"";position:absolute;width:280px;height:280px;right:-105px;top:-130px;border-radius:50%;background:#0c73ff16;filter:blur(2px)}
.console-top,.console-title,.console-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}
.console-top{padding:3px 4px 18px}.console-brand{display:flex;align-items:center;gap:10px;font-size:14px}.console-brand>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#075ee8,#168cff);color:#fff}.console-brand .icon{width:18px}.console-live{font-size:11px;color:#177459;background:#e9fbf4;border:1px solid #c8f1e1;border-radius:20px;padding:6px 10px}.console-live i{display:inline-block;width:6px;height:6px;background:#19bd80;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #19bd8017}
.console-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative}.console-metrics>div{min-width:0;background:#fff;border:1px solid #dce9fa;border-radius:12px;padding:13px 11px;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.console-metrics>div>span{grid-row:1/3;width:28px;height:28px;border-radius:8px;background:#eaf3ff;color:#096fe8;display:grid;place-items:center}.console-metrics .icon{width:15px}.console-metrics strong{font-size:17px;line-height:1}.console-metrics small{font-size:9px;color:#7890af;margin-top:4px}
.console-body{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(210px,.72fr);gap:12px;margin-top:12px;position:relative}.console-inbox,.console-flow{background:#fff;border:1px solid #dce9fa;border-radius:14px;padding:15px}.console-title{font-size:12px;margin-bottom:10px}.console-title span{font-size:9px;color:#7891b0;background:#f0f6ff;padding:4px 7px;border-radius:6px}.console-row{display:flex;align-items:center;gap:9px;border-top:1px solid #edf3fb;padding:12px 0}.console-row>div{min-width:0;flex:1}.console-row b{font-size:11px;display:block}.console-row small{font-size:9px;color:#8095b1;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-row em{font-size:8px;font-style:normal;color:#9b6d17;background:#fff6dd;border-radius:5px;padding:4px 6px;white-space:nowrap}.console-row em.s1{color:#087951;background:#eafaf4}.console-row em.s2{color:#1764c0;background:#eaf3ff}.console-avatar{width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#cce2ff,#edf5ff);color:#075ed6;display:grid;place-items:center;font-size:10px;font-weight:700}.flow-line{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#f7faff;border:1px solid #e5eefb}.flow-line.active{background:#eaf3ff;border-color:#bcd8ff}.flow-line>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#0a6fe9}.flow-line .icon{width:15px}.flow-line b{display:block;font-size:10px}.flow-line small{display:block;font-size:8px;color:#7f95b1;margin-top:3px}.console-flow>i{display:block;height:10px;width:1px;background:#bed7f7;margin:0 0 0 24px}.console-foot{margin-top:12px;background:#0d2d58;color:#dbeaff;border-radius:11px;padding:12px 14px;font-size:10px}.console-foot>.icon{width:14px}.console-foot span{margin-left:auto;color:#76c8ff;display:flex;align-items:center;gap:5px}.console-foot span .icon{width:13px}
.feature-ribbon,.value-strip,.public-section,.workflow-section,.public-cta{width:min(1320px,calc(100% - 64px));margin-left:auto;margin-right:auto}.feature-ribbon{border:1px solid #dce9f8;background:#fff;box-shadow:0 18px 46px #083f820a;border-radius:18px}.value-strip{border-radius:16px;background:#0c2d59;color:#fff;box-shadow:0 16px 42px #092d5b1a}.value-strip span{color:#a9c2e4!important}.public-section,.workflow-section{padding-left:0;padding-right:0}.scenario-section,.product-section,.faq-section{background:transparent}.use-case-card,.feature-card,.workflow-step,.faq-item{border-color:#dce9f8;background:#fff;box-shadow:0 10px 34px #073a7608}.section-kicker{color:#0764dc;background:#eaf3ff;border-color:#cfe1fa}.trust-panel{background:linear-gradient(120deg,#08254d,#0b4f9e);box-shadow:0 28px 70px #082d5e24}.public-cta{box-sizing:border-box;margin-top:70px;margin-bottom:70px;border-radius:24px;padding:52px 58px;background:linear-gradient(115deg,#082451 0,#0759c8 72%,#0787e8 100%);box-shadow:0 25px 70px #07356d29;overflow:hidden;position:relative}.public-cta:after{content:"";position:absolute;right:-80px;top:-150px;width:360px;height:360px;border:45px solid #ffffff12;border-radius:50%;pointer-events:none}.public-cta>div{max-width:760px;position:relative;z-index:1}.public-cta h2{font-size:32px;line-height:1.35;margin:8px 0 10px}.public-cta p{color:#c1d4ec}.public-cta .btn{margin:0;position:relative;z-index:1;flex-shrink:0}.cta-kicker{font-size:12px;color:#7ad2ff;font-weight:700;letter-spacing:.08em}
.knowledge-grid{display:grid!important;grid-template-columns:minmax(175px,210px) minmax(540px,1fr) minmax(260px,310px)!important;align-items:start;gap:18px}.knowledge-grid>.category-list,.knowledge-grid>.stack,.knowledge-grid>aside:last-child{width:auto!important;min-width:0}.knowledge-grid>aside:last-child{position:sticky;top:94px}.knowledge-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.knowledge-grid .table-card{overflow:hidden}.knowledge-grid .table-wrap{overflow:auto}
.integration-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.integration-header>div{display:flex;gap:13px;min-width:0}.integration-header h3{margin:1px 0 5px;font-size:16px}.integration-header p{margin:0;color:#7890af;font-size:12px}.integration-status{white-space:nowrap}.integration-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-form .field.full,.integration-form .form-grid>.field:has(textarea),.integration-form .form-grid>.notice{grid-column:1/-1}.integration-form textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;min-height:105px}.integration-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.integration-note{font-size:11px;color:#7890af;line-height:1.7;margin-top:12px}.integration-note .icon{width:14px;margin-right:5px;vertical-align:-2px}.storage-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.storage-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #dbe8f8;border-radius:10px;padding:13px;background:#f9fbff}.storage-option:has(input:checked){border-color:#0a71ed;background:#edf5ff}.storage-option input{margin-top:3px;accent-color:#0871eb}.storage-option b{font-size:12px;display:block}.storage-option small{font-size:10px;color:#7890ae;display:block;margin-top:4px}
@media(max-width:1180px){.hero{grid-template-columns:1fr;padding-top:66px}.hero-copy{text-align:center;max-width:800px;margin:auto}.hero-description{margin-left:auto!important;margin-right:auto!important}.hero-actions,.hero-benefits{justify-content:center}.hero-art{max-width:760px;width:100%;margin:auto}.knowledge-grid{grid-template-columns:180px minmax(0,1fr)!important}.knowledge-grid>aside:last-child{grid-column:1/-1;position:static}}
@media(max-width:800px){.hero{padding:48px 22px 58px}.hero-copy h1{font-size:46px;letter-spacing:-1.8px}.hero-description{font-size:16px!important}.console-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.console-body{grid-template-columns:1fr}.console-flow{display:none}.feature-ribbon,.value-strip,.public-section,.workflow-section,.public-cta{width:min(100% - 28px,1320px)}.public-cta{padding:36px 26px;display:block;text-align:left}.public-cta .btn{margin-top:22px}.knowledge-grid{display:flex!important;flex-direction:column}.knowledge-grid>.category-list,.knowledge-grid>.stack,.knowledge-grid>aside:last-child{width:100%!important}.integration-form .form-grid,.storage-switch{grid-template-columns:1fr}.integration-form .field.full{grid-column:auto}}
@media(max-width:520px){.hero-copy h1{font-size:38px}.hero-console{padding:12px;min-height:0}.console-foot span{display:none}.console-row em{display:none}.hero-benefits{align-items:flex-start;flex-direction:column}.public-cta h2{font-size:25px}}

/* v7: omnichannel workspace and final public-page contrast fixes */
.value-strip strong{color:#f7fbff!important;text-shadow:0 1px 16px #4aa8ff25}.value-strip>div{min-width:0}.value-strip span{color:#b8d0ed!important}
.trust-panel .section-kicker.light{color:#9edcff!important;background:#ffffff12;border:1px solid #ffffff1f;box-shadow:none}.trust-copy>p{color:#c9d8ea!important}.trust-points span{color:#e4eefb}.trust-stack b{color:#7fcaff}.trust-stack strong{color:#fff!important}.trust-stack span{color:#c5d6e9!important}
.faq-section{box-sizing:border-box;overflow:hidden}.faq-section .public-section-head,.faq-section .faq-list{width:min(1080px,100%);max-width:1080px;margin-left:auto;margin-right:auto;box-sizing:border-box}.faq-section .public-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.faq-section .public-section-head>div{min-width:0}.faq-section .public-section-head .btn{justify-self:end;white-space:nowrap}.faq-section .faq-list{overflow:hidden}.faq-item summary span{min-width:0}
.channel-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;padding:31px 34px;border-radius:18px;color:#fff;background:linear-gradient(118deg,#082956 0,#075bbd 66%,#087ee9 100%);box-shadow:0 20px 50px #07396c20}.channel-hero:after{content:"";position:absolute;right:-80px;top:-150px;width:320px;height:320px;border:40px solid #ffffff12;border-radius:50%;pointer-events:none}.channel-hero>div{position:relative;z-index:1}.channel-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff10;color:#a9dcff;font-size:11px;font-weight:700;letter-spacing:.04em}.channel-eyebrow .icon{width:15px}.channel-hero h2{margin:14px 0 8px;font-size:28px}.channel-hero p{max-width:690px;margin:0;color:#c5daf1;font-size:13px;line-height:1.8}.channel-flow{display:flex;align-items:center;gap:9px;white-space:nowrap}.channel-flow>span{display:flex;align-items:center;gap:7px;padding:12px 14px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0e;font-size:11px}.channel-flow>.icon{width:16px;color:#80c9ff}.channel-flow>span .icon{width:17px;color:#fff}.channel-metrics{margin-top:16px}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.channel-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #dbe7f6;border-radius:15px;background:#fff;box-shadow:0 12px 32px #07396d0b}.channel-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.channel-card-head h3{margin:0 0 4px;font-size:17px}.channel-card-head p{margin:0;color:#8395ad;font-size:11px}.channel-logo{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:12px}.channel-logo .icon{width:22px;height:22px}.channel-logo.blue{color:#086ade;background:#e9f3ff}.channel-logo.green{color:#078968;background:#e7f9f3}.channel-logo.purple{color:#7057ce;background:#f1edff}.channel-summary{min-height:20px;margin:18px 0 12px;color:#526b8b;font-size:12px}.channel-error{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;padding:9px 11px;border-radius:8px;background:#fff2f3;color:#bf4254;font-size:11px;line-height:1.6}.channel-error .icon{width:15px;flex:0 0 15px}.channel-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px 19px;padding:13px 0;border-top:1px solid #edf2f8;color:#8496ad;font-size:10px}.channel-stats b{color:#253955;font-size:14px}.channel-callback{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin:2px 0 14px;padding:10px;border-radius:9px;background:#f5f9ff}.channel-callback>span{grid-column:1/-1;color:#6682a6;font-size:10px}.channel-callback code{overflow:hidden;color:#476689;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.channel-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:7px;margin-top:auto}.channel-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.channel-guide>div{display:flex;gap:12px;align-items:flex-start}.channel-guide h3{margin:2px 0 6px;font-size:13px}.channel-guide p{margin:0;color:#7e92ad;font-size:11px;line-height:1.7}.channel-guide .icon-tile{flex:0 0 auto}.channel-picker{display:grid;gap:9px}.channel-picker>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:14px;border:1px solid #dfe9f6;border-radius:12px;background:#fff;color:#263b58;text-align:left;cursor:pointer}.channel-picker>button:hover{border-color:#98c4fb;background:#f7fbff}.channel-picker>button>span:nth-child(2){min-width:0}.channel-picker b,.channel-picker small{display:block}.channel-picker b{font-size:14px}.channel-picker small{margin-top:5px;color:#7e93ae;font-size:11px;line-height:1.6}.channel-picker>button>.icon:last-child{width:17px;color:#7e9abc}.channel-form-title{display:flex;align-items:center;gap:13px;margin-bottom:21px;padding-bottom:17px;border-bottom:1px solid #edf2f8}.channel-form-title b,.channel-form-title small{display:block}.channel-form-title b{font-size:16px}.channel-form-title small{margin-top:4px;color:#7f93ad;font-size:11px}.channel-form>.field,.channel-form>.form-grid{margin-bottom:0}.channel-form .copy-box{margin:6px 0 18px}.copy-box{position:relative;padding:13px;border:1px solid #dbe8f8;border-radius:9px;background:#f6f9fe}.copy-box>span{display:block;margin-bottom:7px;color:#748aa8;font-size:10px}.copy-box code{display:block;padding-right:85px;color:#3c5c82;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;user-select:all}.copy-box>.btn{position:absolute;right:9px;bottom:9px}.channel-source{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:150px;color:#54708f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-source .icon{width:13px;height:13px;flex:0 0 13px}.channel-source.wechat_official{color:#16835f}.channel-source.wecom{color:#1767bd}.channel-source.email{color:#7656c2}.chat-header .channel-source{display:inline-flex;max-width:130px;vertical-align:-2px}.external-channel .composer-toolbar label.tool:has(#chat-upload){display:none}.external-channel .composer:after{content:"外部渠道暂支持文字回复";display:block;margin-top:7px;color:#8a9bb0;font-size:10px}.delivery-failed .chat-msg-time{color:#d14357}.channel-profile p{margin:11px 0 0;color:#7e92ad;font-size:11px;line-height:1.7}
@media(max-width:1180px){.channel-hero{grid-template-columns:1fr}.channel-flow{justify-content:flex-start}.channel-grid{grid-template-columns:1fr}.channel-guide{grid-template-columns:1fr}}
@media(max-width:800px){.faq-section .public-section-head{grid-template-columns:1fr}.faq-section .public-section-head .btn{justify-self:start}.channel-hero{padding:25px 20px}.channel-hero h2{font-size:23px}.channel-flow{overflow:auto}.channel-flow>span{padding:9px 10px}.channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card{padding:17px}.channel-card-head{grid-template-columns:auto minmax(0,1fr)}.channel-card-head>.badge{grid-column:2;justify-self:start}.channel-callback{grid-template-columns:1fr}.channel-callback .btn{justify-self:start}.channel-actions{justify-content:flex-start}.copy-box code{padding-right:0}.copy-box>.btn{position:static;margin-top:9px}}
.channel-hero h2{color:#fff!important}

/* v8: live visitors, conversation supervision and customer 360 */
.auth-options label{cursor:pointer;user-select:none;gap:9px}.auth-options input[type="checkbox"]{width:18px;height:18px;margin:0;accent-color:var(--blue);cursor:pointer;flex:0 0 auto}
.source-rail{padding:22px 24px}.source-rail .card-heading{align-items:flex-start}.source-rail .card-heading h2{margin-bottom:5px}.source-rail .card-heading p{margin:0;font-size:12px}.source-chip-list{display:flex;gap:9px;overflow:auto;padding:3px 0 13px;scrollbar-width:thin}.source-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;height:66px;border:1px solid #dce9f9;border-radius:13px;background:linear-gradient(145deg,#fff,#f3f8ff);box-shadow:0 8px 18px #07396d08}.source-chip b{font-size:13px;color:#174f91}.source-chip small{margin-top:5px;color:#8ca0ba;font-size:8px}.engagement-filter{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;gap:9px;padding:0 0 16px}.engagement-filter>label{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid #dce8f7;border-radius:9px;background:#f8fbff;color:#7792b2}.engagement-filter>label .icon{width:16px}.engagement-filter input{width:100%;border:0;outline:0;background:transparent;color:#203653}.engagement-filter select{height:38px;border:1px solid #dce8f7;border-radius:9px;background:#fff;color:#385675;padding:0 10px}.page-path{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.source-cell{display:flex;align-items:center;gap:9px}.source-cell>span:last-child{min-width:0}.source-cell b,.source-cell small{display:block}.source-cell b{font-size:11px}.source-cell small{margin-top:3px;color:#8ca0b8;font-size:9px}.source-logo{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:linear-gradient(145deg,#e7f2ff,#d8e9ff);color:#0867d6;font-size:10px;font-weight:800}.monitor-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 31px;border-radius:16px;background:linear-gradient(118deg,#0a294f,#075dbd 72%,#087fe7);color:#fff;box-shadow:0 18px 44px #0739701c}.monitor-hero:after{content:"";position:absolute;right:-70px;top:-150px;width:310px;height:310px;border:42px solid #ffffff10;border-radius:50%}.monitor-hero>div{position:relative;z-index:1}.monitor-hero>div:first-child>span{display:flex;align-items:center;gap:7px;color:#98d7ff;font-size:11px;font-weight:700}.monitor-hero>div:first-child>span .icon{width:16px}.monitor-hero h2{margin:10px 0 7px;color:#fff;font-size:25px}.monitor-hero p{max-width:780px;margin:0;color:#c5d9ee;font-size:12px;line-height:1.75}.monitor-live{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0f;color:#d9edff;font-size:11px}.monitor-live i{width:7px;height:7px;border-radius:50%;background:#43e3aa;box-shadow:0 0 0 5px #43e3aa1c}.row-overdue td{background:#fff8f8}.ellipsis-cell{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-360-dialog{width:min(1120px,calc(100vw - 30px))!important}.customer-360-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:4px 2px 18px;border-bottom:1px solid #eaf1f9}.customer-360-head h2{margin:0 0 4px}.customer-360-head p{margin:0 0 8px;color:#7389a8;font-size:12px}.customer-intent{display:flex;align-items:center;gap:7px}.customer-360-metrics{margin:17px 0}.customer-360-metrics .metric{box-shadow:none;background:#f7faff}.customer-360-metrics .metric strong{font-size:20px}.customer-360-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:16px}.customer-360-grid>.card{box-shadow:none;background:#fbfdff}.customer-timeline{max-height:470px;overflow:auto}.customer-timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:12px 0;border-bottom:1px solid #eaf1f8}.customer-timeline-item:last-child{border-bottom:0}.timeline-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf4ff;color:#0871ea}.timeline-dot .icon{width:16px}.customer-timeline-item b,.customer-timeline-item strong,.customer-timeline-item small{display:block}.customer-timeline-item b{color:#7890ad;font-size:9px;font-weight:600}.customer-timeline-item strong{margin:3px 0;font-size:12px}.customer-timeline-item small{color:#8da0b8;font-size:9px}.customer-timeline-item>a{color:#6b8db5}.customer-timeline-item>a .icon{width:15px}.badge+.badge{margin-left:5px}
@media(max-width:1050px){.customer-360-grid{grid-template-columns:1fr}.monitor-hero{align-items:flex-start}.engagement-filter{grid-template-columns:1fr 150px auto}}
@media(max-width:800px){.source-rail .card-heading,.monitor-hero{display:block}.source-rail .card-heading .btn,.monitor-live{margin-top:13px}.engagement-filter{grid-template-columns:1fr}.customer-360-head{grid-template-columns:auto 1fr}.customer-intent{grid-column:1/-1}.customer-360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-path{max-width:170px}}

/* v9: real source marks and denser conversation list */
.source-chip-list{gap:10px;padding:5px 0 14px}.source-chip{box-sizing:border-box;min-width:82px;height:94px;padding:9px 8px 8px;justify-content:flex-start;gap:4px}.source-brand{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px}.source-brand img{display:block;width:30px;height:30px;object-fit:contain}.source-brand-toutiao img,.source-brand-uc img,.source-brand-shenma img{width:32px;height:32px}.source-chip b{max-width:72px;margin-top:1px;overflow:hidden;color:#244b7a;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.source-chip small{margin-top:0;font-size:8px;line-height:1.2;white-space:nowrap}.source-logo{background:#f4f8ff}.source-logo .source-brand{width:27px;height:27px;flex-basis:27px}.source-logo .source-brand img{width:24px;height:24px}
.conversation-list{padding:5px}.conversation-item{min-height:68px!important;gap:8px!important;padding:8px 7px!important;border-radius:9px!important}.conversation-item>.avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:13px!important}.conversation-item>.content{gap:1px!important}.conversation-item strong{font-size:12px!important;line-height:1.25}.conversation-item .snippet{margin:2px 0!important;font-size:10px!important;line-height:1.3}.conversation-meta{min-height:15px;gap:5px!important;font-size:9px!important;line-height:1.2}.conversation-meta>small{font-size:8px!important}.conversation-meta .badge{padding:1px 5px!important;font-size:8px!important;line-height:1.35}.conversation-item.active:before{top:8px!important;bottom:8px!important}.conversation-search{padding:10px!important}.conversation-search>label{padding:7px 8px!important}.conversation-search>.tool{height:32px!important}.conversation-search input{font-size:11px!important}

/* v10: compact workspace summaries — keep operational content above the fold */
.page-content{padding-top:20px}.page-heading{margin-bottom:14px}.page-heading h1{margin-bottom:4px}.page-content .grid:has(>.metric){gap:0!important;overflow:hidden;border:1px solid #e3edf9;border-radius:14px;background:#fff;box-shadow:0 8px 24px #123e7108}.page-content .grid:has(>.metric)>.metric{display:flex;min-height:70px;justify-content:center;padding:11px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.page-content .grid:has(>.metric)>.metric+.metric{border-left:1px solid #e9f0f8!important}.metric-top{gap:11px}.metric-copy{min-width:0}.metric strong{font-size:23px!important;line-height:1.05!important;letter-spacing:-.45px}.metric .metric-top span:not(.icon-tile){margin-top:3px;font-size:11px}.metric .icon-tile{width:38px;height:38px;border-radius:11px}.metric .icon-tile .icon{width:20px;height:20px}.metric-note{display:block;max-width:190px;margin-top:3px!important;overflow:hidden;color:#97a7bb!important;font-size:9px!important;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.source-rail{padding:14px 16px}.source-rail .card-heading{align-items:center;margin-bottom:10px}.source-rail .card-heading h2{margin:0 0 2px;font-size:16px}.source-rail .card-heading p{font-size:10px}.source-rail .card-heading .btn{min-height:31px;padding:5px 10px;font-size:11px}.source-chip-list{gap:6px;padding:0 0 7px}.source-chip{box-sizing:border-box;min-width:92px;height:46px;padding:6px 8px;flex-direction:row;justify-content:flex-start;gap:7px;border-radius:10px;box-shadow:none}.source-brand{width:28px;height:28px;flex:0 0 28px}.source-brand img,.source-brand-toutiao img,.source-brand-uc img,.source-brand-shenma img{width:25px;height:25px}.source-chip-copy{min-width:0;text-align:left}.source-chip b{display:block;max-width:49px;margin:0;overflow:hidden;color:#244b7a;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.source-chip small{display:block;margin:3px 0 0;font-size:7px;line-height:1;white-space:nowrap}.source-note{border-top:1px solid #edf3fa;color:#7189a8;font-size:10px}.source-note summary{display:flex;align-items:center;gap:6px;width:max-content;padding:7px 1px 0;cursor:pointer;color:#6686ae;font-weight:650;list-style:none}.source-note summary::-webkit-details-marker{display:none}.source-note summary .icon{width:14px;height:14px}.source-note p{margin:7px 0 1px;padding:8px 10px;border-radius:8px;background:#f3f8ff;line-height:1.6}.grid.grid-4.mt:has(>.metric){margin-top:12px}.table-card.mt{margin-top:12px}
@media(max-width:800px){.page-content .grid:has(>.metric){grid-template-columns:repeat(2,minmax(0,1fr))}.page-content .grid:has(>.metric)>.metric{border-bottom:1px solid #e9f0f8!important}.page-content .grid:has(>.metric)>.metric:nth-child(odd){border-left:0!important}.source-rail{padding:13px}.source-rail .card-heading{display:flex}.source-rail .card-heading .btn{margin-top:0}.source-chip{min-width:88px}.source-note p{font-size:9px}}

/* v10.1: compact overview service summary */
.greeting{padding:17px 24px}.greeting h1{margin-bottom:4px;font-size:25px}.greeting p,.greeting-note{font-size:12px}.overview-top{align-items:start}.overview-plan{display:grid;grid-template-columns:112px minmax(150px,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:15px;min-height:70px;padding:10px 15px}.overview-plan .card-heading{grid-column:1;grid-row:1;margin:0}.overview-plan .card-heading h2{color:#7890ae;font-size:10px;font-weight:650}.overview-plan .card-heading>a{display:none}.overview-plan>h3{grid-column:1;grid-row:2;margin:2px 0 0;font-size:14px;white-space:nowrap}.overview-plan>h3 .icon{width:16px}.overview-plan>p.muted{display:none}.overview-plan>.usage-label{grid-column:2;grid-row:1;margin:0;font-size:10px}.overview-plan>.progress{grid-column:2;grid-row:2;margin:5px 0 0;height:6px}.overview-plan>.btn{grid-column:3;grid-row:1/3;min-height:31px;padding:5px 10px;font-size:10px}
@media(max-width:900px){.overview-plan{grid-template-columns:100px minmax(120px,1fr)}.overview-plan>.btn{display:none}}

/* v11: denser application navigation and compact operational banners */
.sidebar>.brand{height:64px;padding:0 18px}.sidebar nav{padding:10px 10px 7px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar nav::-webkit-scrollbar{display:none;width:0;height:0}.nav-item{height:40px;gap:12px;margin:1px 0;padding:0 12px;border-radius:9px;font-size:13px}.nav-item .icon{width:19px;height:19px}.nav-item.active:before{top:10px;bottom:10px}.sidebar-bottom{padding:6px 12px 10px}.sidebar-plan{padding:11px 12px 10px}.sidebar-plan small{margin:4px 0 8px;font-size:10px}.sidebar-plan .btn{min-height:31px}.admin-link{padding:6px 9px 8px}.channel-hero,.monitor-hero{gap:20px;padding:15px 20px;border-radius:14px;box-shadow:0 10px 30px #07397016}.channel-hero:after,.monitor-hero:after{top:-145px;right:-65px;width:260px;height:260px;border-width:30px}.channel-eyebrow{gap:5px;padding:4px 8px;font-size:9px}.channel-eyebrow .icon{width:13px}.channel-hero h2,.monitor-hero h2{margin:7px 0 4px;font-size:19px}.channel-hero p,.monitor-hero p{max-width:820px;font-size:10px;line-height:1.55}.channel-flow{gap:6px}.channel-flow>span{gap:5px;padding:8px 10px;border-radius:8px;font-size:9px}.channel-flow>.icon,.channel-flow>span .icon{width:14px}.monitor-hero>div:first-child>span{font-size:9px}.monitor-hero>div:first-child>span .icon{width:14px}.monitor-live{padding:7px 10px;font-size:9px}.channel-metrics{margin-top:10px}.channel-grid.mt{margin-top:12px}.channel-card{padding:14px 16px;border-radius:13px;box-shadow:0 7px 22px #07396d09}.channel-card-head{gap:10px}.channel-card-head h3{margin-bottom:2px;font-size:14px}.channel-card-head p{font-size:9px}.channel-logo{width:36px;height:36px;flex-basis:36px;border-radius:10px}.channel-logo .icon{width:19px;height:19px}.channel-summary{min-height:0;margin:8px 0 5px;font-size:10px}.channel-stats{gap:6px 16px;padding:8px 0;font-size:9px}.channel-stats b{font-size:12px}.channel-actions{gap:6px;margin-top:5px}.channel-actions .btn{min-height:31px;padding:5px 10px;font-size:10px}.channel-callback{margin:2px 0 8px;padding:8px}.channel-error{margin-bottom:7px;padding:7px 9px}.channel-guide{gap:18px;padding:13px 16px}.channel-guide>div{gap:9px;align-items:center}.channel-guide .icon-tile{width:36px;height:36px;border-radius:10px}.channel-guide .icon-tile .icon{width:18px}.channel-guide h3{margin:0 0 3px;font-size:11px}.channel-guide p{font-size:9px;line-height:1.45}.channel-card:only-child{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;grid-template-rows:auto auto;align-items:center;gap:2px 24px}.channel-card:only-child .channel-card-head{grid-column:1;grid-row:1}.channel-card:only-child .channel-summary{grid-column:1;grid-row:2;margin:3px 0 0}.channel-card:only-child .channel-stats{grid-column:2;grid-row:1/3;padding:0;border:0}.channel-card:only-child .channel-actions{grid-column:3;grid-row:1/3;margin:0}.channel-card:only-child .channel-error,.channel-card:only-child .channel-callback{grid-column:1/-1}
@media(max-width:1180px){.channel-card:only-child{display:flex}.channel-flow{overflow-x:auto;scrollbar-width:none}.channel-flow::-webkit-scrollbar{display:none}}
@media(max-height:820px) and (min-width:801px){.sidebar>.brand{height:58px}.sidebar nav{padding-top:6px}.nav-item{height:36px;font-size:12px}.sidebar-plan{padding:8px 10px}.sidebar-plan small{display:none}.sidebar-plan .btn{margin-top:6px}.sidebar-bottom{padding-bottom:7px}}

/* v11.1: keep compact navigation icons crisp and legible */
.nav-item>.icon{box-sizing:border-box;width:30px;height:30px;flex:0 0 30px;padding:6px;border-radius:8px}
@media(max-height:820px) and (min-width:801px){.nav-item>.icon{width:28px;height:28px;flex-basis:28px;padding:5px}}

/* v12: balanced density for billing, channels and the primary navigation */
.sidebar>.brand{height:68px;padding:0 19px}.sidebar nav{padding:12px 10px 9px}.nav-item{height:44px;gap:12px;margin:2px 0;padding:0 11px;font-size:14px}.nav-item>.icon{width:32px;height:32px;flex-basis:32px;padding:6px;border-radius:9px}.sidebar-bottom{padding:8px 12px 12px}.sidebar-plan{padding:12px 12px 11px}.sidebar-plan small{display:block;margin:5px 0 9px;font-size:11px}.sidebar-plan .btn{min-height:34px;font-size:12px}
.channel-hero{gap:28px;padding:21px 25px;border-radius:16px}.channel-hero:after{top:-145px;right:-62px;width:285px;height:285px;border-width:34px}.channel-eyebrow{gap:6px;padding:5px 9px;font-size:10px}.channel-eyebrow .icon{width:14px}.channel-hero h2{margin:10px 0 6px;font-size:22px}.channel-hero p{font-size:11px;line-height:1.7}.channel-flow{gap:8px}.channel-flow>span{gap:6px;padding:10px 12px;border-radius:9px;font-size:10px}.channel-flow>.icon,.channel-flow>span .icon{width:15px}.channel-metrics{margin-top:14px}.channel-grid.mt{margin-top:15px}.channel-card{padding:18px 20px;border-radius:14px}.channel-card-head{gap:12px}.channel-card-head h3{margin-bottom:3px;font-size:16px}.channel-card-head p{font-size:10px}.channel-logo{width:41px;height:41px;flex-basis:41px;border-radius:11px}.channel-logo .icon{width:21px;height:21px}.channel-summary{min-height:18px;margin:11px 0 7px;font-size:11px}.channel-stats{gap:8px 20px;padding:10px 0;font-size:10px}.channel-stats b{font-size:13px}.channel-actions{gap:7px;margin-top:7px}.channel-actions .btn{min-height:33px;padding:6px 11px;font-size:11px}.channel-guide{gap:22px;padding:16px 20px}.channel-guide>div{gap:11px}.channel-guide .icon-tile{width:39px;height:39px}.channel-guide .icon-tile .icon{width:20px}.channel-guide h3{margin:0 0 4px;font-size:12px}.channel-guide p{font-size:10px;line-height:1.55}.channel-card:only-child{grid-column:1/-1;min-height:112px;grid-template-columns:minmax(360px,1fr) minmax(190px,auto) auto;gap:5px 30px}.channel-card:only-child .channel-summary{margin:5px 0 0}
.billing-top{gap:14px}.billing-top>.card{padding:15px 18px}.billing-top h2{margin-bottom:9px;font-size:15px}.billing-plan-title{margin:7px 0 8px}.billing-plan-title .icon-tile{width:44px;height:44px;border-radius:12px}.billing-plan-title h3{font-size:22px}.billing-top>.card:first-child>p.muted{display:inline;margin:0 13px 0 0;font-size:11px}.billing-top>.card:first-child>.btn{display:flex;width:max-content;margin-top:11px;min-height:32px;padding:5px 10px;font-size:11px}.billing-usage-card .usage-row{gap:10px;margin:0 0 9px}.billing-usage-card .usage-row .icon-tile{width:34px;height:34px;border-radius:9px}.billing-usage-card .usage-row .icon{width:18px;height:18px}.billing-usage-card .usage-label{font-size:11px}.billing-usage-card .progress{height:5px;margin:4px 0 0}.billing-usage-card>p.muted{margin:5px 0 0;padding-top:7px;border-top:1px solid #edf2f8;font-size:10px}.billing-top>.card:last-child .kv-list{gap:0}.billing-top>.card:last-child .kv-list>div{padding:7px 0}.billing-top>.card:last-child .notice{margin:9px 0 0;padding:9px 11px;font-size:10px}.billing-lower.mt{margin-top:14px}.billing-lower>.card{padding:18px}.billing-lower .card-heading{margin-bottom:12px}.billing-lower .card-heading .tabs{margin-bottom:0}.plan-cards{gap:12px}.plan-card{padding:18px 16px}.plan-card h3{font-size:20px}.plan-card>p.muted{min-height:22px;margin:3px 0 0;font-size:11px}.plan-price{margin:10px 0 12px;font-size:30px}.plan-card ul{margin:8px 0 14px;font-size:11px;line-height:2.15}.plan-card li{font-size:11px}.plan-card>.btn{min-height:34px}.billing-lower>aside{gap:14px}.billing-lower>aside>.card{padding:18px}.billing-lower>aside>.card>p.muted{margin:6px 0 9px;font-size:11px}.addon-card{margin-top:9px;padding:12px 14px}
@media(max-width:1180px){.channel-card:only-child{grid-column:auto;display:flex;min-height:0}.channel-hero{padding:19px 21px}.billing-top>.card:first-child>p.muted{display:block;margin:5px 0}}
@media(max-width:800px){.nav-item{height:42px;font-size:13px}.channel-card:only-child{grid-column:auto}.billing-top>.card{padding:16px}.plan-card{padding:18px}}
@media(max-height:820px) and (min-width:801px){.sidebar>.brand{height:60px}.sidebar nav{padding-top:7px}.nav-item{height:39px;margin:1px 0;font-size:13px}.nav-item>.icon{width:29px;height:29px;flex-basis:29px;padding:5px}.sidebar-plan{padding:9px 10px}.sidebar-plan small{display:none}.sidebar-plan .btn{margin-top:5px;min-height:32px}.sidebar-bottom{padding-bottom:8px}}

/* v12.1: complete first-screen pricing and a more relaxed channel card */
.plan-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;line-height:1.85}.plan-card li{min-width:0;line-height:1.45}.channel-card:only-child{min-height:142px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:7px 28px}.channel-card:only-child .channel-card-head{grid-column:1/-1;grid-row:1}.channel-card:only-child .channel-summary{grid-column:1/-1;grid-row:2;margin:0}.channel-card:only-child .channel-stats{grid-column:1;grid-row:3;align-self:end;padding:10px 0 0;border-top:1px solid #edf2f8}.channel-card:only-child .channel-actions{grid-column:2;grid-row:3;align-self:end;margin:0}.channel-card:only-child .channel-error,.channel-card:only-child .channel-callback{grid-column:1/-1}
@media(max-width:1180px){.channel-card:only-child{display:flex;min-height:0}.channel-card:only-child .channel-stats{padding:10px 0;border-top:1px solid #edf2f8}}

/* v13: structured help center and balanced single-channel presentation */
.help-hero{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(440px,1.28fr);align-items:center;gap:38px;min-height:132px;margin-bottom:14px;padding:22px 26px;background:linear-gradient(120deg,#eaf4ff 0,#f8fbff 56%,#e3efff 100%);box-shadow:0 12px 32px #2359910b}
.help-hero-copy{min-width:0}
.help-kicker{display:inline-flex;align-items:center;gap:6px;color:#226cc7;font-size:10px;font-weight:750;letter-spacing:.06em}
.help-kicker .icon{width:14px;height:14px}
.help-hero h2{margin:7px 0 5px;font-size:24px;line-height:1.3}
.help-hero-copy>p{margin:0;color:#6f86a5;font-size:12px;line-height:1.65}
.help-search{width:100%;max-width:none;margin:0;padding:5px;border-color:#cbdff7;background:#ffffffd9;box-shadow:0 9px 24px #346da80c}
.help-search>label{padding:9px 13px}
.help-search .btn{min-width:90px}
.help-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.help-category{min-height:82px;padding:14px 16px;gap:12px;border-radius:12px;box-shadow:0 8px 22px #123e7008}
.help-category .icon-tile{width:42px;height:42px;border-radius:11px}
.help-category .icon-tile .icon{width:21px;height:21px}
.help-category h3{margin:0 0 5px;font-size:15px}
.help-category span:not(.icon-tile){font-size:10px}
.help-popular-card{padding:18px 22px}
.help-popular-card .card-heading{margin-bottom:2px}
.help-popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.help-popular-list .faq-row{min-height:48px;padding:12px 7px}

.channel-hero{grid-template-columns:minmax(0,1fr) minmax(430px,.78fr);gap:30px;min-height:128px;padding:20px 24px;border-radius:16px;box-shadow:0 14px 36px #07397018}
.channel-hero-copy{max-width:760px}
.channel-hero h2{margin:8px 0 5px;font-size:21px}
.channel-hero p{max-width:760px;font-size:11px;line-height:1.65}
.channel-flow{display:grid;grid-template-columns:auto 14px auto 14px auto;align-items:center;gap:6px;padding:8px 9px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff09}
.channel-flow>span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;gap:1px 7px;min-width:112px;padding:6px 7px;border:0;border-radius:9px;background:transparent}
.channel-flow>span>.icon{grid-row:1/3;width:16px;height:16px;color:#d8edff}
.channel-flow>span b{font-size:10px;line-height:1.35}
.channel-flow>span small{color:#99c7f4;font-size:8px;line-height:1.35}
.channel-flow>.icon{width:14px;height:14px;color:#65b7f4}
.channel-grid{grid-template-columns:repeat(auto-fill,minmax(520px,760px));justify-content:start;align-items:start}
.channel-card:only-child{grid-column:auto;width:100%;max-width:760px;min-height:154px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:7px 22px}
.channel-card:only-child .channel-card-head{grid-column:1/-1;grid-row:1}
.channel-card:only-child .channel-summary{grid-column:1/-1;grid-row:2;margin:0}
.channel-card:only-child .channel-stats{grid-column:1;grid-row:3;align-self:end;padding:10px 0 0;border-top:1px solid #edf2f8}
.channel-card:only-child .channel-actions{grid-column:2;grid-row:3;align-self:end;margin:0}

@media(max-width:1180px){.help-hero{grid-template-columns:1fr;gap:14px}.help-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-hero{grid-template-columns:1fr;gap:14px}.channel-flow{width:max-content;max-width:100%}.channel-grid{grid-template-columns:1fr}.channel-card:only-child{max-width:none}}
@media(max-width:800px){.help-hero{padding:19px}.help-search{max-width:100%}.help-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-popular-list{grid-template-columns:1fr}.channel-flow{display:flex;padding:7px;overflow-x:auto}.channel-flow>span{min-width:105px}.channel-card:only-child{display:flex;min-height:0}}
@media(max-width:520px){.help-category-grid{grid-template-columns:1fr}.help-search{flex-wrap:wrap}.help-search .btn{width:100%}}
@media(max-width:800px){.plan-card ul{grid-template-columns:1fr}}

/* v14: crisp product surfaces and colorful Apple-inspired icon language */
:root{
  --blue:#087bf5;
  --blue-dark:#0064d8;
  --ink:#101828;
  --text:#435066;
  --muted:#6f7c91;
  --border:#dfe4ec;
  --bg:#f4f6f9;
  --green:#12a875;
  --red:#e64961;
  --radius:16px;
  --shadow:0 1px 2px rgba(16,24,40,.035),0 10px 28px rgba(16,24,40,.055);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei",Inter,system-ui,sans-serif;
}
html{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{color:var(--text);background:var(--bg)}
h1,h2,h3,h4{color:var(--ink);font-weight:720;letter-spacing:-.025em}
p,.muted{color:var(--muted)}
.brand{color:#111827;letter-spacing:-.04em}.brand img{filter:drop-shadow(0 5px 9px rgba(55,84,220,.18))}
.btn{border-color:#d8dee8;border-radius:10px;background:#fff;color:#344258;box-shadow:0 1px 2px rgba(16,24,40,.035);font-weight:650}
.btn:hover{border-color:#bfc9d8;background:#fff;color:var(--blue);box-shadow:0 6px 16px rgba(16,24,40,.08);transform:translateY(-1px)}
.btn.primary{border-color:transparent;background:linear-gradient(145deg,#1492ff 0%,#087bf5 48%,#0064da 100%);color:#fff;box-shadow:0 8px 18px rgba(8,123,245,.24),inset 0 1px 0 rgba(255,255,255,.24)}
.btn.primary:hover{background:linear-gradient(145deg,#0788fa,#0068dc);color:#fff;box-shadow:0 11px 24px rgba(8,123,245,.3)}
.badge,.tag{font-weight:650}.badge.blue,.tag{color:#0669d3;background:#e9f3ff}.badge.green{color:#087c59;background:#e8f8f2}.badge.orange{color:#aa6710;background:#fff3df}.badge.purple{color:#7148c5;background:#f2ebff}.badge.red{color:#c53a51;background:#ffedf1}.badge.gray{color:#59667a;background:#edf0f4}

/* Filled squircle icons: vivid color, white glyph and a small highlight. */
.icon-tile{position:relative;overflow:hidden;border:0!important;border-radius:13px!important;background:linear-gradient(145deg,#26a1ff 0%,#087bf5 54%,#0065dc 100%)!important;color:#fff!important;box-shadow:0 8px 17px rgba(8,123,245,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.icon-tile:after{position:absolute;content:"";inset:1px 1px 48% 1px;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}
.icon-tile .icon{position:relative;z-index:1;color:#fff;stroke-width:1.9}
.icon-tile.blue{background:linear-gradient(145deg,#32a9ff,#087bf5 54%,#0064dc)!important;box-shadow:0 8px 17px rgba(8,123,245,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.icon-tile.green{background:linear-gradient(145deg,#43d99f,#13b77f 52%,#079365)!important;box-shadow:0 8px 17px rgba(18,168,117,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.icon-tile.purple{background:linear-gradient(145deg,#c471ff,#9858ed 50%,#7040cf)!important;box-shadow:0 8px 17px rgba(139,81,224,.21),inset 0 1px 0 rgba(255,255,255,.34)!important}
.icon-tile.orange{background:linear-gradient(145deg,#ffbf45,#ff922f 52%,#ee6e1a)!important;box-shadow:0 8px 17px rgba(242,127,30,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.icon-tile.red,.icon-tile.pink{background:linear-gradient(145deg,#ff7893,#f04f78 52%,#d93661)!important;box-shadow:0 8px 17px rgba(224,62,101,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.icon-tile.cyan{background:linear-gradient(145deg,#50d7ec,#18b9d4 52%,#058aa9)!important;box-shadow:0 8px 17px rgba(16,167,196,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.grid:has(>.metric)>.metric:nth-child(2) .icon-tile,.quick-item:nth-child(2) .icon-tile{background:linear-gradient(145deg,#43d99f,#13b77f 52%,#079365)!important;box-shadow:0 8px 17px rgba(18,168,117,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.grid:has(>.metric)>.metric:nth-child(3) .icon-tile,.quick-item:nth-child(3) .icon-tile{background:linear-gradient(145deg,#c471ff,#9858ed 50%,#7040cf)!important;box-shadow:0 8px 17px rgba(139,81,224,.21),inset 0 1px 0 rgba(255,255,255,.34)!important}
.grid:has(>.metric)>.metric:nth-child(4) .icon-tile,.quick-item:nth-child(4) .icon-tile{background:linear-gradient(145deg,#ffbf45,#ff922f 52%,#ee6e1a)!important;box-shadow:0 8px 17px rgba(242,127,30,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.grid:has(>.metric)>.metric:nth-child(5) .icon-tile,.quick-item:nth-child(5) .icon-tile{background:linear-gradient(145deg,#ff7893,#f04f78 52%,#d93661)!important;box-shadow:0 8px 17px rgba(224,62,101,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.grid:has(>.metric)>.metric:nth-child(6) .icon-tile,.quick-item:nth-child(6) .icon-tile{background:linear-gradient(145deg,#50d7ec,#18b9d4 52%,#058aa9)!important;box-shadow:0 8px 17px rgba(16,167,196,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}

/* Workspace: remove haze, reinforce structure, keep operational pages calm. */
.shell{background:linear-gradient(180deg,#f7f9fc 0,#f3f5f8 100%)}
.sidebar{background:linear-gradient(180deg,#111827 0%,#0e1524 62%,#0b1220 100%);border-right:1px solid #202a3b;box-shadow:6px 0 24px rgba(15,23,42,.08)}
.sidebar>.brand{border-bottom-color:rgba(255,255,255,.08)}
.nav-item{color:#b6c0d1}.nav-item:hover{color:#fff;background:rgba(255,255,255,.055)}
.nav-item>.icon{border-color:rgba(255,255,255,.07);background:rgba(38,161,255,.11);color:#63bdfc;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.nav-item:nth-child(2)>.icon,.nav-item:nth-child(8)>.icon{background:rgba(80,215,236,.11);color:#61d9ea}
.nav-item:nth-child(3)>.icon,.nav-item:nth-child(9)>.icon{background:rgba(196,113,255,.11);color:#bd85f4}
.nav-item:nth-child(4)>.icon,.nav-item:nth-child(10)>.icon{background:rgba(67,217,159,.11);color:#58d4a5}
.nav-item:nth-child(5)>.icon,.nav-item:nth-child(11)>.icon{background:rgba(255,191,69,.1);color:#ffc45e}
.nav-item:nth-child(6)>.icon,.nav-item:nth-child(12)>.icon{background:rgba(255,120,147,.1);color:#ff819b}
.nav-item:nth-child(7)>.icon,.nav-item:nth-child(13)>.icon{background:rgba(123,139,255,.11);color:#8d9aff}
.nav-item.active{border-color:rgba(94,166,255,.22);background:linear-gradient(105deg,rgba(15,123,245,.3),rgba(35,102,197,.15));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(3,7,18,.16)}
.nav-item.active>.icon{border-color:transparent;background:linear-gradient(145deg,#2ba6ff,#087bf5 54%,#0064d8);color:#fff;box-shadow:0 6px 14px rgba(0,105,220,.32),inset 0 1px 0 rgba(255,255,255,.28)}
.sidebar-plan{border-color:rgba(255,255,255,.09);background:#151e2e;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.topbar{border-bottom-color:#e1e5ec;background:#fff;backdrop-filter:none;box-shadow:0 1px 0 rgba(16,24,40,.02)}
.global-search{border-color:#dfe4ec;background:#f7f9fb;color:#78859a;box-shadow:inset 0 1px 2px rgba(16,24,40,.025)}
.global-search:focus-within{border-color:#91bfff;background:#fff;box-shadow:0 0 0 4px rgba(8,123,245,.08)}
.page-content{background:transparent}.page-heading h1{font-weight:740;color:#111827}.page-heading p{color:#6f7c90}
.card,.page-toolbar,.inbox-tabsbar,.conversation-pane,.chat-pane{border-color:#dfe4ec;background:#fff;box-shadow:var(--shadow)}
.card:hover{border-color:#d7dde7}
.metric strong{color:#111827}.metric .metric-top span:not(.icon-tile),.metric-note{color:#718096!important}
.greeting{border-color:#dbe3ed;background:linear-gradient(115deg,#fff 0%,#f8fbff 62%,#eef6ff 100%);box-shadow:var(--shadow)}
.greeting:after{border-color:rgba(8,123,245,.12);background:transparent}.greeting p,.greeting blockquote{color:#68778e}
.quick-item{border-color:#e1e6ee;background:#f8fafc;color:#48566c}.quick-item:hover{border-color:#cdd8e8;background:#fff;box-shadow:0 8px 20px rgba(16,24,40,.07)}
th{border-bottom-color:#e3e7ed;background:#f6f8fa;color:#566378}td{border-bottom-color:#e8ebf0;color:#4a586d}td strong{color:#1f2937}tbody tr:hover td{background:#f8fafc}
.field input,.field textarea,.field select,.filters>select,.compact-select,.search-field{border-color:#d9e0e9;background:#fff;color:#344258;box-shadow:inset 0 1px 2px rgba(16,24,40,.025)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#72adf5;outline:4px solid rgba(8,123,245,.075)}
.notice{border-color:#cfe3fb;background:#eff7ff;color:#426f9f}.notice.success{border-color:#ccebdd;background:#ecf9f3;color:#247c5e}.notice.warning{border-color:#f1dfb7;background:#fff8e8;color:#966f2d}
.conversation-item.active{background:linear-gradient(105deg,#eaf4ff,#f5f9ff)}.conversation-item.active:before{background:#087bf5}.message-feed{background:#fafbfc}
.chat-msg-bubble{border-color:#e2e7ee;background:#f3f5f8;color:#405066}.chat-msg.mine .chat-msg-bubble{background:linear-gradient(145deg,#1e94ff,#087bf5 55%,#0064d8);box-shadow:0 7px 17px rgba(8,123,245,.18)}
.composer-box:focus-within{border-color:#83b7f6;box-shadow:0 0 0 4px rgba(8,123,245,.075)}.composer-toolbar .send-circle{background:linear-gradient(145deg,#1e94ff,#087bf5 55%,#0064d8);box-shadow:0 7px 15px rgba(8,123,245,.24)}
.channel-hero,.monitor-hero{background:linear-gradient(112deg,#07306a 0%,#075ab7 58%,#087df2 100%);box-shadow:0 14px 30px rgba(5,66,139,.18)}
.channel-card,.channel-guide{border-color:#dde3eb;background:#fff}.help-hero{border:1px solid #d7e4f3;background:linear-gradient(115deg,#f3f8ff 0%,#fff 58%,#eef6ff 100%);box-shadow:0 8px 22px rgba(27,67,112,.055)}
.help-search{border-color:#d6e0eb;background:#fff;box-shadow:0 5px 15px rgba(16,24,40,.055)}
.help-category{border-color:#dfe4ec!important;background:#fff!important}.help-category:hover{border-color:#cbd9ea!important;box-shadow:0 10px 24px rgba(16,24,40,.07)}

/* Public site: high-contrast type, clean backgrounds and sharper product mockups. */
.public-page{background:#fff}.public-header{border-bottom:1px solid #e2e6ed;background:#fff;backdrop-filter:none;box-shadow:0 1px 0 rgba(16,24,40,.025)}
.public-header nav a{color:#536074;font-weight:640}.public-header nav a:hover{color:#087bf5}.public-header nav a.active{color:#087bf5}.public-header nav a.active:after{background:#087bf5}
.hero{min-height:650px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.hero:before{opacity:.72;background-image:linear-gradient(rgba(22,45,78,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,45,78,.035) 1px,transparent 1px);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.1) 53%,transparent 72%)}
.hero-copy{position:relative;z-index:1}.eyebrow{border-color:#cfe2fb;background:#eef7ff;color:#0870df;box-shadow:none;font-weight:680}
.hero h1{color:#0c1729;font-weight:760;letter-spacing:-.055em}.hero h1>span{color:transparent;background:linear-gradient(110deg,#086ee8 0%,#0a8cff 56%,#13a7f5 100%);-webkit-background-clip:text;background-clip:text}
.hero-description{color:#52637b;font-weight:480}.hero-benefits{color:#52637b}.hero-benefits .icon{color:#10a873;stroke-width:2.1}
.hero-console{border-color:#c9d6e6;background:linear-gradient(155deg,#fff 0%,#f7faff 100%);box-shadow:0 28px 64px rgba(24,62,111,.15),0 4px 12px rgba(24,62,111,.06)}
.hero-console:before{filter:none;background:linear-gradient(145deg,rgba(34,151,255,.12),rgba(8,123,245,.035))}
.console-brand>span{background:linear-gradient(145deg,#1fa0ff,#087bf5 55%,#0064d8);box-shadow:0 7px 14px rgba(8,123,245,.22)}
.console-metrics>div,.console-inbox,.console-flow{border-color:#dce3ec;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.console-metrics>div>span{color:#fff;background:linear-gradient(145deg,#27a5ff,#087bf5 55%,#0064d8);box-shadow:0 5px 11px rgba(8,123,245,.18)}
.console-metrics>div:nth-child(2)>span{background:linear-gradient(145deg,#50d7ec,#18b9d4 52%,#058aa9);box-shadow:0 5px 11px rgba(16,167,196,.18)}
.console-metrics>div:nth-child(3)>span{background:linear-gradient(145deg,#43d99f,#13b77f 52%,#079365);box-shadow:0 5px 11px rgba(18,168,117,.18)}
.console-metrics>div:nth-child(4)>span{background:linear-gradient(145deg,#c471ff,#9858ed 50%,#7040cf);box-shadow:0 5px 11px rgba(139,81,224,.18)}
.console-title span{color:#526a86;background:#eef4fb}.console-row{border-top-color:#e8edf3}.console-row small{color:#687a91}.console-avatar{background:linear-gradient(145deg,#dcecff,#f4f8ff);color:#076edc}
.flow-line{border-color:#e0e7ef;background:#f8fafc}.flow-line.active{border-color:#b9d7fa;background:#edf6ff}.flow-line>span{color:#fff;background:linear-gradient(145deg,#c471ff,#9858ed 50%,#7040cf)}
.console-foot{background:linear-gradient(105deg,#0c2548,#123a70);color:#eef6ff}
.feature-ribbon{border-color:#dfe4ec;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.065)}
.feature-compact strong{color:#1d2939}.feature-compact small{color:#66758a}
.use-case-card,.feature-card,.workflow-step,.faq-item,.plan-card{border-color:#dfe4ec;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025),0 9px 24px rgba(16,24,40,.05)}
.use-case-card:hover,.feature-card:hover,.plan-card:hover{border-color:#cbd6e4;box-shadow:0 16px 34px rgba(16,24,40,.085)}
.public-section-head h2,.section-head h2{color:#101828}.public-section-head p,.section-head p,.feature-card p,.use-case-card p,.workflow-step p{color:#66758a}
.section-kicker{border-color:#cfe2fb;background:#edf6ff;color:#0870df}
.workflow-step .icon-tile{color:#fff!important;background:linear-gradient(145deg,#27a5ff,#087bf5 55%,#0064d8)!important}
.trust-panel{background:radial-gradient(circle at 92% 8%,rgba(44,149,255,.22),transparent 30%),linear-gradient(128deg,#0b1e39,#123a6d);box-shadow:0 24px 52px rgba(10,31,58,.18)}
.public-cta{border-color:#123d72;background:radial-gradient(circle at 88% 15%,rgba(71,177,255,.2),transparent 28%),linear-gradient(120deg,#0a2343,#0b4f99 72%,#087bf5);box-shadow:0 22px 48px rgba(7,55,108,.19)}
.public-footer{border-top-color:#e3e7ed;background:#f7f9fb}.public-footer h4{color:#253047}.public-footer>div>a:not(.brand),.footer-brand p,.footer-brand small{color:#687589}
.auth-section{background:linear-gradient(140deg,#f7faff,#f3f6fb)}.auth-card{border-color:#dfe4ec;background:#fff;box-shadow:0 24px 60px rgba(30,54,88,.11)}

@media(max-width:800px){
  .public-header{background:#fff}
  .hero{background:linear-gradient(180deg,#fff,#f6f9ff)}
  .hero:before{opacity:.45}
  .icon-tile{box-shadow:0 5px 12px rgba(8,123,245,.17),inset 0 1px 0 rgba(255,255,255,.3)!important}
}

/* v15: quiet product design system — light workspace, refined symbols, no neon. */
:root{
  --blue:#1769d2;
  --blue-dark:#0f5dbd;
  --ink:#172033;
  --text:#465267;
  --muted:#778398;
  --border:#e1e6ed;
  --bg:#f6f7f9;
  --radius:14px;
  --shadow:0 1px 2px rgba(16,24,40,.025),0 8px 22px rgba(16,24,40,.045);
}
body{background:#f6f7f9;color:var(--text)}
h1,h2,h3,h4{color:#172033;font-weight:700;letter-spacing:-.022em}

/* Buttons use one calm brand color. Their glyphs get a deliberate, compact symbol plate. */
.btn{border-color:#d8dee7;background:#fff;color:#344054;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:border-color .16s,background .16s,color .16s,box-shadow .16s}
.btn:hover{transform:none;border-color:#bfc8d5;background:#f9fafb;color:#1769d2;box-shadow:0 3px 10px rgba(16,24,40,.055)}
.btn.primary{border-color:#1769d2;background:#1769d2;color:#fff;box-shadow:0 2px 5px rgba(23,105,210,.18)}
.btn.primary:hover{border-color:#0f5dbd;background:#0f5dbd;color:#fff;box-shadow:0 4px 11px rgba(23,105,210,.2)}
.btn.danger{border-color:#f0cdd2;background:#fff;color:#b42338}
.btn:not(.primary):not(.danger):not(.icon-only)>.icon{box-sizing:border-box;width:25px;height:25px;margin:-3px 0 -3px -5px;padding:4px;border:1px solid #e1e6ed;border-radius:7px;background:#f3f5f8;color:#526176;stroke-width:1.8}
.btn.icon-only{border-color:#dfe4eb;background:#fff;color:#5a6678;box-shadow:none}
.btn.icon-only:hover{border-color:#cbd5e1;background:#f6f8fa;color:#1769d2}
.btn.primary>.icon{color:#fff;filter:none}

/* Product icons: soft material, precise line work, restrained semantic accents. */
.icon{stroke-width:1.8}
.icon-tile,
.icon-tile.blue,
.grid:has(>.metric)>.metric:nth-child(n) .icon-tile,
.quick-item:nth-child(n) .icon-tile{
  border:1px solid #dfe5ec!important;
  background:#f2f5f8!important;
  color:#455468!important;
  box-shadow:none!important;
}
.icon-tile:after{display:none!important}
.icon-tile .icon{color:inherit!important;stroke-width:1.85}
.icon-tile.green{border-color:#d8e9e2!important;background:#eef7f3!important;color:#24785e!important}
.icon-tile.purple{border-color:#e3deed!important;background:#f5f2f8!important;color:#66547d!important}
.icon-tile.orange{border-color:#eadfce!important;background:#faf6ef!important;color:#976b32!important}
.icon-tile.red,.icon-tile.pink{border-color:#ecdde1!important;background:#faf2f4!important;color:#a75467!important}
.icon-tile.cyan{border-color:#d8e6e9!important;background:#f0f7f8!important;color:#3c7280!important}
.empty-icon{border:1px solid #e1e6ed;background:#f4f6f8;color:#66758a}
.badge,.tag{box-shadow:none}

/* Workspace navigation is intentionally light and architectural. */
.shell{background:#f6f7f9}
.sidebar,.admin-shell .sidebar{
  color:#344054;
  background:#f8fafc;
  border-right:1px solid #e1e6ed;
  box-shadow:none;
}
.sidebar>.brand{border-bottom-color:#e6eaf0;background:#fff}
.sidebar .brand,.sidebar .brand.dark{color:#172033}
.sidebar .brand img{filter:none}
.nav-item{color:#596579;font-weight:560}
.nav-item:hover{color:#172033;background:#eef1f5}
.nav-item>.icon,
.nav-item:nth-child(n)>.icon{
  border:1px solid #e1e6ed;
  background:#f2f4f7;
  color:#596579;
  box-shadow:none;
  stroke-width:1.8;
}
.nav-item.active,.admin-shell .sidebar .nav-item.active{
  color:#155fbd;
  border-color:#d7e4f5;
  background:#eaf2fc;
  box-shadow:none;
}
.nav-item.active:before{background:#1769d2}
.nav-item.active>.icon{
  border-color:#c9dcef;
  background:#fff;
  color:#1769d2;
  box-shadow:0 1px 2px rgba(23,105,210,.06);
}
.sidebar-bottom{background:linear-gradient(180deg,rgba(248,250,252,0),#f8fafc 22%)}
.sidebar-plan{border-color:#e0e5ec;background:#fff;color:#344054;box-shadow:0 2px 8px rgba(16,24,40,.035)}
.sidebar-plan small{color:#8993a3}
.sidebar-plan>div .icon{color:#9a6b1c;fill:none}
.admin-link{color:#66758a}
.admin-link:hover{color:#1769d2}

.topbar{border-bottom-color:#e3e7ed;background:#fff;box-shadow:none}
.topbar>.btn{background:transparent;border:0;box-shadow:none}
.global-search{border-color:#dfe4eb;background:#f7f8fa;color:#7a8699;box-shadow:none}
.global-search:focus-within{border-color:#9abbe2;background:#fff;box-shadow:0 0 0 3px rgba(23,105,210,.07)}
.topbar-right>.btn{border:0;background:transparent;box-shadow:none}
.workspace-picker,.top-icon{color:#66758a}
.card,.page-toolbar,.inbox-tabsbar,.conversation-pane,.chat-pane{border-color:#e1e6ed;background:#fff;box-shadow:var(--shadow)}
.card:hover{border-color:#d8dee7}
.greeting{border-color:#e0e5ec;background:#fff;box-shadow:var(--shadow)}
.greeting:after{display:none}
.quick-item{border-color:#e5e9ef;background:#fafbfc;color:#4c596d}
.quick-item:hover{border-color:#d5dde8;background:#f5f7fa;box-shadow:none}
.metric strong{color:#172033}
.metric-note{color:#8a94a4!important}
.progress>i{background:#1769d2}
.conversation-item.active{background:#edf3fb}.conversation-item.active:before{background:#1769d2}
.message-feed{background:#f8f9fb}
.chat-msg-bubble{border-color:#e2e6eb;background:#f1f3f6;color:#465267}
.chat-msg.mine .chat-msg-bubble{border-color:#1769d2;background:#1769d2;box-shadow:none}
.composer-toolbar .send-circle{background:#1769d2;box-shadow:none}

/* Large workspace feature blocks become calm information panels instead of banners. */
.channel-hero,.monitor-hero{
  border:1px solid #dce4ed;
  background:#fff;
  color:#172033;
  box-shadow:var(--shadow);
}
.channel-hero:after,.monitor-hero:after{display:none}
.channel-hero h2,.monitor-hero h2{color:#172033!important}
.channel-hero p,.monitor-hero p{color:#68758a}
.channel-eyebrow,.monitor-hero>div:first-child>span{
  border-color:#d8e4f2;
  background:#f1f6fc;
  color:#1769d2;
}
.channel-flow{border-color:#e1e6ed;background:#f7f9fb}
.channel-flow>span{border:0;background:transparent;color:#263449}
.channel-flow>span>.icon,.channel-flow>span .icon{color:#1769d2}
.channel-flow>span small{color:#7b8799}
.channel-flow>.icon{color:#9aa5b4}
.monitor-live{border-color:#dbe4ee;background:#f7f9fb;color:#526176}
.monitor-live i{background:#2f8f6c;box-shadow:none}
.channel-card,.channel-guide{border-color:#e1e6ed;background:#fff;box-shadow:var(--shadow)}
.channel-logo{border:1px solid #dfe5ec!important;background:#f3f5f8!important;color:#526176!important}

/* Public pages keep depth through spacing and typography, not glow. */
.public-page{background:#fff}
.public-header{border-bottom-color:#e4e7ec;background:#fff;box-shadow:none}
.hero{background:#fff}
.hero:before{opacity:.5;background-image:linear-gradient(rgba(23,32,51,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.025) 1px,transparent 1px)}
.eyebrow,.section-kicker{border-color:#d8e4f2;background:#f2f6fb;color:#1769d2;box-shadow:none}
.hero h1{color:#121a2a;font-weight:730}
.hero h1>span,.hero h1 em,.auth-copy h1 em{color:#1769d2;background:none;-webkit-text-fill-color:initial}
.hero-description,.hero-benefits{color:#5f6d82}
.hero-benefits .icon{color:#52765f}
.hero-console{border-color:#d8dee7;background:#fff;box-shadow:0 18px 44px rgba(16,24,40,.1),0 2px 6px rgba(16,24,40,.035)}
.hero-console:before{display:none}
.console-brand>span,
.console-metrics>div>span,
.console-metrics>div:nth-child(n)>span,
.flow-line>span{
  border:1px solid #d8e4f2;
  background:#eef4fb;
  color:#1769d2;
  box-shadow:none;
}
.console-metrics>div,.console-inbox,.console-flow{border-color:#e1e6ed;background:#fff;box-shadow:none}
.console-foot{background:#26364d;color:#f8fafc}
.feature-ribbon{border-color:#e1e6ed;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.045)}
.use-case-card,.feature-card,.workflow-step,.faq-item,.plan-card{border-color:#e1e6ed;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025),0 6px 18px rgba(16,24,40,.035)}
.use-case-card:hover,.feature-card:hover,.plan-card:hover{border-color:#cfd7e2;box-shadow:0 10px 26px rgba(16,24,40,.065)}
.workflow-step .icon-tile{border-color:#dfe5ec!important;background:#f2f5f8!important;color:#455468!important;box-shadow:none!important}
.trust-panel{background:#24344b;box-shadow:0 14px 34px rgba(16,24,40,.12)}
.public-cta{border-color:#d9e1ea;background:#f4f7fa;box-shadow:none;color:#172033}
.public-cta h2{color:#172033}
.public-cta p{color:#66758a}
.public-footer{border-top-color:#e4e7ec;background:#f7f8fa}
.auth-section{background:#f5f7fa}
.auth-card{border-color:#e0e5ec;background:#fff;box-shadow:0 18px 44px rgba(16,24,40,.085)}

@media(max-width:800px){
  .sidebar,.admin-shell .sidebar{background:#f8fafc}
  .mobile-nav-open .nav-overlay{background:rgba(23,32,51,.28);backdrop-filter:none}
  .hero{background:#fff}
  .icon-tile{box-shadow:none!important}
}

/* v16: standalone consultation links and dual-mode access */
.access-mode-grid{align-items:start}
.access-card{position:relative;overflow:hidden}
.access-mode-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:17px}

/* v13: selectable full-page chat templates and inline message images */
.template-picker{min-width:0;margin:2px 0 22px;padding:0;border:0}.template-picker legend{padding:0;color:#263e62;font-size:13px;font-weight:700}.template-picker>p{margin:5px 0 12px;color:#7b8fa9;font-size:11px}.template-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.template-choice{position:relative;min-width:0;padding:9px;border:1px solid #dfe7f0;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.template-choice:hover{transform:translateY(-1px);border-color:#aebfd4}.template-choice:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 12%,transparent)}.template-choice input{position:absolute;opacity:0;pointer-events:none}.template-choice>strong,.template-choice>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-choice>strong{margin-top:7px;color:#263950;font-size:11px}.template-choice>small{margin-top:2px;color:#8797ac;font-size:9px}.template-thumb{display:grid;grid-template-rows:9px 1fr 8px;gap:4px;height:48px;padding:5px;border:1px solid #e2e8f0;border-radius:7px;background:#f6f8fb;overflow:hidden}.template-thumb i,.template-thumb b,.template-thumb em{display:block;border-radius:3px}.template-thumb i{background:#2478df}.template-thumb b{width:58%;background:#e1e7ef}.template-thumb em{width:82%;background:#fff}.template-thumb-minimal{background:#fafbfd}.template-thumb-minimal i{background:#fff;border-bottom:1px solid #d9e1ea}.template-thumb-soft{background:#eef5ff}.template-thumb-soft i{background:#dbeaff}.template-thumb-soft b{border-radius:8px;background:#fff}.template-thumb-midnight{background:#eef1f5}.template-thumb-midnight i{background:#162033}.template-thumb-midnight b{background:#fff}
.chat-preview-shell{width:100%;overflow:hidden;border:1px solid #dbe4ef;border-radius:16px;background:#f3f5f8;box-shadow:0 16px 42px #203a5c14}.chat-page-preview{--preview-soft:color-mix(in srgb,var(--preview-brand) 9%,white);height:540px;display:flex;flex-direction:column;background:#fff;color:#24344b}.chat-preview-head{display:flex;align-items:center;gap:10px;padding:16px 18px;background:var(--preview-brand);color:#fff}.chat-preview-head>.chat-preview-mark{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--preview-brand);display:grid;place-items:center}.chat-preview-head .icon{width:20px;height:20px}.chat-preview-head>span:nth-child(2){min-width:0;flex:1}.chat-preview-head strong,.chat-preview-head small{display:block}.chat-preview-head strong{font-size:14px}.chat-preview-head small{margin-top:1px;font-size:9px;opacity:.82}.chat-preview-head>i{width:7px;height:7px;border-radius:50%;background:#43d7a2;box-shadow:0 0 0 3px #ffffff35}.chat-preview-body{flex:1;min-height:0;padding:16px;overflow:hidden;background:linear-gradient(180deg,var(--preview-soft),#fff 120px)}.chat-preview-welcome{display:flex;gap:9px;padding:12px;border:1px solid color-mix(in srgb,var(--preview-brand) 14%,#dfe6ef);border-radius:12px;background:#fff}.chat-preview-welcome>.icon{width:18px;color:var(--preview-brand)}.chat-preview-welcome span{min-width:0}.chat-preview-welcome strong,.chat-preview-welcome small{display:block}.chat-preview-welcome strong{font-size:11px}.chat-preview-welcome small{margin-top:3px;color:#71839a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview-message{display:flex;align-items:flex-start;gap:7px;margin-top:22px}.chat-preview-message>span{width:25px;height:25px;border-radius:50%;background:var(--preview-soft);color:var(--preview-brand);display:grid;place-items:center}.chat-preview-message>span .icon{width:14px}.chat-preview-message p{max-width:75%;margin:0;padding:10px 12px;border-radius:3px 12px 12px;background:#eef2f7;font-size:10px}.chat-preview-message.mine{justify-content:flex-end}.chat-preview-message.mine p{background:var(--preview-brand);color:#fff;border-radius:12px 3px 12px 12px}.chat-preview-bottom{padding:9px 15px 8px;background:#fff}.chat-preview-bottom .fake-chips{margin:0 0 8px}.chat-preview-bottom .fake-chips>span{color:var(--preview-brand);border-color:color-mix(in srgb,var(--preview-brand) 25%,#dce4ef);border-radius:999px}.chat-preview-input{height:52px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #dce3ed;border-radius:12px;color:#93a1b4;font-size:10px}.chat-preview-input span{flex:1}.chat-preview-input .icon{width:17px;color:var(--preview-brand)}.chat-preview-bottom>small{display:block;margin-top:6px;text-align:center;color:#9aa7b7;font-size:8px}.preview-theme-minimal .chat-preview-head{background:#fff;color:#26364b;border-bottom:1px solid #e1e7ef}.preview-theme-minimal .chat-preview-head>.chat-preview-mark{background:var(--preview-soft)}.preview-theme-minimal .chat-preview-body{background:#f7f9fb}.preview-theme-minimal .chat-preview-message p{background:#fff;border:1px solid #e1e7ef}.preview-theme-minimal .chat-preview-message.mine p{background:var(--preview-brand);border-color:var(--preview-brand)}.preview-theme-soft .chat-preview-head{background:linear-gradient(135deg,var(--preview-soft),#fff);color:#26364b;border-bottom:1px solid color-mix(in srgb,var(--preview-brand) 14%,#e4e9ef)}.preview-theme-soft .chat-preview-head>.chat-preview-mark{background:var(--preview-brand);color:#fff}.preview-theme-soft .chat-preview-body{background:color-mix(in srgb,var(--preview-brand) 4%,white)}.preview-theme-soft .chat-preview-welcome,.preview-theme-soft .chat-preview-message p{border:0;border-radius:15px;box-shadow:0 8px 20px #243b5a0c}.preview-theme-soft .chat-preview-message.mine p{background:var(--preview-brand);border-radius:15px}.preview-theme-soft .chat-preview-input{border:0;border-radius:17px;box-shadow:0 8px 22px #243b5a12}.preview-theme-midnight .chat-preview-head{background:#151f31;border-bottom:3px solid var(--preview-brand)}.preview-theme-midnight .chat-preview-head>.chat-preview-mark{background:var(--preview-brand);color:#fff}.preview-theme-midnight .chat-preview-body{background:#f2f4f7}.preview-theme-midnight .chat-preview-welcome{background:#1d293d;color:#fff;border-color:#2b3a52}.preview-theme-midnight .chat-preview-welcome small{color:#bdc7d5}.preview-theme-midnight .chat-preview-message.mine p{background:color-mix(in srgb,var(--preview-brand) 72%,#101b2e)}

/* v18.3: customer-service identity editor and image-based previews. */
.service-identity{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;margin:16px 0 20px;padding:16px;border:1px solid #dfe3e8;border-radius:14px;background:#f8f9fb}.service-identity-avatar{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border:1px solid #d9e1eb;border-radius:20px;background:#fff;color:#1456f0;box-shadow:0 8px 24px #1f23290d}.service-identity-avatar>img{width:100%;height:100%;object-fit:cover}.service-identity-avatar>.icon{width:34px;height:34px}.service-identity strong,.service-identity small{display:block}.service-identity small{margin-top:4px;color:#8f959e;font-size:11px;line-height:1.6}.service-identity-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.service-identity-actions label.btn{cursor:pointer}.chat-preview-mark,.chat-preview-message>span,.chat-preview-welcome-avatar{overflow:hidden}.chat-preview-mark>img,.chat-preview-message>span>img,.chat-preview-welcome-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.chat-preview-mark>img{border-radius:inherit}.chat-preview-message>span>img,.chat-preview-welcome-avatar>img{border-radius:50%}.chat-preview-welcome-avatar{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:50%;background:var(--preview-soft);color:var(--preview-brand)}.chat-preview-welcome-avatar .icon{width:15px}.chat-preview-welcome>span:nth-child(2){min-width:0}.chat-preview-welcome-avatar+span strong,.chat-preview-welcome-avatar+span small{display:block}@media(max-width:600px){.service-identity{grid-template-columns:56px minmax(0,1fr);padding:13px}.service-identity-avatar{width:56px;height:56px;border-radius:16px}}
.chat-image-message{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;width:min(360px,38vw);margin:3px 0;padding:7px;border:1px solid #dce3eb;border-radius:13px;background:#fff;color:#3d4e64}.chat-image-message img{grid-column:1;width:100%;max-height:320px;display:block;object-fit:contain;border-radius:8px;background:#f3f5f8}.chat-image-download{grid-column:2;align-self:start;width:38px;height:38px;border:1px solid #d5dfe9;border-radius:10px;background:#f4f7fa;color:#3f638d;display:grid;place-items:center;cursor:pointer}.chat-image-download:hover{background:var(--blue);border-color:var(--blue);color:#fff}.chat-image-download .icon{width:18px;height:18px}.chat-image-message figcaption{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;max-width:100%;color:#788aa1;font-size:10px;overflow-wrap:anywhere}.chat-image-message figcaption small{white-space:nowrap}.chat-msg.mine .chat-image-message{color:#3d4e64}
@media(max-width:1100px){.template-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-page-preview{height:500px}}
@media(max-width:600px){.template-picker>div{grid-template-columns:1fr 1fr}.chat-image-message{width:min(300px,66vw)}.chat-page-preview{height:470px}}

/* v14: video messages and centered standalone-page preview */
.chat-video-message{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;width:min(360px,38vw);margin:3px 0;padding:7px;border:1px solid #dce3eb;border-radius:13px;background:#fff;color:#3d4e64}.chat-video-message video{grid-column:1;width:100%;max-height:320px;display:block;border-radius:8px;background:#111}.chat-video-message figcaption{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;max-width:100%;color:#788aa1;font-size:10px;overflow-wrap:anywhere}.chat-video-message figcaption small{white-space:nowrap}.chat-msg.mine .chat-video-message{color:#3d4e64}.chat-preview-shell{display:grid;place-items:center;padding:26px;background:#eef1f5}.chat-preview-shell .chat-page-preview{width:min(520px,100%);height:500px;border:1px solid #d9e0e9;border-radius:17px;overflow:hidden;box-shadow:0 18px 45px #1d2e411c}
@media(max-width:600px){.chat-video-message{width:min(300px,66vw)}.chat-preview-shell{padding:14px}.chat-preview-shell .chat-page-preview{height:470px}}

/* v15: enlargeable chat images and centered download actions */
.chat-image-message,.chat-video-message{grid-template-columns:minmax(0,1fr)}.chat-image-preview{grid-column:1;display:block;width:100%;padding:0;border:0;border-radius:8px;background:#f3f5f8;overflow:hidden;cursor:zoom-in}.chat-image-preview img{display:block;width:100%;max-height:320px;object-fit:contain}.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download{grid-column:1;justify-self:center;align-self:center;width:auto;height:36px;padding:0 13px;gap:7px}.chat-image-download span{font-size:11px;font-weight:700}.chat-image-message figcaption,.chat-video-message figcaption{grid-column:1}.dialog.image-preview-dialog{width:min(1160px,calc(100vw - 40px));max-width:1160px;max-height:94dvh}.image-preview-dialog .dialog-body{padding:18px}.chat-image-lightbox{display:flex;flex-direction:column;align-items:center;gap:16px}.chat-image-lightbox>img{display:block;max-width:100%;max-height:calc(94dvh - 150px);object-fit:contain;border-radius:12px;background:#f3f5f8}.chat-lightbox-download{align-self:center}@media(max-width:600px){.dialog.image-preview-dialog{width:calc(100vw - 18px);max-width:calc(100vw - 18px)}.image-preview-dialog .dialog-body{padding:10px}.chat-image-lightbox>img{max-height:calc(91dvh - 135px)}}
.access-mode-head>div{min-width:0}
.access-mode-head strong,.access-mode-head small{display:block}
.access-mode-head strong{color:#17263c;font-size:15px}
.access-mode-head small{margin-top:4px;color:#7a899e;font-size:11px}
.access-mode-head .icon-tile{width:43px;height:43px;border-radius:12px}
.access-mode-head .icon{width:21px;height:21px}
.access-card .copy-box{margin:16px 0 13px}
.access-card .code-block{margin:16px 0 12px}
.access-card .actions{justify-content:flex-start}
.channel-card .channel-callback+.channel-stats{margin-top:3px}
.channel-card:only-child .channel-callback{grid-column:1/-1;max-width:760px;width:100%;margin-top:8px}
.channel-card:only-child:has(.channel-callback){min-height:176px}
@media(max-width:800px){
  .access-mode-head{grid-template-columns:auto minmax(0,1fr)}
  .access-mode-head>.badge{grid-column:2;justify-self:start}
  .channel-card:only-child:has(.channel-callback){min-height:0}
}

/* v16: attachment actions follow metadata and stay centered */
.chat-image-preview,.chat-video-message>video{grid-row:1}.chat-image-message figcaption,.chat-video-message figcaption{grid-row:2}.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download{grid-row:3;margin-top:2px}

/* v17: icon-only attachment download actions outside the card */
.chat-image-message,.chat-video-message,.chat-file-wrap{position:relative;overflow:visible}.chat-file-wrap{width:min(360px,38vw)}.chat-file-wrap>.file-message{width:100%;min-width:0;cursor:default}.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{position:absolute;top:50%;right:-49px;left:auto;z-index:2;width:38px;height:38px;margin:0;padding:0;transform:translateY(-50%);display:grid;place-items:center;border-radius:10px}.chat-msg.mine .chat-image-message>.chat-image-download,.chat-msg.mine .chat-video-message>.chat-image-download,.chat-msg.mine .chat-file-wrap>.chat-image-download{right:auto;left:-49px}.chat-image-download>span{display:none}@media(max-width:600px){.chat-file-wrap{width:min(300px,66vw)}.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{right:-43px}.chat-msg.mine .chat-image-message>.chat-image-download,.chat-msg.mine .chat-video-message>.chat-image-download,.chat-msg.mine .chat-file-wrap>.chat-image-download{left:-43px}}

/* v17.1: clear legacy grid/bottom placement so side actions are truly centered */
.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{bottom:auto;grid-row:auto;justify-self:auto;align-self:auto}

/* v17.2: keep attachment actions clearly separated from the message bubble */
.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{right:-66px}.chat-msg.mine .chat-image-message>.chat-image-download,.chat-msg.mine .chat-video-message>.chat-image-download,.chat-msg.mine .chat-file-wrap>.chat-image-download{left:-66px}@media(max-width:600px){.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{right:-62px}.chat-msg.mine .chat-image-message>.chat-image-download,.chat-msg.mine .chat-video-message>.chat-image-download,.chat-msg.mine .chat-file-wrap>.chat-image-download{left:-62px}}

/* v17.3: messenger-style natural image sizing for both visitor and agent messages */
.chat-image-message{display:inline-grid;width:fit-content;max-width:min(420px,42vw)}
.chat-image-preview{width:fit-content;max-width:100%;justify-self:start;background:transparent}
.chat-image-preview img{display:block;width:auto;height:auto;max-width:min(406px,calc(42vw - 14px));max-height:360px;object-fit:contain;background:transparent}
.chat-image-message figcaption{width:100%;min-width:0;max-width:100%}
@media(max-width:600px){.chat-image-message{max-width:min(320px,66vw)}.chat-image-preview img{max-width:min(306px,calc(66vw - 14px));max-height:320px}}

/* v18: Feishu-inspired product system — crisp type, calm color and deliberate icons. */
:root{--blue:#1456f0;--blue-dark:#0f47c9;--ink:#1f2329;--text:#373c43;--muted:#646a73;--border:#dee0e3;--bg:#f5f6f7;--green:#00a870;--red:#d83931;--side:228px;--radius:12px;--shadow:0 1px 2px rgba(31,35,41,.04),0 4px 12px rgba(31,35,41,.045);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
html{font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body{color:var(--text);background:var(--bg)}h1,h2,h3,h4{color:var(--ink);font-weight:650;letter-spacing:-.018em}p,.muted{color:var(--muted)}.brand{color:var(--ink);font-weight:720;letter-spacing:-.035em}.brand img{filter:drop-shadow(0 3px 7px rgba(20,86,240,.16))}

/* Solid actions and low-noise status colors. */
.btn{min-height:38px;border-color:#d0d3d6;border-radius:8px;background:#fff;color:#373c43;box-shadow:0 1px 1px rgba(31,35,41,.03);font-weight:570;transform:none}.btn:hover{border-color:#aeb4bc;background:#f7f8fa;color:#1456f0;box-shadow:none;transform:none}.btn.primary{border-color:#1456f0;background:#1456f0;color:#fff;box-shadow:0 3px 8px rgba(20,86,240,.18)}.btn.primary:hover{border-color:#0f47c9;background:#0f47c9;color:#fff;box-shadow:0 4px 10px rgba(20,86,240,.2)}.btn:active{transform:translateY(1px)}.btn:not(.primary):not(.danger):not(.icon-only)>.icon{border:0;background:#f2f3f5;color:#51565d}.btn.icon-only{border-color:#d8dadd;background:#fff;color:#51565d}.btn.icon-only:hover{border-color:#b6c8f7;background:#f2f6ff;color:#1456f0}.badge{border-radius:5px;font-weight:570}.badge.blue{background:#e8f3ff;color:#1456f0}.badge.green{background:#e7f8f2;color:#00875a}.badge.orange{background:#fff3e5;color:#ad6500}.badge.purple{background:#f3edff;color:#6b4dc3}.badge.gray{background:#f2f3f5;color:#646a73}

/* One icon language, with restrained semantic plates. */
.icon{stroke-width:1.75}.icon-tile,.icon-tile.blue,.grid:has(>.metric)>.metric:nth-child(n) .icon-tile,.quick-item:nth-child(n) .icon-tile{border:1px solid #cfe0ff!important;border-radius:10px!important;background:#edf4ff!important;color:#1456f0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}.grid:has(>.metric)>.metric:nth-child(2) .icon-tile,.quick-item:nth-child(2) .icon-tile,.icon-tile.green{border-color:#ccebe0!important;background:#ecf8f4!important;color:#00875a!important}.grid:has(>.metric)>.metric:nth-child(3) .icon-tile,.quick-item:nth-child(3) .icon-tile,.icon-tile.purple{border-color:#dfd4fa!important;background:#f5f1ff!important;color:#6b4dc3!important}.grid:has(>.metric)>.metric:nth-child(4) .icon-tile,.quick-item:nth-child(4) .icon-tile,.icon-tile.orange{border-color:#f1dfc4!important;background:#fff7eb!important;color:#ad6500!important}.grid:has(>.metric)>.metric:nth-child(5) .icon-tile,.quick-item:nth-child(5) .icon-tile,.icon-tile.red,.icon-tile.pink{border-color:#f2d3d0!important;background:#fff1f0!important;color:#c02b26!important}.grid:has(>.metric)>.metric:nth-child(6) .icon-tile,.quick-item:nth-child(6) .icon-tile,.icon-tile.cyan{border-color:#cbe6ee!important;background:#edf8fa!important;color:#147d92!important}.icon-tile:after{display:none!important}.empty-icon{border:1px solid #d6e3fa;background:#f2f6fd;color:#1456f0}

/* Workspace architecture. */
.shell{background:#f5f6f7}.sidebar,.admin-shell .sidebar{width:var(--side);border-right:1px solid #dee0e3;background:#f7f8fa;color:#373c43;box-shadow:none}.sidebar>.brand{height:68px;padding:0 20px;border-bottom:1px solid #e6e7e9;background:#fff}.sidebar .brand,.sidebar .brand.dark{color:#1f2329}.sidebar nav{padding:10px 10px 8px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{height:43px;gap:11px;margin:2px 0;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#51565d;font-size:13.5px;font-weight:520}.nav-item>.icon,.nav-item:nth-child(n)>.icon{width:30px;height:30px;flex-basis:30px;padding:6px;border:1px solid #dfe2e6;border-radius:8px;background:#fff;color:#646a73;box-shadow:0 1px 1px rgba(31,35,41,.025)}.nav-item:hover{border-color:transparent;background:#eff0f1;color:#1f2329}.nav-item.active,.admin-shell .sidebar .nav-item.active{border-color:#cfe0ff;background:#e8f3ff;color:#1456f0;font-weight:650;box-shadow:none}.nav-item.active:before{display:none}.nav-item.active>.icon{border-color:#b8d0ff;background:#dbe9ff;color:#1456f0;box-shadow:none}.sidebar-bottom{padding:8px 11px 11px;background:linear-gradient(180deg,rgba(247,248,250,0),#f7f8fa 22%)}.sidebar-plan{padding:11px 12px 10px;border:1px solid #dee0e3;border-radius:10px;background:#fff;color:#373c43;box-shadow:0 2px 6px rgba(31,35,41,.04)}.sidebar-plan small{color:#8f959e}.sidebar-plan>div .icon{color:#d68a00;fill:none}.admin-link{color:#646a73}.admin-link:hover{color:#1456f0}.shell-main{margin-left:var(--side)}
.topbar{height:68px;padding:0 26px;border-bottom:1px solid #dee0e3;background:rgba(255,255,255,.96);box-shadow:none;backdrop-filter:saturate(150%) blur(12px)}.global-search{height:38px;border-color:#dee0e3;border-radius:8px;background:#f5f6f7;color:#8f959e}.global-search:focus-within{border-color:#82a7fc;background:#fff;box-shadow:0 0 0 3px rgba(20,86,240,.09)}.workspace-picker,.top-icon,.topbar-right>.btn{color:#646a73}.page-content{padding:22px 28px 34px;background:transparent}.page-heading{margin-bottom:16px}.page-heading h1{font-weight:650;color:#1f2329}.page-heading p{color:#646a73}.card,.page-toolbar,.inbox-tabsbar,.conversation-pane,.chat-pane{border:1px solid #dee0e3;background:#fff;box-shadow:var(--shadow)}.card{border-radius:12px}.card:hover{border-color:#d3d6da}.card-heading h2{font-weight:620}
.greeting{padding:20px 25px;border:1px solid #d8e2f3;border-radius:14px;background:linear-gradient(112deg,#fff 0%,#f7f9ff 68%,#edf3ff 100%);box-shadow:var(--shadow)}.greeting:after{display:block;right:-65px;top:-165px;width:320px;height:320px;border:42px solid rgba(20,86,240,.045);border-radius:50%;transform:none}.greeting h1{font-size:26px;font-weight:650}.greeting p{color:#646a73}.greeting blockquote{color:#6d7b91}.page-content .grid:has(>.metric){border-color:#dee0e3;border-radius:12px;box-shadow:var(--shadow)}.page-content .grid:has(>.metric)>.metric{min-height:78px;padding:13px 18px!important}.page-content .grid:has(>.metric)>.metric+.metric{border-left-color:#e8e9eb!important}.metric strong{color:#1f2329!important;font-weight:650!important}.metric .metric-top span:not(.icon-tile){color:#646a73!important}.metric-note{color:#8f959e!important}.overview-top,.overview-charts{gap:16px}.overview-charts{margin-top:16px}.quick-item{border:1px solid #e1e3e6;background:#f8f9fa;color:#373c43}.quick-item:hover{border-color:#c8d8fa;background:#f2f6ff;color:#1456f0}.progress{background:#eff0f1}.progress>i{background:#1456f0}.line-chart text{fill:#8f959e}.recent-item{border-bottom-color:#eff0f1}.recent-item p,.recent-item>small{color:#8f959e}
.notice{border-color:#cfe0ff;background:#f0f6ff;color:#3b609d}.notice.success{border-color:#ccebe0;background:#eef9f5;color:#18785a}.notice.warning{border-color:#f1dfc4;background:#fff8ed;color:#946317}.search-field,.field input,.field textarea,.field select,.filters>select,.compact-select{border-color:#d8dadd;background:#fff;color:#373c43}.search-field:focus-within,.field input:focus,.field textarea:focus,.field select:focus{border-color:#82a7fc;background:#fff;outline:3px solid rgba(20,86,240,.08)}th{border-bottom-color:#dee0e3;background:#f5f6f7;color:#646a73}td{border-bottom-color:#eff0f1;color:#51565d}tbody tr:hover td{background:#f8f9fa}td strong{color:#1f2329}.tabs{border-bottom-color:#dee0e3}.tab{color:#646a73}.tab.active{color:#1456f0}.tab.active:after{height:2px;background:#1456f0}.message-feed{background:#f5f6f7}.chat-msg-bubble{border-color:#e1e3e6;background:#fff;color:#373c43}.chat-msg.mine .chat-msg-bubble{border-color:#1456f0;background:#1456f0}.composer-toolbar .send-circle{background:#1456f0}

/* Operational hero panels share the same hierarchy. */
.channel-hero,.monitor-hero{border:1px solid #cbdcf9;background:linear-gradient(112deg,#f4f8ff 0%,#fff 70%);color:#1f2329;box-shadow:var(--shadow)}.channel-hero:after,.monitor-hero:after{display:block;right:-78px;top:-176px;width:330px;height:330px;border:46px solid rgba(20,86,240,.05);border-radius:50%}.channel-hero h2,.monitor-hero h2{color:#1f2329!important}.channel-hero p,.monitor-hero p{color:#646a73}.channel-eyebrow,.monitor-hero>div:first-child>span{border-color:#cfe0ff;background:#e8f3ff;color:#1456f0}.channel-flow{border-color:#dbe3f0;background:#fff}.channel-flow>span{color:#373c43}.channel-flow>span>.icon,.channel-flow>span .icon{color:#1456f0}.channel-flow>span small{color:#8f959e}.channel-flow>.icon{color:#82a7fc}.channel-card,.channel-guide{border-color:#dee0e3;background:#fff;box-shadow:var(--shadow)}.channel-logo{border-color:#cfe0ff!important;background:#edf4ff!important;color:#1456f0!important}.help-hero{border-color:#cfe0ff;background:linear-gradient(112deg,#f3f7ff,#fff 72%);box-shadow:var(--shadow)}.help-kicker{color:#1456f0}.help-hero-copy>p{color:#646a73}.help-category{border-color:#dee0e3}.help-category:hover{border-color:#b8d0ff;background:#f4f7ff}

/* Public site. */
.public-page{background:#fff}.public-header{height:76px;padding:0 max(32px,5vw);border-bottom:1px solid rgba(222,224,227,.9);background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(31,35,41,.02);backdrop-filter:saturate(150%) blur(14px)}.public-header nav a{color:#51565d;font-weight:520}.public-header nav a:hover,.public-header nav a.active{color:#1456f0}.public-header nav a.active:after{height:2px;background:#1456f0}
.hero{min-height:630px;padding-top:76px;padding-bottom:76px;background:radial-gradient(circle at 78% 30%,rgba(20,86,240,.09),transparent 26%),linear-gradient(180deg,#f7f9ff 0%,#fff 78%)}.hero:before{opacity:.55;background-image:linear-gradient(rgba(20,86,240,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(20,86,240,.032) 1px,transparent 1px);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2) 50%,transparent 78%)}.hero-copy{max-width:690px}.eyebrow,.section-kicker{border-color:#cfe0ff;background:#e8f3ff;color:#1456f0;box-shadow:none}.hero h1,.hero-copy h1{color:#1f2329;font-weight:680;letter-spacing:-.055em}.hero h1>span,.hero h1 em,.auth-copy h1 em{color:#1456f0;background:none;-webkit-text-fill-color:initial}.hero-description,.hero-benefits{color:#51565d}.hero-benefits .icon{color:#00875a}
.hero-console{border:1px solid #cbd4e2;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(31,35,41,.12),0 4px 14px rgba(31,35,41,.05)}.hero-console:before{display:block;background:linear-gradient(145deg,rgba(20,86,240,.08),rgba(107,77,195,.025));filter:none}.console-brand>span,.console-metrics>div>span,.flow-line>span{border:1px solid #cfe0ff;background:#edf4ff;color:#1456f0;box-shadow:none}.console-metrics>div:nth-child(2)>span{border-color:#ccebe0;background:#ecf8f4;color:#00875a}.console-metrics>div:nth-child(3)>span{border-color:#dfd4fa;background:#f5f1ff;color:#6b4dc3}.console-metrics>div:nth-child(4)>span{border-color:#f1dfc4;background:#fff7eb;color:#ad6500}.console-metrics>div,.console-inbox,.console-flow{border-color:#e1e3e6;background:#fff;box-shadow:none}.console-foot{background:#253247;color:#fff}
.feature-ribbon{border:1px solid #dee0e3;background:#fff;box-shadow:0 10px 30px rgba(31,35,41,.055)}.feature-ribbon .icon-tile{width:40px;height:40px;border-radius:10px!important}.value-strip{border:0;background:#253247;color:#fff;box-shadow:0 12px 30px rgba(31,35,41,.12)}.public-section{padding-top:66px;padding-bottom:72px}.public-section-head h2,.section-head h2{color:#1f2329;font-weight:650}.public-section-head p,.section-head p,.feature-card p,.use-case-card p,.workflow-step p{color:#646a73}.use-case-card,.feature-card,.workflow-step,.faq-item,.plan-card{border:1px solid #dee0e3;background:#fff;box-shadow:0 2px 8px rgba(31,35,41,.04)}.use-case-card:hover,.feature-card:hover,.plan-card:hover{border-color:#b8c9ec;box-shadow:0 10px 28px rgba(31,35,41,.075);transform:translateY(-2px)}
.workflow-section{padding-top:62px;padding-bottom:70px;background:transparent}.workflow-grid{gap:16px}.workflow-step{min-height:218px;padding:25px 22px;border-radius:14px}.workflow-step:after{border-top-color:#b8c9ec}.workflow-number{color:#1456f0}.workflow-step .icon-tile{margin:20px 0 15px;border-color:#cfe0ff!important;background:#edf4ff!important;color:#1456f0!important;box-shadow:none!important}.trust-panel{background:linear-gradient(125deg,#253247 0%,#1e3a6a 100%);box-shadow:0 18px 44px rgba(31,35,41,.16)}
.public-cta{border:1px solid #cbdcf9;background:linear-gradient(112deg,#f1f6ff 0%,#fff 68%);box-shadow:0 10px 28px rgba(31,35,41,.06);color:#1f2329}.public-cta:after{border-color:rgba(20,86,240,.05)}.public-cta h2{color:#1f2329}.public-cta p{color:#646a73}.public-cta .btn.primary{border-color:#1456f0;background:#1456f0;color:#fff;box-shadow:0 3px 8px rgba(20,86,240,.18)}.cta-kicker{color:#1456f0}.public-footer{border-top-color:#dee0e3;background:#f7f8fa}.public-footer h4{color:#373c43}.public-footer>div>a:not(.brand),.footer-brand p,.footer-brand small{color:#646a73}.auth-section{background:linear-gradient(135deg,#f3f7ff,#f7f8fa)}.auth-card{border-color:#dee0e3;background:#fff;box-shadow:0 18px 48px rgba(31,35,41,.1)}

@media(max-height:820px) and (min-width:801px){.sidebar>.brand{height:60px}.sidebar nav{padding-top:7px}.nav-item{height:39px;font-size:13px}.nav-item>.icon{width:28px;height:28px;flex-basis:28px;padding:5px}.sidebar-plan{padding:9px 10px}.sidebar-plan small{display:none}}
@media(max-width:800px){:root{--side:228px}.sidebar,.admin-shell .sidebar{background:#f7f8fa}.mobile-nav-open .nav-overlay{background:rgba(31,35,41,.28);backdrop-filter:none}.hero{background:linear-gradient(180deg,#f7f9ff,#fff)}.public-header{height:68px}.icon-tile{box-shadow:none!important}}

/* v18.1: keep mobile form controls at Safari's non-zooming text size. */
@media(max-width:1024px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
  textarea,
  select{font-size:16px!important}
}

/* Human handoff events are timeline notices, not chat bubbles. */
.chat-msg.system{display:flex;width:100%;max-width:100%;align-items:center;justify-content:center;gap:7px;margin:8px 0 18px;color:#646a73}
.chat-msg.system>.icon{width:15px;height:15px;color:#1456f0}
.chat-msg.system>span{padding:7px 11px;border:1px solid #d8e5ff;border-radius:999px;background:#f2f6ff;color:#315eae;font-size:11px;font-weight:600;line-height:1.4;text-align:center}
.chat-msg.system>small{font-size:9px;color:#9aa0a9;white-space:nowrap}
@media(max-width:600px){.chat-msg.system{flex-wrap:wrap;gap:5px}.chat-msg.system>span{font-size:11px}.chat-msg.system>small{width:100%;text-align:center}}

/* v18.2: authoritative mobile workspace layout. Keep this after every theme override. */
.chat-header>[data-action="back-conversations"]{display:none}
@media(max-width:800px){
  html,body,#app,.shell{width:100%;max-width:100%;overflow-x:hidden}
  .shell{min-height:100dvh}
  .shell-main{width:100%;max-width:100%;margin-left:0!important;min-width:0}
  .sidebar,.admin-shell .sidebar{transform:translate3d(-100%,0,0);will-change:transform}
  .mobile-nav-open .sidebar,.mobile-nav-open .admin-shell .sidebar{transform:translate3d(0,0,0)}
  .topbar{left:0;width:100%;max-width:100%;height:60px;padding:0 12px;gap:9px}
  .topbar>.btn{flex:0 0 30px;width:30px;min-width:30px}
  .global-search{min-width:0;max-width:none;height:36px;flex:1 1 auto}
  .topbar-right{flex:0 0 auto;gap:7px;margin-left:0}
  .workspace-picker,.topbar-right>.btn,.top-icon{display:none}
  .user-button{max-width:42px}
  .page-content{width:100%;max-width:none;padding:16px 12px 24px;margin:0;min-width:0}

  .page-content.inbox-page{height:calc(100dvh - 60px);padding:9px;display:flex;flex-direction:column;overflow:hidden}
  .inbox-tabsbar{width:100%;min-width:0;flex:0 0 auto;margin:0 0 8px;padding:0 6px;border-radius:11px;overflow:hidden}
  .inbox-tabsbar .tabs{flex:1 1 auto;min-width:0;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .inbox-tabsbar .tabs::-webkit-scrollbar{display:none}
  .inbox-tabsbar .tabs>a{flex:0 0 auto;font-size:11px;padding:10px 8px}
  .inbox-tabsbar .actions{flex:0 0 auto;margin-left:4px}
  .inbox-tabsbar .status-live{width:31px;height:31px;justify-content:center;padding:0;font-size:0}

  .inbox-grid{display:flex!important;flex:1 1 auto;width:100%;max-width:100%;height:auto;min-height:0;gap:0;overflow:hidden}
  .conversation-pane,.chat-pane{flex:1 1 100%;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;border-radius:11px}
  .conversation-pane{display:flex}
  .chat-pane{display:none}
  .inbox-grid.show-chat .conversation-pane{display:none}
  .inbox-grid.show-chat .chat-pane{display:flex}
  .conversation-search{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:7px;padding:9px!important}
  .conversation-search>label{min-width:0;width:100%}
  .conversation-list{min-width:0;padding:6px;overflow-x:hidden}
  .conversation-item{width:100%;max-width:100%;min-height:66px!important;padding:9px!important}
  .conversation-item>.content{max-width:none!important;min-width:0}
  .conversation-item strong{max-width:min(54vw,240px)!important}
  .conversation-item .snippet{max-width:min(62vw,280px)!important}
  .list-footer{flex:0 0 auto;min-width:0;overflow:hidden}
  .list-footer .pagination{padding:9px 8px 8px;gap:6px;white-space:nowrap}
  .list-footer .pagination>span{font-size:10px}
  .chat-header{flex:0 0 auto;padding:10px;min-height:64px;gap:7px}
  .chat-header>[data-action="back-conversations"]{display:inline-flex;flex:0 0 31px;width:31px;min-width:31px;min-height:31px;padding:6px}
  .chat-header>.info{gap:7px}
  .chat-header>.info>div{min-width:0}
  .chat-header .actions{margin-left:auto;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .chat-header .actions::-webkit-scrollbar{display:none}
  .message-feed{min-height:0}
  .composer{flex:0 0 auto}
  .conversation-profile.open{left:9px;right:9px;top:69px;bottom:9px;width:auto;max-width:none}
}
@media(max-width:480px){
  .global-search{flex:0 0 44px;width:44px;padding:0;justify-content:center}
  .global-search input,.global-search kbd{display:none}
  .user-button strong,.user-button>.icon{display:none}
  .user-button{padding:0;justify-content:center}
  .inbox-tabsbar .tabs>a{padding:10px 7px}
  .chat-header .actions>.btn:not(.primary):not(.icon-only){display:none}
  .chat-header .actions>.btn.primary{padding:5px 9px}
}

/* v18.4: compact desktop settings workspace so more controls fit above the fold. */
@media(min-width:1101px){
  .page-content:has(>.settings-grid){padding-top:14px;padding-bottom:26px}
  .page-content:has(>.settings-grid)>.page-heading{margin-bottom:10px}
  .page-content:has(>.settings-grid)>.page-heading h1{margin-bottom:3px;font-size:25px}
  .page-content:has(>.settings-grid)>.page-heading p{font-size:12px}
  .page-content:has(>.settings-grid)>.page-toolbar{min-height:62px;margin-bottom:12px;padding:9px 16px}
  .page-content:has(>.settings-grid)>.page-toolbar .site-label{gap:10px}
  .page-content:has(>.settings-grid)>.page-toolbar .site-label .icon-tile{width:40px;height:40px}
  .page-content:has(>.settings-grid)>.page-toolbar .site-label strong{font-size:15px}
  .page-content:has(>.settings-grid)>.page-toolbar .site-label small{font-size:10px}
  .page-content:has(>.settings-grid)>.page-toolbar .tabs{margin:0}
  .page-content:has(>.settings-grid)>.page-toolbar .tabs>a{padding:10px 12px;font-size:12px}

  .settings-grid{gap:14px;align-items:start}
  .settings-grid>.card{padding:16px 18px}
  .settings-grid>.card>h2,.setting-preview .card-heading h2{font-size:16px}
  .settings-grid>.card>h2{margin-bottom:4px}
  .service-identity{grid-template-columns:56px minmax(0,1fr);gap:12px;margin:10px 0 14px;padding:11px 12px;border-radius:11px}
  .service-identity-avatar{width:56px;height:56px;border-radius:14px}
  .service-identity-avatar>.icon{width:28px;height:28px}
  .service-identity small{margin-top:2px;line-height:1.4}
  .service-identity-actions{margin-top:7px}
  .service-identity-actions .btn{min-height:30px;padding:4px 9px;font-size:11px}
  .settings-grid .form-grid{gap:0 14px}
  .settings-grid .field{gap:5px;margin-bottom:11px}
  .settings-grid .field input,.settings-grid .field textarea,.settings-grid .field select{min-height:37px;padding:7px 10px}
  .settings-grid .field input[type=color]{height:37px;padding:4px}
  .settings-grid .field textarea{min-height:78px}
  .settings-grid .template-picker{margin:0 0 12px}
  .settings-grid .template-picker>p{display:none}
  .settings-grid .template-picker>div{gap:7px;margin-top:7px}
  .settings-grid .template-choice{padding:6px;border-radius:9px}
  .settings-grid .template-thumb{height:38px;grid-template-rows:7px 1fr 6px;padding:4px}
  .settings-grid .template-choice>strong{margin-top:4px}
  .settings-grid .template-choice>small{margin-top:1px}
  .setting-preview{position:sticky;top:82px;padding:16px 18px}
  .setting-preview .card-heading{margin-bottom:12px}
  .setting-preview .chat-preview-shell{padding:16px}
  .setting-preview .chat-preview-shell .chat-page-preview{height:470px}
  .setting-preview>.notice{margin-top:12px;padding:9px 11px}
}

/* v18.4: concise notices follow their content; long messages wrap at a safe cap. */
#toasts{
  width:auto;
  max-width:min(560px,calc(100vw - 30px));
  align-items:center;
}
.toast,.notice{
  width:fit-content;
  max-width:100%;
  overflow-wrap:anywhere;
}
.toast{justify-content:flex-start}
.setting-preview>.notice{width:fit-content}

/* v18.5: FAQ uses calm tiles instead of a framed, table-like accordion. */
.faq-section .faq-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:12px;
  overflow:visible;
}
.faq-section .faq-item,
.faq-section .faq-item:first-child{
  min-width:0;
  overflow:hidden;
  border:0;
  border-radius:14px;
  background:#f6f8fb;
  box-shadow:none;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.faq-section .faq-item:hover,
.faq-section .faq-item[open]{
  background:#fff;
  box-shadow:0 10px 30px rgba(31,35,41,.07);
}
.faq-section .faq-item:hover{transform:translateY(-1px)}
.faq-section .faq-item summary{
  min-height:64px;
  padding:16px 18px;
  gap:14px;
  color:#252b38;
  font-size:14px;
  font-weight:650;
}
.faq-section .faq-item summary .icon{
  box-sizing:content-box;
  flex:0 0 auto;
  width:14px;
  height:14px;
  padding:6px;
  border-radius:50%;
  background:#fff;
  color:#7b8493;
  box-shadow:0 0 0 1px rgba(31,35,41,.06);
}
.faq-section .faq-item[open] summary .icon{
  background:#edf3ff;
  color:#3370ff;
  box-shadow:none;
}
.faq-section .faq-item p{
  max-width:none;
  margin:-3px 18px 17px;
  padding-right:34px;
  color:#6b7280;
  font-size:12.5px;
  line-height:1.8;
}
@media(max-width:800px){
  .faq-section .faq-list{grid-template-columns:1fr;gap:8px}
  .faq-section .faq-item summary{min-height:58px;padding:14px 15px;font-size:13px}
  .faq-section .faq-item p{margin:-2px 15px 15px;padding-right:24px;font-size:12px}
}

/* v19.0: expressive, calm public website inspired by modern product design. */
body.public-page{
  --apple-ink:#1d1d1f;
  --apple-muted:#6e6e73;
  --apple-blue:#0877f9;
  --apple-blue-dark:#0562d5;
  --apple-surface:#f5f5f7;
  --apple-line:rgba(29,29,31,.09);
  margin:0;
  color:var(--apple-ink);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.public-page #app{min-height:100vh;background:#fff}
.public-page .public-header{
  box-sizing:border-box;
  position:sticky;
  z-index:100;
  top:0;
  width:100%;
  height:72px;
  padding:0 max(28px,calc((100vw - 1440px)/2));
  border-bottom:1px solid rgba(29,29,31,.07);
  background:rgba(255,255,255,.82);
  box-shadow:none;
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
}
.public-page .public-header .brand{gap:10px;color:var(--apple-ink);font-size:22px;font-weight:750;letter-spacing:-.7px}
.public-page .public-header .brand-logo{width:35px;height:35px;border-radius:11px;box-shadow:0 7px 20px rgba(8,119,249,.18)}
.public-page .public-header nav{gap:6px;margin-left:44px}
.public-page .public-header nav a{
  position:relative;
  padding:11px 13px;
  border-radius:10px;
  color:#4b4b4f;
  font-size:13px;
  font-weight:550;
  transition:color .18s ease,background .18s ease;
}
.public-page .public-header nav a:hover{color:#111;background:#f5f5f7}
.public-page .public-header nav a.active{color:var(--apple-blue);background:transparent}
.public-page .public-header nav a.active:after{content:"";position:absolute;right:13px;bottom:5px;left:13px;height:2px;border-radius:2px;background:var(--apple-blue)}
.public-page .public-header-right{gap:10px}
.public-page .public-header-right .language-label{gap:6px;color:#626267;font-size:12px}
.public-page .public-header .btn{
  min-height:38px;
  padding:0 18px;
  border:1px solid #dadde3;
  border-radius:999px;
  background:#fff;
  color:#27272a;
  box-shadow:none;
  font-size:13px;
  font-weight:650;
}
.public-page .public-header .btn.primary{border-color:var(--apple-blue);background:var(--apple-blue);color:#fff;box-shadow:0 7px 18px rgba(8,119,249,.2)}
.public-page .public-header .btn:hover{transform:none;filter:none;background:#f5f5f7}
.public-page .public-header .btn.primary:hover{background:var(--apple-blue-dark)}

.apple-home{overflow:hidden;background:#fff}
.apple-home *{box-sizing:border-box}
.apple-home a{text-decoration:none}
.apple-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(580px,1.12fr);
  gap:58px;
  align-items:center;
  width:min(1440px,calc(100% - 40px));
  min-height:750px;
  margin:20px auto 0;
  padding:80px 72px 86px;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 7% 9%,rgba(255,255,255,.98) 0 18%,transparent 43%),
    radial-gradient(circle at 91% 8%,rgba(199,224,255,.72),transparent 36%),
    linear-gradient(135deg,#f8fbff 0%,#f1f6ff 47%,#edf4ff 100%);
}
.apple-hero:before{content:"";position:absolute;right:-130px;bottom:-260px;width:620px;height:620px;border:110px solid rgba(255,255,255,.36);border-radius:50%}
.apple-hero-copy{position:relative;z-index:2;padding-left:8px}
.apple-overline{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:28px;
  padding:8px 13px 8px 9px;
  border:1px solid rgba(8,119,249,.12);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#325275;
  box-shadow:0 8px 26px rgba(38,78,125,.07);
  font-size:13px;
  font-weight:650;
}
.apple-overline span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:17px;box-shadow:0 3px 10px rgba(20,56,100,.1)}
.apple-hero h1{max-width:650px;margin:0;color:#151518;font-size:clamp(52px,4.6vw,66px);font-weight:720;letter-spacing:-3.6px;line-height:1.08}
.apple-hero h1 span{color:transparent;background:linear-gradient(90deg,#0877f9,#42a5ff);background-clip:text;-webkit-background-clip:text}
.apple-hero-copy>p{max-width:590px;margin:28px 0 0;color:#59697c;font-size:18px;line-height:1.85;letter-spacing:-.15px}
.apple-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.apple-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:680;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.apple-button b{font-size:18px;font-weight:500;transition:transform .2s ease}
.apple-button:hover{transform:translateY(-2px)}
.apple-button:hover b{transform:translateX(3px)}
.apple-button.primary{background:var(--apple-blue);color:#fff;box-shadow:0 14px 34px rgba(8,119,249,.24)}
.apple-button.primary:hover{background:var(--apple-blue-dark);box-shadow:0 18px 38px rgba(8,119,249,.29)}
.apple-button.secondary{border:1px solid rgba(29,29,31,.12);background:rgba(255,255,255,.72);color:#303034;box-shadow:0 8px 22px rgba(20,31,45,.05)}
.apple-hero-notes{display:flex;flex-wrap:wrap;gap:21px;margin-top:28px;color:#56708e;font-size:12px;font-weight:600}
.apple-hero-notes span{display:inline-flex;align-items:center;gap:6px}

.apple-stage{position:relative;z-index:2;height:560px;display:flex;align-items:center;justify-content:center}
.apple-stage-glow{position:absolute;border-radius:50%;filter:blur(2px)}
.apple-stage-glow.one{right:0;top:20px;width:270px;height:270px;background:rgba(255,255,255,.72)}
.apple-stage-glow.two{left:12px;bottom:8px;width:210px;height:210px;background:rgba(118,176,255,.16)}
.apple-product-window{
  position:relative;
  z-index:2;
  width:100%;
  max-width:790px;
  overflow:hidden;
  border:1px solid rgba(8,83,176,.13);
  border-radius:25px;
  background:#fff;
  box-shadow:0 35px 90px rgba(35,79,132,.18),0 4px 16px rgba(31,66,108,.07);
  transform:perspective(1400px) rotateY(-2deg) rotateX(1deg);
}
.apple-window-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 20px;border-bottom:1px solid #edf0f5;background:rgba(255,255,255,.9)}
.apple-window-bar>strong{display:flex;align-items:center;gap:9px;color:#253042;font-size:13px}
.apple-mini-logo{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eaf4ff;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:17px}
.apple-window-dots{display:flex;gap:6px}
.apple-window-dots i{width:8px;height:8px;border-radius:50%;background:#daddE4}
.apple-window-dots i:nth-child(1){background:#ff6a5f}.apple-window-dots i:nth-child(2){background:#f5bd4f}.apple-window-dots i:nth-child(3){background:#62c554}
.apple-window-bar em{justify-self:end;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#ecfbf5;color:#19885f;font-size:10px;font-style:normal;font-weight:650}
.apple-window-bar em i{width:7px;height:7px;border-radius:50%;background:#25c58c;box-shadow:0 0 0 3px rgba(37,197,140,.13)}
.apple-window-body{display:grid;grid-template-columns:62px 230px minmax(0,1fr);height:424px;background:#f7f9fc}
.apple-window-nav{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0;background:#152238;color:#b7c4d7}
.apple-window-nav>b,.apple-window-nav>span,.apple-window-nav>small{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:15px;font-style:normal}
.apple-window-nav>b{margin-bottom:4px;background:#0877f9;color:#fff}.apple-window-nav>span:nth-of-type(2){background:rgba(255,255,255,.1)}.apple-window-nav>small{margin-top:auto}
.apple-window-list{padding:18px 14px;border-right:1px solid #edf0f5;background:#fff}
.apple-window-list header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 13px}.apple-window-list header div{display:flex;gap:7px;align-items:baseline}.apple-window-list header b{font-size:14px}.apple-window-list header small{color:#a2a9b5;font-size:9px}.apple-window-list header>span{padding:5px 7px;border-radius:7px;background:#f4f6fa;color:#8590a1;font-size:8px}
.apple-window-list article{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;margin:4px 0;padding:11px 10px;border-radius:12px}
.apple-window-list article:first-of-type{background:#edf6ff}.apple-window-list article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dcecff;color:#2670c9;font-size:11px;font-style:normal;font-weight:700}.apple-window-list article.green>i{background:#dcf6eb;color:#178560}.apple-window-list article.orange>i{background:#fff0d9;color:#d57910}.apple-window-list article div{min-width:0}.apple-window-list article b,.apple-window-list article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apple-window-list article b{margin-bottom:5px;color:#263143;font-size:10px}.apple-window-list article small{color:#8894a7;font-size:8px}.apple-window-list article time{color:#9ba6b6;font-size:7px}
.apple-window-chat{display:grid;grid-template-rows:62px 1fr 67px;background:#f8fafc}.apple-window-chat>header{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf0f5;background:#fff}.apple-window-chat>header>div{display:flex;align-items:center;gap:9px}.apple-window-chat>header i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8f2ff;color:#2870c8;font-size:10px;font-style:normal;font-weight:700}.apple-window-chat>header b,.apple-window-chat>header small{display:block}.apple-window-chat>header b{font-size:10px}.apple-window-chat>header small{margin-top:4px;color:#8d97a7;font-size:7px}.apple-window-chat>header button{border:0;background:transparent;color:#8b95a4;font-size:15px}
.apple-chat-flow{display:flex;flex-direction:column;gap:14px;padding:25px 20px}.apple-chat-flow>p{max-width:78%;margin:0;padding:11px 13px;border-radius:13px;font-size:9px;line-height:1.55}.apple-chat-flow .from{align-self:flex-start;border:1px solid #e3e8f0;background:#fff;color:#3e4a5d;border-bottom-left-radius:4px}.apple-chat-flow .to{align-self:flex-end;background:#0877f9;color:#fff;border-bottom-right-radius:4px;box-shadow:0 9px 18px rgba(8,119,249,.14)}.apple-ai-note{align-self:center;display:flex;align-items:center;gap:8px;width:82%;padding:10px 12px;border:1px solid #e4e9f1;border-radius:12px;background:rgba(255,255,255,.82)}.apple-ai-note>span{font-family:"Apple Color Emoji","Segoe UI Emoji"}.apple-ai-note b,.apple-ai-note small{display:block}.apple-ai-note b{font-size:8px}.apple-ai-note small{margin-top:3px;color:#8993a2;font-size:7px}
.apple-window-chat>footer{align-self:center;display:flex;align-items:center;justify-content:space-between;height:42px;margin:0 16px 14px;padding:0 8px 0 13px;border:1px solid #dfe5ee;border-radius:13px;background:#fff;color:#a1a9b5;font-size:8px}.apple-window-chat>footer b{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#0877f9;color:#fff;font-size:12px}
.apple-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.92);border-radius:17px;background:rgba(255,255,255,.85);box-shadow:0 17px 44px rgba(38,75,119,.18);backdrop-filter:blur(14px)}.apple-float-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf4ff;font-family:"Apple Color Emoji","Segoe UI Emoji"}.apple-float-card strong,.apple-float-card small{display:block}.apple-float-card strong{color:#1f2c3e;font-size:15px}.apple-float-card small{margin-top:3px;color:#7f8b9c;font-size:9px}.apple-float-card.response{right:-17px;top:19px}.apple-float-card.solved{left:-16px;bottom:19px}.apple-float-card.solved>span{background:#effbf5}

.apple-proof{display:grid;grid-template-columns:repeat(4,1fr);width:min(1200px,calc(100% - 48px));margin:34px auto 0;padding:30px 12px;border-radius:25px;background:#fff;box-shadow:0 18px 60px rgba(29,46,70,.08),0 0 0 1px rgba(29,29,31,.05)}
.apple-proof>div{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;padding:4px 25px;border-right:1px solid #eceef2}.apple-proof>div:last-child{border-right:0}.apple-proof span{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#f5f5f7;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:24px}.apple-proof b{align-self:end;margin-bottom:4px;color:#26262a;font-size:14px}.apple-proof small{align-self:start;color:#8a8a90;font-size:11px}

.apple-section{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:130px 0 0}
.apple-section-heading{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:70px;align-items:end;margin-bottom:48px}.apple-section-heading>span{grid-column:1/-1;display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:999px;background:#eef6ff;color:#1768c5;font-size:12px;font-weight:700}.apple-section-heading h2{margin:0;color:#1b1b1e;font-size:clamp(42px,4.1vw,62px);font-weight:700;letter-spacing:-3.2px;line-height:1.12}.apple-section-heading p{margin:0 0 7px;color:#74747a;font-size:16px;line-height:1.8}.apple-section-heading.compact{display:block;text-align:center}.apple-section-heading.compact>span{margin:0 auto 18px}.apple-section-heading.compact h2{font-size:clamp(40px,3.7vw,56px)}
.apple-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.apple-bento-card{position:relative;grid-column:span 4;min-height:330px;padding:34px;overflow:hidden;border-radius:30px;background:#f5f5f7}.apple-bento-card:nth-child(1){grid-column:span 7;min-height:370px}.apple-bento-card:nth-child(2){grid-column:span 5;min-height:370px}.apple-bento-card.blue{background:linear-gradient(145deg,#eaf4ff,#dcecff)}.apple-bento-card.violet{background:linear-gradient(145deg,#f3efff,#e7defe)}.apple-bento-card.mint{background:linear-gradient(145deg,#ebfaf4,#dff6ec)}.apple-bento-card.orange{background:linear-gradient(145deg,#fff6e9,#ffedd7)}.apple-bento-card.cyan{background:linear-gradient(145deg,#ebfaff,#dcf4fb)}
.apple-card-copy{position:relative;z-index:2;height:100%}.apple-card-copy>.apple-emoji{float:left}.apple-emoji{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(40,63,91,.08);font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:30px}.apple-card-copy>small{float:right;padding-top:8px;color:rgba(35,53,76,.38);font-size:12px;font-weight:750}.apple-card-copy h3{clear:both;margin:110px 0 12px;color:#1f2a3a;font-size:29px;letter-spacing:-1.2px}.apple-card-copy p{max-width:460px;margin:0;color:#5e6d7f;font-size:14px;line-height:1.8}.apple-channel-cloud{position:absolute;right:-10px;bottom:28px;display:grid;grid-template-columns:repeat(2,max-content);gap:10px}.apple-channel-cloud span{padding:11px 15px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(38,70,108,.08);color:#526477;font-size:11px;font-weight:650}.apple-channel-cloud span:nth-child(2),.apple-channel-cloud span:nth-child(4){transform:translateY(18px)}
.apple-chart-mini{position:absolute;right:26px;bottom:30px;left:26px;display:flex;align-items:end;gap:10px;height:92px}.apple-chart-mini i{flex:1;min-width:12px;border-radius:8px 8px 3px 3px;background:linear-gradient(#43b8d4,#138db0);opacity:.82}

.apple-flow-section{width:min(1440px,calc(100% - 40px));padding-top:140px}.apple-flow-panel{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px;padding:76px 82px;border-radius:36px;background:linear-gradient(135deg,#111927,#16273d);color:#fff;box-shadow:0 35px 90px rgba(17,25,39,.15)}.apple-flow-copy>.apple-emoji.dark{margin-bottom:29px;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);box-shadow:none}.apple-flow-copy>small{display:block;margin-bottom:16px;color:#79b7ff;font-size:12px;font-weight:700}.apple-flow-copy h2{margin:0;font-size:45px;letter-spacing:-2.5px;line-height:1.14}.apple-flow-copy p{max-width:470px;margin:22px 0;color:#aeb9c8;font-size:14px;line-height:1.85}.apple-flow-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:5px;color:#fff;font-size:14px;font-weight:680}.apple-flow-copy a b{color:#69b0ff}.apple-steps{display:flex;flex-direction:column;justify-content:center;gap:10px}.apple-steps article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:21px 24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.04)}.apple-steps article>b{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:rgba(57,142,255,.18);color:#83bdff;font-size:12px}.apple-steps article div{display:grid;grid-template-columns:32px 1fr;column-gap:10px}.apple-steps article span{grid-row:1/3;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:20px}.apple-steps article h3{margin:0;font-size:16px}.apple-steps article p{margin:5px 0 0;color:#9eabba;font-size:11px;line-height:1.6}

.apple-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.apple-case-grid article{padding:38px 36px;border-radius:28px;background:#f5f5f7;transition:transform .22s ease,box-shadow .22s ease}.apple-case-grid article:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(29,29,31,.09)}.apple-case-grid h3{margin:48px 0 12px;font-size:24px;letter-spacing:-.8px}.apple-case-grid p{min-height:76px;margin:0;color:#737378;font-size:13px;line-height:1.75}.apple-case-grid i{display:block;margin-top:28px;color:#0877f9;font-size:12px;font-style:normal;font-weight:680}

.apple-trust{width:min(1440px,calc(100% - 40px))}.apple-trust-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:540px;padding:60px 96px;border-radius:36px;background:linear-gradient(135deg,#f4f8ff,#f5f5f7)}.apple-trust-visual{position:relative;display:grid;place-items:center;height:390px}.apple-shield{display:grid;place-items:center;width:180px;height:180px;border-radius:55px;background:#fff;box-shadow:0 34px 80px rgba(61,93,132,.15);font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:86px}.apple-trust-visual:before,.apple-trust-visual:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(8,119,249,.12);border-radius:50%}.apple-trust-visual:after{width:350px;height:350px;border-style:dashed}.apple-trust-visual .orbit{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;box-shadow:0 16px 35px rgba(52,83,120,.13);font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:25px}.apple-trust-visual .orbit.a{top:48px;left:20%}.apple-trust-visual .orbit.b{right:17%;bottom:60px}.apple-trust-visual .orbit.c{left:22%;bottom:48px}.apple-trust-copy>span{color:#0877f9;font-size:12px;font-weight:700}.apple-trust-copy h2{margin:17px 0 21px;font-size:48px;letter-spacing:-2.6px;line-height:1.13}.apple-trust-copy>p{max-width:540px;margin:0;color:#6f7680;font-size:15px;line-height:1.85}.apple-trust-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:27px}.apple-trust-copy b{position:relative;padding-left:19px;color:#374151;font-size:12px}.apple-trust-copy b:before{content:"✓";position:absolute;left:0;color:#10a977}

.apple-faq-section{padding-bottom:130px}.apple-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.apple-faq-list details{align-self:start;overflow:hidden;border-radius:18px;background:#f5f5f7}.apple-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:18px 21px;cursor:pointer;list-style:none;color:#2e2e31;font-size:14px;font-weight:650}.apple-faq-list summary::-webkit-details-marker{display:none}.apple-faq-list summary b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#717178;font-size:17px;font-weight:400;transition:transform .2s ease}.apple-faq-list details[open] summary b{transform:rotate(45deg)}.apple-faq-list p{margin:-4px 21px 22px;padding-right:34px;color:#74747a;font-size:13px;line-height:1.8}
.apple-final{width:min(1440px,calc(100% - 40px));margin:0 auto 20px;padding:110px 30px;border-radius:36px;background:linear-gradient(135deg,#0877f9,#369cff);color:#fff;text-align:center}.apple-final>div{max-width:720px;margin:0 auto}.apple-final .apple-emoji{margin:0 auto 26px;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.15);box-shadow:none}.apple-final h2{margin:0;font-size:58px;letter-spacing:-3.2px;line-height:1.12}.apple-final p{margin:22px 0 32px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7}.apple-button.light{background:#fff;color:#086bdb;box-shadow:0 15px 34px rgba(0,55,133,.18)}

/* The rest of the public site shares the same calm, high-contrast system. */
.public-page main:not(.apple-home){background:#fff}
.public-page .page-banner{box-sizing:border-box;min-height:410px;padding:112px 24px 88px;border:0;border-radius:0 0 38px 38px;background:radial-gradient(circle at 75% 15%,#dcecff 0,transparent 34%),linear-gradient(180deg,#f8fbff,#f5f5f7);text-align:center}
.public-page .page-banner .eyebrow{display:inline-flex;margin-bottom:18px;padding:8px 12px;border:0;border-radius:999px;background:#fff;color:#0877f9;box-shadow:0 8px 24px rgba(29,55,87,.07);font-size:12px;font-weight:700}
.public-page .page-banner h1{max-width:880px;margin:0 auto;color:#1d1d1f;font-size:clamp(44px,5vw,68px);letter-spacing:-3.3px;line-height:1.12}
.public-page .page-banner p{max-width:660px;margin:22px auto 0;color:#707078;font-size:17px;line-height:1.8}
.public-page .public-section,.public-page .public-pricing{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:90px 0}
.public-page .public-section+.public-section{padding-top:20px}
.public-page .public-section .card,.public-page .plan-card,.public-page .help-category,.public-page .legal-panel{border-color:transparent;border-radius:24px;background:#f5f5f7;box-shadow:none}
.public-page .feature-card .icon-tile,.public-page .help-category .icon-tile{width:50px;height:50px;border:0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(29,45,66,.07)}
.public-page .plan-cards{gap:16px}.public-page .plan-card{padding:35px}.public-page .plan-card.featured{background:#eef6ff;box-shadow:0 20px 50px rgba(8,119,249,.12)}
.public-page .public-help{box-sizing:border-box;width:min(1200px,calc(100% - 48px));margin:0 auto;padding:80px 0 110px}.public-page .help-hero{border:0;border-radius:30px;background:linear-gradient(135deg,#edf6ff,#f5f5f7);box-shadow:none}.public-page .help-category{background:#f5f5f7}
.public-page .auth-section{background:radial-gradient(circle at 12% 20%,#edf6ff,transparent 36%),#f5f5f7}.public-page .auth-card{border:0;border-radius:28px;box-shadow:0 28px 80px rgba(32,46,65,.12)}
.public-page .legal-panel{width:min(900px,calc(100% - 48px));margin:70px auto;padding:58px;background:#f5f5f7}

.public-page .public-footer{box-sizing:border-box;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;width:min(1440px,calc(100% - 40px));margin:20px auto 0;padding:70px 72px 34px;border-radius:34px 34px 0 0;background:#f5f5f7;color:#6e6e73}
.public-page .public-footer .brand{color:#1d1d1f}.public-page .public-footer h4{margin:5px 0 17px;color:#1d1d1f;font-size:12px}.public-page .public-footer a{margin:10px 0;color:#6e6e73;font-size:12px}.public-page .public-footer a:hover{color:#0877f9}.public-page .footer-brand p{margin:18px 0 8px;color:#3e3e43;font-size:15px}.public-page .footer-brand small{font-size:11px}.public-page .footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:34px;padding-top:22px;border-top:1px solid #dedee2;color:#8a8a90;font-size:10px}

@media(max-width:1180px){
  .apple-hero{grid-template-columns:1fr 1.15fr;gap:30px;padding:66px 42px}.apple-hero h1{font-size:56px}.apple-stage{height:500px}.apple-window-body{grid-template-columns:56px 195px 1fr}.apple-float-card.response{right:-8px}.apple-float-card.solved{left:-8px}
  .apple-flow-panel{gap:55px;padding:65px 58px}.apple-trust-panel{padding:55px 58px}
  .public-page .public-header{padding:0 26px}.public-page .public-header nav{margin-left:25px}.public-page .public-header nav a{padding:10px 9px}
}
@media(max-width:960px){
  .apple-hero{grid-template-columns:1fr;min-height:auto;padding:72px 48px}.apple-hero-copy{text-align:center}.apple-overline{margin-left:auto;margin-right:auto}.apple-hero h1,.apple-hero-copy>p{margin-left:auto;margin-right:auto}.apple-actions,.apple-hero-notes{justify-content:center}.apple-stage{width:min(760px,100%);margin:16px auto 0}.apple-proof{grid-template-columns:1fr 1fr}.apple-proof>div:nth-child(2){border-right:0}.apple-proof>div:nth-child(-n+2){padding-bottom:22px}.apple-proof>div:nth-child(n+3){padding-top:22px;border-top:1px solid #eceef2}
  .apple-section-heading{grid-template-columns:1fr;gap:20px}.apple-bento-card,.apple-bento-card:nth-child(1),.apple-bento-card:nth-child(2){grid-column:span 6;min-height:330px}.apple-bento-card:last-child{grid-column:span 12}.apple-flow-panel{grid-template-columns:1fr;padding:65px}.apple-flow-copy{text-align:center}.apple-flow-copy>.apple-emoji{margin-left:auto;margin-right:auto}.apple-flow-copy p{margin-left:auto;margin-right:auto}.apple-trust-panel{grid-template-columns:1fr;padding:45px 65px 70px}.apple-trust-copy{text-align:center}.apple-trust-copy>p{margin-left:auto;margin-right:auto}.apple-trust-copy>div{text-align:left}.apple-case-grid{grid-template-columns:1fr}.apple-case-grid p{min-height:0}.apple-faq-list{grid-template-columns:1fr}
  .public-page .public-header nav{display:none}.public-page .public-header{justify-content:space-between}.public-page .public-header-right{margin-left:auto}
  .public-page .public-footer{grid-template-columns:1.5fr repeat(3,1fr);padding:55px 42px}
}
@media(max-width:680px){
  .public-page .public-header{height:62px;padding:0 16px}.public-page .public-header .brand{font-size:19px}.public-page .public-header .brand-logo{width:32px;height:32px}.public-page .public-header-right .language-label,.public-page .public-header-right .btn:not(.primary){display:none}.public-page .public-header .btn.primary{min-height:36px;padding:0 14px;font-size:12px}
  .apple-hero{width:calc(100% - 20px);margin-top:10px;padding:54px 21px 34px;border-radius:25px}.apple-hero:before{display:none}.apple-overline{margin-bottom:23px;font-size:11px}.apple-hero h1{font-size:36px;letter-spacing:-2.2px}.apple-hero-copy>p{margin-top:22px;font-size:15px;line-height:1.75}.apple-actions{flex-direction:column}.apple-button{width:100%;min-height:50px}.apple-hero-notes{gap:10px 14px;font-size:10px}
  .apple-stage{height:395px;margin-top:22px}.apple-product-window{border-radius:19px;transform:none}.apple-window-bar{grid-template-columns:1fr auto;height:55px;padding:0 14px}.apple-window-dots{display:none}.apple-window-bar>strong{font-size:11px}.apple-window-bar em{font-size:8px}.apple-window-body{grid-template-columns:46px 1fr;height:320px}.apple-window-nav{padding:12px 0;gap:7px}.apple-window-nav>b,.apple-window-nav>span,.apple-window-nav>small{width:29px;height:29px;font-size:12px}.apple-window-list{padding:13px 10px;border-right:0}.apple-window-list article{grid-template-columns:33px 1fr auto;padding:9px 7px}.apple-window-chat{display:none}.apple-float-card{padding:9px 11px}.apple-float-card.response{right:-4px;top:30px}.apple-float-card.solved{left:-4px;bottom:7px}.apple-float-card>span{width:32px;height:32px}.apple-float-card strong{font-size:12px}.apple-float-card small{font-size:7px}
  .apple-proof{grid-template-columns:1fr;width:calc(100% - 28px);padding:9px 18px;border-radius:21px}.apple-proof>div{padding:16px 0!important;border-right:0!important;border-top:1px solid #eceef2}.apple-proof>div:first-child{border-top:0}.apple-proof span{width:45px;height:45px;border-radius:14px;font-size:21px}
  .apple-section{width:calc(100% - 28px);padding-top:92px}.apple-section-heading{margin-bottom:30px;text-align:left}.apple-section-heading>span{margin-left:0}.apple-section-heading h2,.apple-section-heading.compact h2{font-size:36px;letter-spacing:-2px}.apple-section-heading p{font-size:14px}.apple-section-heading.compact{text-align:left}.apple-section-heading.compact>span{margin-left:0}
  .apple-bento{display:block}.apple-bento-card,.apple-bento-card:nth-child(1),.apple-bento-card:nth-child(2){min-height:300px;margin-bottom:12px;padding:27px;border-radius:24px}.apple-card-copy h3{margin-top:95px;font-size:26px}.apple-emoji{width:55px;height:55px;border-radius:18px;font-size:27px}.apple-channel-cloud{right:18px;bottom:23px}.apple-channel-cloud span{padding:8px 10px;font-size:9px}
  .apple-flow-section,.apple-trust{width:calc(100% - 20px)}.apple-flow-panel{gap:42px;padding:46px 22px;border-radius:27px}.apple-flow-copy{text-align:left}.apple-flow-copy>.apple-emoji{margin-left:0}.apple-flow-copy h2{font-size:35px;letter-spacing:-1.8px}.apple-steps article{grid-template-columns:35px 1fr;padding:17px 14px}.apple-steps article div{grid-template-columns:28px 1fr}.apple-case-grid article{padding:29px 26px;border-radius:24px}.apple-case-grid h3{margin-top:34px}.apple-trust-panel{padding:32px 22px 48px;border-radius:27px}.apple-trust-visual{height:300px}.apple-shield{width:135px;height:135px;border-radius:42px;font-size:62px}.apple-trust-visual:before{width:210px;height:210px}.apple-trust-visual:after{width:270px;height:270px}.apple-trust-visual .orbit.a{left:6%}.apple-trust-visual .orbit.b{right:5%}.apple-trust-visual .orbit.c{left:10%}.apple-trust-copy{text-align:left}.apple-trust-copy h2{font-size:36px;letter-spacing:-2px}.apple-trust-copy>div{grid-template-columns:1fr}.apple-faq-section{padding-bottom:92px}.apple-faq-list summary{min-height:64px;padding:15px 17px;font-size:13px}.apple-faq-list p{margin:-3px 17px 18px;padding-right:15px;font-size:12px}.apple-final{width:calc(100% - 20px);padding:70px 22px;border-radius:27px}.apple-final h2{font-size:40px;letter-spacing:-2.2px}.apple-final p{font-size:14px}
  .public-page .page-banner{min-height:330px;padding:84px 20px 65px;border-radius:0 0 28px 28px}.public-page .page-banner h1{font-size:42px;letter-spacing:-2.3px}.public-page .page-banner p{font-size:14px}.public-page .public-section,.public-page .public-pricing,.public-page .public-help{width:calc(100% - 28px);padding:62px 0}.public-page .plan-cards{display:block}.public-page .plan-card{margin-bottom:13px}.public-page .legal-panel{width:calc(100% - 28px);margin:34px auto;padding:30px 24px}.public-page .public-footer{grid-template-columns:1fr 1fr;width:calc(100% - 20px);padding:45px 25px 28px;border-radius:27px 27px 0 0}.public-page .footer-brand{grid-column:1/-1}.public-page .footer-bottom{display:block}.public-page .footer-bottom span{display:block;margin-top:8px}
}

/* Keep the dark story panel legible against legacy public heading rules. */
.apple-flow-panel .apple-flow-copy h2,
.apple-flow-panel .apple-steps h3{color:#fff}

/* v20 — immersive public experience. Major sections flow together; only actual
   product interfaces keep framed surfaces. */
.immersive-home,.immersive-features{--im-blue:#146ef5;--im-blue-deep:#0b51bd;--im-ink:#172033;--im-copy:#5f6f84;--im-line:#e5eaf1;--im-soft:#f5f7fa;background:#fff;color:var(--im-ink);font-family:Inter,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;overflow:hidden}
.immersive-shell{box-sizing:border-box;width:min(1320px,calc(100% - 72px));margin:0 auto}
.immersive-label{display:block;margin-bottom:18px;color:var(--im-blue);font-size:13px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}
.immersive-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:27px;color:#31506f;font-size:13px;font-weight:680}.immersive-kicker b{font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:19px}
.immersive-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 25px;border-radius:13px;font-size:14px;font-weight:720;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.immersive-btn:hover{transform:translateY(-2px)}.immersive-btn.primary{background:var(--im-blue);color:#fff;box-shadow:0 13px 30px rgba(20,110,245,.2)}.immersive-btn.primary:hover{background:#0864eb}.immersive-btn.quiet{color:#334157;background:rgba(255,255,255,.7)}.immersive-btn.light{background:#fff;color:#075dcc;box-shadow:0 14px 34px rgba(3,61,147,.18)}

.immersive-hero{position:relative;padding:118px 0 108px;background:radial-gradient(circle at 82% 25%,rgba(158,210,255,.42),transparent 29%),radial-gradient(circle at 57% 75%,rgba(220,233,255,.6),transparent 31%),linear-gradient(180deg,#fbfdff,#f2f7fd 80%,#fff);overflow:hidden}.immersive-hero:before{content:"";position:absolute;inset:auto -18vw -46% 45%;height:590px;border-radius:50%;background:linear-gradient(130deg,rgba(48,146,255,.12),rgba(114,195,255,.02));filter:blur(8px);transform:rotate(-8deg)}
.immersive-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.83fr) minmax(620px,1.17fr);gap:72px;align-items:center}
.immersive-hero-copy h1{margin:0;color:#121a2b;font-size:clamp(58px,5.15vw,78px);font-weight:760;letter-spacing:-4.4px;line-height:1.08}.immersive-hero-copy h1 em{color:var(--im-blue);font-style:normal}.immersive-hero-copy>p{max-width:590px;margin:30px 0 0;color:#62728a;font-size:17px;line-height:1.9}.immersive-actions{display:flex;gap:12px;margin-top:36px}.immersive-hero-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;color:#6d7d91;font-size:12px}
.immersive-stage{position:relative;min-width:0;padding:32px 0 28px}.immersive-halo{position:absolute;inset:-60px -90px -80px -50px;background:radial-gradient(ellipse,rgba(65,153,255,.2),transparent 67%);filter:blur(18px)}
.immersive-console{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(158,184,216,.48);border-radius:24px;background:#fff;box-shadow:0 34px 80px rgba(44,77,119,.18),0 2px 7px rgba(37,68,108,.08);transform:perspective(1500px) rotateY(-2deg)}
.immersive-console>header{display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 20px;border-bottom:1px solid #e9eef5;background:rgba(255,255,255,.92)}.immersive-console>header>div{display:flex;align-items:center;gap:10px}.immersive-console>header>div i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf3ff;font-style:normal}.immersive-console>header b{font-size:12px}.immersive-console>header>span{display:flex;align-items:center;gap:6px;color:#65788f;font-size:9px}.immersive-console>header>span i{width:7px;height:7px;border-radius:50%;background:#24c68b;box-shadow:0 0 0 4px rgba(36,198,139,.12)}
.immersive-console-body{display:grid;grid-template-columns:58px 220px minmax(0,1fr);height:428px}.immersive-console-body>nav{display:flex;flex-direction:column;align-items:center;gap:10px;padding:17px 0;background:#142033;color:#91a0b6}.immersive-console-body>nav>*{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;font-size:14px}.immersive-console-body>nav>b{background:#216fdc;color:#fff}.immersive-console-body>nav small{margin-top:auto}
.immersive-console-body>aside{padding:18px 11px;border-right:1px solid #e8edf4;background:#fff}.immersive-list-title{display:flex;align-items:center;justify-content:space-between;padding:1px 9px 13px}.immersive-list-title b{font-size:12px}.immersive-list-title span{color:#9aa5b4;font-size:8px}.immersive-console-body>aside article{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;margin:2px 0;padding:12px 9px;border-radius:10px}.immersive-console-body>aside article.active{background:#edf5ff}.immersive-console-body>aside article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf2fd;color:#3b75bd;font-size:10px;font-style:normal}.immersive-console-body>aside article div{min-width:0}.immersive-console-body>aside article b,.immersive-console-body>aside article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immersive-console-body>aside article b{margin-bottom:5px;color:#273448;font-size:10px}.immersive-console-body>aside article small{color:#8492a5;font-size:8px}.immersive-console-body>aside time{align-self:start;color:#9aa5b4;font-size:7px}
.immersive-conversation{display:grid;grid-template-rows:58px 1fr 61px;background:#f8fafc}.immersive-conversation>header{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e9eef4;background:#fff}.immersive-conversation>header>div{display:flex;align-items:center;gap:9px}.immersive-conversation>header i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6f1ff;color:#2f70c5;font-size:9px;font-style:normal}.immersive-conversation>header b,.immersive-conversation>header small{display:block}.immersive-conversation>header b{font-size:10px}.immersive-conversation>header small{margin-top:3px;color:#8b97a7;font-size:7px}.immersive-messages{display:flex;flex-direction:column;gap:14px;padding:24px 18px}.immersive-messages>p{max-width:76%;margin:0;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid #e5eaf1;color:#46556a;font-size:9px;line-height:1.6}.immersive-messages>p:nth-child(2){align-self:flex-end;border:0;background:var(--im-blue);color:#fff}.immersive-messages>div{align-self:center;display:grid;grid-template-columns:28px 1fr;width:78%;padding:11px 13px;border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef}.immersive-messages>div>span{grid-row:1/3}.immersive-messages>div b,.immersive-messages>div small{font-size:8px}.immersive-messages>div small{margin-top:3px;color:#8794a5}.immersive-conversation>footer{display:flex;align-items:center;justify-content:space-between;margin:0 15px 14px;padding:0 8px 0 12px;border:1px solid #dee5ee;border-radius:11px;background:#fff;color:#a1aab7;font-size:8px}.immersive-conversation>footer b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--im-blue);color:#fff}
.immersive-float{position:absolute;z-index:3;display:grid;grid-template-columns:37px auto;column-gap:10px;align-items:center;padding:12px 15px;border:1px solid rgba(255,255,255,.85);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 18px 44px rgba(42,76,119,.18);backdrop-filter:blur(18px)}.immersive-float>span{grid-row:1/3;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#eaf4ff;color:#1670dd;font-size:17px}.immersive-float b{font-size:14px}.immersive-float small{color:#7f8da0;font-size:8px}.immersive-float.one{right:-20px;top:4px}.immersive-float.two{left:-18px;bottom:0}.immersive-float.two>span{background:#eaf9f3;color:#0aa675}

.immersive-intro{padding:152px 0 140px;text-align:center}.immersive-intro h2,.immersive-section-head h2{margin:0;color:#171f30;font-size:clamp(48px,4.8vw,68px);font-weight:740;letter-spacing:-3.8px;line-height:1.12}.immersive-intro>.immersive-shell>p{max-width:660px;margin:28px auto 0;color:#718096;font-size:16px;line-height:1.8}.immersive-signals{display:grid;grid-template-columns:repeat(3,1fr);margin-top:88px;border-top:1px solid var(--im-line);border-bottom:1px solid var(--im-line);text-align:left}.immersive-signals>div{padding:37px 40px 42px;border-left:1px solid var(--im-line)}.immersive-signals>div:first-child{border-left:0}.immersive-signals span{display:block;margin-bottom:28px;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:30px}.immersive-signals b{font-size:18px}.immersive-signals p{margin:12px 0 0;color:#718096;font-size:13px;line-height:1.75}

.immersive-story{padding:146px 0}.immersive-story.channels{background:linear-gradient(180deg,#f5f8fc,#eef5fc)}.immersive-story.knowledge{background:#fff}.immersive-story-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:110px;align-items:center}.immersive-story-grid.reverse{grid-template-columns:minmax(520px,1.18fr) minmax(0,.82fr)}.immersive-story-copy h2{margin:0;color:#182132;font-size:clamp(44px,4vw,60px);letter-spacing:-3px;line-height:1.13}.immersive-story-copy>p{max-width:560px;margin:25px 0 0;color:#65758b;font-size:15px;line-height:1.9}.immersive-story-copy>a{display:inline-flex;gap:14px;margin-top:30px;color:var(--im-blue);font-size:14px;font-weight:700}.immersive-checks{display:flex;flex-direction:column;gap:11px;margin-top:28px;color:#44536a;font-size:12px}
.immersive-channel-flow{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:center;min-height:430px}.immersive-channel-flow:before{content:"";position:absolute;inset:11% 8%;border-radius:50%;background:radial-gradient(circle,rgba(54,146,255,.18),transparent 68%);filter:blur(18px)}.immersive-source,.immersive-inbox{position:relative;z-index:1;background:rgba(255,255,255,.86);box-shadow:0 18px 52px rgba(53,90,132,.1);backdrop-filter:blur(12px)}.immersive-source{display:grid;grid-template-columns:46px 1fr;padding:18px 20px;border-radius:17px}.immersive-source>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0f5fb;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:21px}.immersive-source b{font-size:13px}.immersive-source small{margin-top:4px;color:#8b98aa;font-size:9px}.immersive-source:nth-child(2){transform:translateY(34px)}.immersive-source:nth-child(3){transform:translate(54px,17px)}.immersive-channel-flow>i{position:absolute;z-index:0;right:13%;left:13%;top:53%;height:1px;background:linear-gradient(90deg,transparent,#88bffa,transparent)}.immersive-inbox{grid-column:1/-1;display:flex;align-items:center;gap:15px;justify-self:center;width:62%;margin-top:30px;padding:22px;border-radius:20px}.immersive-inbox>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--im-blue);color:#fff;font-size:25px}.immersive-inbox small,.immersive-inbox b{display:block}.immersive-inbox small{margin-bottom:5px;color:#8a96a7;font-size:9px}.immersive-inbox b{font-size:13px}.immersive-inbox em{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9f3ff;color:#176bc9;font-size:10px;font-style:normal;font-weight:700}
.immersive-knowledge-scene{position:relative;min-height:450px;padding:45px 30px}.immersive-knowledge-scene:before{content:"";position:absolute;inset:10% 4%;border-radius:50%;background:radial-gradient(circle,#e7f2ff,transparent 70%)}.immersive-question,.immersive-answer,.immersive-handoff{position:relative;z-index:1}.immersive-question{display:flex;align-items:center;gap:12px;width:65%;padding:15px;border-radius:17px 17px 17px 5px;background:#fff;box-shadow:0 16px 40px rgba(45,77,117,.1)}.immersive-question span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf3ff;color:#3374bf;font-size:11px;font-weight:700}.immersive-question p{margin:0;font-size:12px}.immersive-answer{width:69%;margin:27px 0 0 auto;padding:24px 26px;border-radius:20px 20px 6px 20px;background:#146ef5;color:#fff;box-shadow:0 22px 55px rgba(20,110,245,.2)}.immersive-answer small{color:#c9e1ff;font-size:9px}.immersive-answer p{margin:13px 0;font-size:13px;line-height:1.7}.immersive-answer span{color:#cde3ff;font-size:8px}.immersive-handoff{display:flex;align-items:center;justify-content:space-between;width:70%;margin:24px auto 0;padding:18px 21px;border-top:1px solid #cbd9ea;border-bottom:1px solid #cbd9ea;color:#53657b}.immersive-handoff b{font-size:11px}.immersive-handoff span{color:#176fd5;font-size:10px;font-weight:680}

.immersive-dark{padding:148px 0;background:radial-gradient(circle at 80% 20%,rgba(45,118,221,.24),transparent 32%),linear-gradient(135deg,#121b2a,#16283e);color:#fff}.immersive-dark-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.immersive-dark h2{margin:0;color:#fff;font-size:clamp(45px,4.2vw,62px);letter-spacing:-3.1px;line-height:1.14}.immersive-dark p{max-width:540px;margin:27px 0 0;color:#abb7c7;font-size:15px;line-height:1.9}.immersive-dark ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}.immersive-dark li{display:grid;grid-template-columns:65px 1fr auto;align-items:center;padding:25px 5px;border-bottom:1px solid rgba(255,255,255,.14)}.immersive-dark li b{color:#6cb0ff;font-size:12px}.immersive-dark li span{font-size:17px;font-weight:680}.immersive-dark li small{color:#8f9bad;font-size:11px}

.immersive-scenarios{padding:150px 0}.immersive-section-head{max-width:900px}.immersive-scenario-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--im-line);border-bottom:1px solid var(--im-line)}.immersive-scenario-columns article{padding:44px 46px 50px;border-left:1px solid var(--im-line)}.immersive-scenario-columns article:first-child{border-left:0}.immersive-scenario-columns span{font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:35px}.immersive-scenario-columns h3{margin:35px 0 13px;font-size:22px}.immersive-scenario-columns p{margin:0;color:#6b7a8e;font-size:13px;line-height:1.85}
.immersive-trust{padding:145px 0;background:linear-gradient(135deg,#eef6ff,#f7f8fb 58%,#eef9f6)}.immersive-trust-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:center}.immersive-shield{position:relative;display:grid;place-items:center;height:380px}.immersive-shield:before,.immersive-shield:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(20,110,245,.14);border-radius:50%}.immersive-shield:after{width:350px;height:350px;border-style:dashed}.immersive-shield>span{position:relative;z-index:2;display:grid;place-items:center;width:170px;height:170px;border-radius:52px;background:#fff;box-shadow:0 32px 75px rgba(48,84,123,.14);font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:80px}.immersive-shield i{position:absolute;z-index:3;display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#fff;box-shadow:0 16px 35px rgba(48,84,123,.13);font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:24px;font-style:normal}.immersive-shield i.a{top:35px;left:22%}.immersive-shield i.b{right:18%;bottom:65px;color:#0aa775}.immersive-shield i.c{left:23%;bottom:45px}.immersive-trust h2{margin:0;font-size:clamp(43px,3.7vw,57px);letter-spacing:-2.9px;line-height:1.14}.immersive-trust p{max-width:580px;margin:25px 0 0;color:#65758a;font-size:15px;line-height:1.9}.immersive-trust-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin-top:30px}.immersive-trust-points span{position:relative;padding-left:20px;color:#405066;font-size:12px}.immersive-trust-points span:before{content:"✓";position:absolute;left:0;color:#0ba777;font-weight:800}
.immersive-faq{padding:150px 0}.immersive-faq-rows{margin-top:75px;border-top:1px solid #dfe5ec}.immersive-faq-rows details{border-bottom:1px solid #dfe5ec}.immersive-faq-rows summary{display:grid;grid-template-columns:70px 1fr 36px;align-items:center;min-height:92px;cursor:pointer;list-style:none}.immersive-faq-rows summary::-webkit-details-marker{display:none}.immersive-faq-rows summary>span{color:#9aa4b1;font-size:11px}.immersive-faq-rows summary>b{font-size:17px;font-weight:650}.immersive-faq-rows summary>i{display:grid;place-items:center;width:32px;height:32px;color:#6e7989;font-size:22px;font-style:normal;transition:transform .2s}.immersive-faq-rows details[open] summary>i{transform:rotate(45deg)}.immersive-faq-rows details>p{max-width:870px;margin:-11px 0 30px 70px;color:#718095;font-size:14px;line-height:1.85}
.immersive-cta{padding:128px 0;background:linear-gradient(125deg,#075fcf,#1788ff);color:#fff;text-align:center}.immersive-cta>.immersive-shell>span{font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:45px}.immersive-cta h2{margin:23px 0 0;color:#fff;font-size:clamp(50px,5vw,70px);letter-spacing:-3.8px;line-height:1.12}.immersive-cta p{margin:25px auto 32px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.8}.immersive-cta .immersive-btn{margin:auto}

/* Product capabilities page follows the same uninterrupted editorial rhythm. */
.immersive-subhero{padding:128px 0 120px;background:radial-gradient(circle at 75% 35%,rgba(151,208,255,.4),transparent 30%),linear-gradient(180deg,#f8fbff,#eef6ff)}.immersive-subhero .immersive-shell{max-width:980px;text-align:center}.immersive-subhero h1{margin:0;color:#172033;font-size:clamp(62px,6vw,88px);letter-spacing:-5.2px;line-height:1.04}.immersive-subhero h1 em{color:var(--im-blue);font-style:normal}.immersive-subhero p{max-width:700px;margin:30px auto 0;color:#65758b;font-size:17px;line-height:1.85}
.immersive-feature-rows article{display:grid;grid-template-columns:.83fr 1.17fr;gap:100px;align-items:center;padding:135px 0;border-bottom:1px solid var(--im-line)}.immersive-feature-rows article.reverse{grid-template-columns:1.17fr .83fr}.immersive-feature-rows article.reverse .immersive-feature-copy{order:2}.immersive-feature-rows article:last-child{border-bottom:0}.immersive-feature-copy>small{display:block;margin-bottom:24px;color:#9aa5b2;font-size:11px}.immersive-feature-copy>span{font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:36px}.immersive-feature-copy h2{margin:28px 0 16px;font-size:42px;letter-spacing:-2px}.immersive-feature-copy p{margin:0;color:#69798d;font-size:14px;line-height:1.9}.immersive-feature-copy>div{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:28px}.immersive-feature-copy>div b{color:#4b5b70;font-size:11px;font-weight:620}.immersive-feature-copy>div b:before{content:"✓";margin-right:7px;color:#0aa775}
.immersive-feature-visual{display:grid;place-items:center;min-height:390px;background:radial-gradient(circle,#e5f1ff,transparent 68%)}.immersive-feature-visual.tone-1{background:radial-gradient(circle,#ece8ff,transparent 68%)}.immersive-feature-visual.tone-2{background:radial-gradient(circle,#e5f7f0,transparent 68%)}.feature-flow{display:grid;grid-template-columns:repeat(3,max-content);gap:10px;align-items:center}.feature-flow span,.feature-flow b{padding:14px 18px;border-radius:999px;background:#fff;box-shadow:0 13px 32px rgba(45,80,120,.1);font-size:11px}.feature-flow i{grid-column:1/-1;color:#347cce;text-align:center;font-style:normal}.feature-flow b{grid-column:1/-1;justify-self:center;background:#146ef5;color:#fff}.feature-answer,.feature-profile,.feature-ticket,.feature-security{width:min(390px,75%);padding:30px;border-radius:23px;background:#fff;box-shadow:0 23px 58px rgba(45,80,120,.13)}.feature-answer small{color:#7c61d3}.feature-answer p{margin:18px 0;font-size:14px;line-height:1.7}.feature-answer b{color:#146ef5;font-size:11px}.feature-profile{display:grid;grid-template-columns:54px 1fr}.feature-profile>span{grid-row:1/4;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e8f3ff;color:#2f72c4}.feature-profile b{font-size:16px}.feature-profile small{margin-top:5px;color:#8390a1;font-size:10px}.feature-profile p{grid-column:1/-1;margin:25px 0 0;padding-top:18px;border-top:1px solid #e7ebf0;color:#627288;font-size:11px}.feature-ticket{display:grid;grid-template-columns:1fr auto}.feature-ticket small{grid-column:1/-1;color:#8b97a7}.feature-ticket b{margin-top:15px}.feature-ticket span{grid-column:1/-1;margin-top:25px;color:#6c7a8c;font-size:11px}.feature-ticket em{grid-row:2/4;grid-column:2;align-self:center;padding:7px 10px;border-radius:999px;background:#e9f8f1;color:#0a9f70;font-size:9px;font-style:normal}.feature-bars{display:flex;align-items:end;gap:14px;width:75%;height:220px;padding:0 20px;border-bottom:1px solid #b9c9dd}.feature-bars i{position:relative;flex:1;border-radius:10px 10px 2px 2px;background:linear-gradient(#61adff,#146ef5)}.feature-bars i b{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);color:#8c98a8;font-size:9px}.feature-security{text-align:center}.feature-security span{display:block;font-size:66px}.feature-security b{display:block;margin:20px 0 8px;font-size:17px}.feature-security small{color:#7f8d9f;font-size:10px}
.immersive-process{padding:125px 0;background:#121d2d;color:#fff}.immersive-process>.immersive-shell{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:70px;align-items:center}.immersive-process h2{margin:0;color:#fff;font-size:42px;letter-spacing:-2px}.immersive-process ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.immersive-process li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)}.immersive-process li b{color:#65acff}.immersive-process li span{font-size:14px}.immersive-process li small{color:#93a0b1;font-size:10px}

/* Public subpages: remove nested floating cards and use one continuous canvas. */
.public-page main:not(.apple-home){background:#fff}.public-page .page-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:430px;padding:105px 28px 92px;border:0;border-radius:0;background:radial-gradient(circle at 72% 25%,rgba(147,207,255,.4),transparent 28%),linear-gradient(180deg,#f9fcff,#f0f7ff);text-align:center}.public-page .page-banner .eyebrow{border:0;background:transparent}.public-page .page-banner h1{max-width:950px;margin:0;font-size:clamp(52px,5vw,72px);letter-spacing:-3.6px;line-height:1.08}.public-page .page-banner p{max-width:720px;margin:26px auto 0;color:#6a7a90;font-size:16px}
.public-page .public-pricing{box-sizing:border-box;width:min(1320px,calc(100% - 72px));padding:120px 0 140px}.public-page .plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed}.public-page .plan-card,.public-page .plan-card.featured{min-height:610px;margin:0;padding:48px 43px;border:0;border-left:1px solid #dfe5ed;border-radius:0;background:transparent;box-shadow:none;transform:none}.public-page .plan-card:first-child{border-left:0}.public-page .plan-card.featured{background:linear-gradient(180deg,#f0f7ff,#fff)}.public-page .plan-card.featured:before{top:17px;right:22px;left:auto;width:auto;border-radius:999px;background:#146ef5}.public-page .plan-card h2{font-size:24px}.public-page .plan-card .plan-price{margin-top:36px;font-size:46px}.public-page .plan-card ul{margin-top:38px}.public-page .plan-card li{padding:9px 0;border-bottom:1px solid #edf0f4}
.public-page .public-help{box-sizing:border-box;width:min(1240px,calc(100% - 72px));padding:105px 0 130px}.public-page .help-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:20px 0 70px;border:0;border-bottom:1px solid #dfe5ec;border-radius:0;background:transparent;box-shadow:none}.public-page .help-hero h2{font-size:48px;letter-spacing:-2.4px}.public-page .help-search{align-self:end}.public-page .help-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:55px;border-top:1px solid #e0e5ec}.public-page .help-category.card{display:flex;align-items:center;min-height:105px;padding:22px 15px;border:0;border-bottom:1px solid #e0e5ec;border-radius:0;background:transparent;box-shadow:none}.public-page .help-category.card:nth-child(odd){border-right:1px solid #e0e5ec}.public-page .help-category:hover{background:#f7faff}.public-page .help-popular-card.card{margin-top:70px!important;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.public-page .help-popular-card>.card-title{padding:0 0 22px;border-bottom:1px solid #dfe5ec}.public-page .faq-row{border-bottom:1px solid #e4e9ef}.public-page .legal-panel{box-sizing:border-box;width:min(930px,calc(100% - 72px));margin:0 auto;padding:120px 0 145px;border:0;border-radius:0;background:#fff;box-shadow:none}.public-page .legal-panel h1{font-size:54px;letter-spacing:-2.7px}.public-page .legal-panel p{font-size:15px;line-height:2}.public-page .legal-panel .notice{margin:40px 0;padding:22px 0;border:0;border-top:1px solid #e1e6ed;border-bottom:1px solid #e1e6ed;border-radius:0;background:transparent}
.public-page .public-footer{box-sizing:border-box;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:44px;width:100%;margin:0;padding:75px max(36px,calc((100vw - 1320px)/2)) 34px;border:0;border-radius:0;background:#f4f6f8;color:#6e7682}.public-page .public-footer .footer-bottom{border-top:1px solid #dfe3e8}

/* v21 — compact, Feishu-inspired public rhythm. */
.compact-home{--cp-blue:#1456f0;--cp-blue-2:#3370ff;--cp-ink:#1f2329;--cp-copy:#646a73;--im-blue:var(--cp-blue);overflow:hidden;background:#fff;color:var(--cp-ink);font-family:Inter,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}
.compact-home *{box-sizing:border-box}
.compact-hero{position:relative;padding:62px 0 0;background:radial-gradient(circle at 78% 18%,rgba(97,155,255,.24),transparent 28%),linear-gradient(180deg,#f8fbff 0,#fff 82%);overflow:hidden}
.compact-hero:before{content:"";position:absolute;top:-240px;left:42%;width:760px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(126,222,255,.17),transparent 67%);pointer-events:none}
.compact-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:66px;align-items:center}
.compact-hero-copy{padding-bottom:36px}
.compact-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 13px;border-radius:999px;background:#eaf2ff;color:#245cc7;font-size:12px;font-weight:720}
.compact-hero-copy h1{margin:0;color:#1f2329;font-size:clamp(52px,4.75vw,70px);font-weight:760;letter-spacing:-4px;line-height:1.08}.compact-hero-copy h1 em{color:var(--cp-blue);font-style:normal}
.compact-hero-copy>p{max-width:560px;margin:23px 0 0;color:#5f6b7a;font-size:16px;line-height:1.75}.compact-hero-copy .immersive-actions{margin-top:28px}
.compact-trustline{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:20px;color:#6b778c;font-size:11px}
.compact-stage{position:relative;min-width:0;padding:18px 10px 34px}.compact-stage:before{content:"";position:absolute;inset:5% -10% 0 5%;border-radius:45%;background:radial-gradient(circle,rgba(87,148,255,.18),transparent 68%);filter:blur(18px)}
.compact-console{position:relative;z-index:2;border-radius:20px;box-shadow:0 25px 65px rgba(31,70,125,.16);transform:none}
.compact-console .immersive-console-body{height:352px;grid-template-columns:50px 188px minmax(0,1fr)}.compact-console .immersive-console-body>nav{padding:13px 0}.compact-console .immersive-console-body>aside{padding:13px 9px}.compact-console .immersive-console-body>aside article{padding:10px 8px}
.compact-console .immersive-conversation{grid-template-rows:52px 1fr 53px}.compact-console .immersive-messages{gap:10px;padding:17px}.compact-console .immersive-messages>p{padding:9px 11px}.compact-console .immersive-conversation>footer{margin-bottom:10px}
.compact-orbit{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 14px 35px rgba(44,78,125,.14);font-size:10px}.compact-orbit b{font-size:10px}.compact-orbit.one{right:-10px;top:0}.compact-orbit.two{left:-18px;bottom:16px}
.compact-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;border-top:1px solid #e5eaf2}.compact-metrics>div{display:flex;align-items:center;gap:15px;min-height:98px;padding:18px 26px;border-left:1px solid #e5eaf2}.compact-metrics>div:first-child{border-left:0}.compact-metrics b{color:#1f2329;font-size:30px;letter-spacing:-1.5px}.compact-metrics b small{margin-left:2px;color:#646a73;font-size:12px;font-weight:600}.compact-metrics span{color:#7b8494;font-size:11px}
.compact-product{padding:78px 0 88px;background:#fff}.compact-heading{text-align:center}.compact-heading>span{display:block;margin-bottom:13px;color:var(--cp-blue);font-size:12px;font-weight:720}.compact-heading h2{margin:0;font-size:clamp(38px,3.8vw,54px);letter-spacing:-2.7px;line-height:1.12}.compact-heading>p{max-width:700px;margin:17px auto 0;color:#7a8493;font-size:14px;line-height:1.75}
.compact-product-grid{display:grid;grid-template-columns:350px 1fr;gap:28px;margin-top:48px;padding:18px;border-radius:30px;background:#f4f7fb}.compact-product-nav{display:flex;flex-direction:column;justify-content:center;padding:8px 0}
.compact-product-nav article{position:relative;display:grid;grid-template-columns:43px 1fr auto;gap:13px;align-items:center;min-height:84px;padding:13px 16px;border-radius:17px;color:#4e5969}.compact-product-nav article.active{background:#fff;color:#1f2329;box-shadow:0 10px 30px rgba(31,70,125,.08)}
.compact-product-nav article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e9f2ff;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:19px}.compact-product-nav article:nth-child(2)>span{background:#f0eaff}.compact-product-nav article:nth-child(3)>span{background:#e8f8f2}.compact-product-nav article:nth-child(4)>span{background:#fff1e5}
.compact-product-nav b,.compact-product-nav small{display:block}.compact-product-nav b{margin-bottom:6px;font-size:14px}.compact-product-nav small{color:#8f959e;font-size:10px;line-height:1.45}.compact-product-nav i{color:#b7bdc8;font-size:9px;font-style:normal}
.compact-product-visual{min-width:0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#eaf2ff,#f6f9ff 64%,#eef8ff)}.compact-channel-row{display:flex;flex-wrap:wrap;gap:8px}.compact-channel-row span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.83);color:#526071;font-size:9px;font-weight:650}
.compact-inbox-scene{display:grid;grid-template-columns:210px 1fr;height:322px;margin-top:16px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 15px 42px rgba(47,83,130,.11)}
.compact-inbox-scene>aside{padding:18px 12px;border-right:1px solid #e7ebf0}.compact-inbox-scene>aside>small{color:#8c96a5;font-size:9px}.compact-inbox-scene>aside>b{display:block;margin:5px 5px 12px;font-size:15px}.compact-inbox-scene>aside>p{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;margin:4px 0;padding:10px 8px;border-radius:11px}.compact-inbox-scene>aside>p.active{background:#edf4ff}.compact-inbox-scene>aside>p>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dcecff;color:#2464c4;font-size:9px;font-style:normal}.compact-inbox-scene>aside>p b,.compact-inbox-scene>aside>p small{display:block}.compact-inbox-scene>aside>p b{font-size:9px}.compact-inbox-scene>aside>p small,.compact-inbox-scene>aside>p em{color:#98a1ae;font-size:7px;font-style:normal}
.compact-inbox-scene>section{display:grid;grid-template-rows:55px 1fr 54px;background:#f8fafc}.compact-inbox-scene>section>header{display:flex;align-items:center;gap:8px;padding:0 17px;border-bottom:1px solid #e8edf4;background:#fff}.compact-inbox-scene>section>header b{font-size:11px}.compact-inbox-scene>section>header span{color:#8e98a7;font-size:8px}.compact-inbox-scene>section>div{display:flex;flex-direction:column;gap:9px;padding:20px}.compact-inbox-scene>section>div p{max-width:76%;margin:0;padding:10px 12px;border-radius:11px;background:#fff;color:#526071;font-size:9px;line-height:1.55}.compact-inbox-scene>section>div p:nth-child(2){align-self:flex-end;background:var(--cp-blue);color:#fff}.compact-inbox-scene>section>div small{align-self:center;color:#865bc8;font-size:8px}.compact-inbox-scene>section>footer{display:flex;align-items:center;justify-content:space-between;margin:7px 13px;padding:0 7px 0 11px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#a0a8b4;font-size:8px}.compact-inbox-scene>section>footer b{padding:6px 9px;border-radius:8px;background:var(--cp-blue);color:#fff;font-size:8px}

.compact-flow{padding:76px 0;background:radial-gradient(circle at 78% 24%,rgba(61,125,236,.27),transparent 31%),linear-gradient(135deg,#152039,#111827);color:#fff}.compact-flow-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px;align-items:center}.compact-dark-label{display:block;margin-bottom:15px;color:#82b4ff;font-size:11px;font-weight:720}.compact-flow h2{margin:0;color:#fff;font-size:clamp(37px,3.4vw,50px);letter-spacing:-2.4px;line-height:1.14}.compact-flow p{max-width:520px;margin:19px 0 0;color:#aab6c8;font-size:13px;line-height:1.8}.compact-flow a{display:inline-flex;gap:12px;margin-top:23px;color:#7cb4ff;font-size:12px;font-weight:720}
.compact-flow ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}.compact-flow li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;min-height:65px;border-bottom:1px solid rgba(255,255,255,.14)}.compact-flow li>b{color:#68a8ff;font-size:10px}.compact-flow li>span{font-size:14px;font-weight:650}.compact-flow li>small{color:#8f9aab;font-size:9px}
.compact-scenes{padding:78px 0 82px;background:#fff}.compact-heading.horizontal{display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:end;text-align:left}.compact-heading.horizontal>p{margin:0;color:#737e8d;font-size:13px;line-height:1.8}.compact-heading.horizontal h2{font-size:42px}
.compact-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.compact-scene-grid article{min-height:238px;padding:29px 30px;border-radius:23px;background:#f2f6ff}.compact-scene-grid article:nth-child(2){background:#f3f0ff}.compact-scene-grid article:nth-child(3){background:#eef8f4}.compact-scene-grid article>span{font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:29px}.compact-scene-grid article>b{display:block;margin-top:25px;font-size:18px}.compact-scene-grid article>p{margin:10px 0 20px;color:#697586;font-size:12px;line-height:1.7}.compact-scene-grid article>i{color:#4670c8;font-size:10px;font-style:normal;font-weight:680}
.compact-confidence{padding:76px 0 82px;background:linear-gradient(180deg,#f7f9fc,#fff)}.compact-confidence-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:70px;align-items:start}
.compact-security{display:grid;grid-template-columns:78px 1fr;gap:20px;padding-top:12px}.compact-security>span{display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:#e7f2ff;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:35px}.compact-security>div>small{display:block;margin-bottom:9px;color:var(--cp-blue);font-size:11px;font-weight:720}.compact-security>div>b{display:block;font-size:29px;letter-spacing:-1.3px;line-height:1.24}.compact-security>div>p{max-width:500px;margin:14px 0 0;color:#737d8c;font-size:12px;line-height:1.8}.compact-security>ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 0;padding:20px 0 0;border-top:1px solid #e0e6ee;list-style:none}.compact-security>ul li{color:#566273;font-size:11px}
.compact-faq>span{display:block;margin-bottom:10px;color:var(--cp-blue);font-size:11px;font-weight:720}.compact-faq>h2{margin:0 0 22px;font-size:29px;letter-spacing:-1.4px}.compact-faq>div{border-top:1px solid #dfe5ed}.compact-faq details{border-bottom:1px solid #dfe5ed}.compact-faq summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;cursor:pointer;list-style:none}.compact-faq summary::-webkit-details-marker{display:none}.compact-faq summary b{font-size:12px}.compact-faq summary i{color:#7e8895;font-size:18px;font-style:normal;transition:transform .2s}.compact-faq details[open] summary i{transform:rotate(45deg)}.compact-faq details p{margin:-3px 35px 17px 0;color:#778293;font-size:11px;line-height:1.7}.compact-faq>a{display:inline-block;margin-top:19px;color:var(--cp-blue);font-size:11px;font-weight:720}
.compact-cta{padding:64px 0;background:linear-gradient(115deg,#2764ef,#4f7fff);color:#fff}.compact-cta>.immersive-shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.compact-cta>div>div{display:grid;grid-template-columns:50px 1fr;column-gap:15px}.compact-cta>div>div>span{grid-row:1/3;font-family:"Apple Color Emoji","Segoe UI Emoji";font-size:40px}.compact-cta h2{margin:0;color:#fff;font-size:32px;letter-spacing:-1.6px}.compact-cta p{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:12px}.compact-cta .immersive-btn{flex:0 0 auto}

/* Carry the denser rhythm into the other public pages. */
.public-page .page-banner{min-height:300px;padding:68px 24px 58px}.public-page .page-banner h1{font-size:clamp(45px,4.4vw,62px)}.public-page .page-banner p{margin-top:18px;font-size:14px}
.immersive-subhero{padding:78px 0 72px}.immersive-subhero h1{font-size:clamp(54px,5.2vw,74px)}.immersive-subhero p{margin-top:21px;font-size:15px}
.immersive-feature-rows article,.immersive-feature-rows article.reverse{gap:72px;padding:82px 0}.immersive-feature-visual{min-height:325px}.immersive-process{padding:74px 0}
.public-page .public-pricing{padding:68px 0 84px}.public-page .plan-card,.public-page .plan-card.featured{min-height:520px;padding:38px 36px}.public-page .plan-card .plan-price{margin-top:25px}.public-page .plan-card ul{margin-top:28px}
.public-page .public-help{padding:64px 0 82px}.public-page .help-hero{gap:50px;padding:10px 0 45px}.public-page .help-hero h2{font-size:42px}.public-page .help-category-grid{margin-top:36px}.public-page .help-category.card{min-height:86px}.public-page .help-popular-card.card{margin-top:46px!important}
.public-page .legal-panel{padding:72px 0 90px}.public-page .public-footer{padding-top:52px}

/* v23.2: site contact channels in chat settings. */
.contact-editor{margin:20px 0;padding:0;border:0}
.contact-editor>legend{padding:0;color:#1f2329;font-size:15px;font-weight:650}
.contact-editor>p{margin:5px 0 12px;color:#8f959e;font-size:11px;line-height:1.55}
.contact-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-channel-card{min-width:0;padding:13px;border:1px solid #e1e3e6;border-radius:12px;background:#fafbfc}
.contact-channel-heading{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.contact-channel-heading>div{min-width:0}
.contact-channel-heading strong,.contact-channel-heading small{display:block}
.contact-channel-heading strong{font-size:13px;color:#1f2329}
.contact-channel-heading small{margin-top:2px;color:#8f959e;font-size:9px;line-height:1.4}
.contact-brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eaf8f1;flex-shrink:0}
.contact-brand-icon.qq{background:#eaf7ff}
.contact-brand-icon img{width:24px;height:24px;object-fit:contain}
.contact-channel-card>.field{margin:0 0 10px}
.contact-qr-editor{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center}
.contact-qr-preview,.contact-qr-empty{width:76px;height:76px;border:1px solid #dfe3e8;border-radius:10px;background:#fff}
.contact-qr-preview{display:block;padding:5px;object-fit:contain}
.contact-qr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8f959e;text-align:center}
.contact-qr-empty img{width:24px;height:24px;opacity:.72}
.contact-qr-empty span{font-size:8px;white-space:nowrap}
.contact-qr-editor>div:last-child{display:flex;flex-wrap:wrap;gap:6px}
.fake-contacts{display:flex;justify-content:flex-end;gap:5px;margin:0 0 6px}
.fake-contacts span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #dce4ee;border-radius:12px;background:#fff;color:#4c5e75;font-size:8px;font-weight:650}
.fake-contacts img{width:13px;height:13px;object-fit:contain}
@media(max-width:760px){.contact-editor-grid{grid-template-columns:1fr}}

@media(max-width:1120px){
  .compact-hero-grid{grid-template-columns:1fr;gap:24px}.compact-hero-copy{text-align:center}.compact-hero-copy>p{margin-left:auto;margin-right:auto}.compact-hero-copy .immersive-actions,.compact-trustline{justify-content:center}.compact-stage{width:min(820px,100%);margin:auto}.compact-metrics{margin-top:0}
  .compact-product-grid{grid-template-columns:290px 1fr}.compact-heading.horizontal{grid-template-columns:1fr;gap:18px}.compact-heading.horizontal>p{max-width:720px}.compact-confidence-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:760px){
  .compact-hero{padding-top:48px}.compact-hero-copy{padding-bottom:10px}.compact-hero-copy h1{font-size:40px;letter-spacing:-2.3px}.compact-hero-copy>p{font-size:14px}.compact-trustline{font-size:9px}.compact-stage{padding-bottom:25px}.compact-orbit{display:none}.compact-console .immersive-console-body{grid-template-columns:42px 1fr;height:290px}.compact-console .immersive-console-body>aside{padding:10px 7px}.compact-console .immersive-conversation{display:none}
  .compact-metrics{grid-template-columns:1fr 1fr}.compact-metrics>div{min-height:78px;padding:13px 10px;border-left:0;border-top:1px solid #e5eaf2}.compact-metrics>div:nth-child(odd){border-right:1px solid #e5eaf2}.compact-metrics b{font-size:25px}
  .compact-product,.compact-scenes,.compact-confidence{padding:61px 0 65px}.compact-heading h2,.compact-heading.horizontal h2{font-size:33px;letter-spacing:-1.8px}.compact-product-grid{display:block;margin-top:34px;padding:10px;border-radius:22px}.compact-product-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.compact-product-nav article{grid-template-columns:35px 1fr;min-height:68px;padding:10px}.compact-product-nav article>span{width:34px;height:34px;font-size:16px}.compact-product-nav article small,.compact-product-nav article i{display:none}.compact-product-visual{margin-top:8px;padding:12px;border-radius:17px}.compact-channel-row{gap:6px}.compact-channel-row span{padding:7px 9px}.compact-inbox-scene{grid-template-columns:1fr;height:280px}.compact-inbox-scene>aside{border-right:0}.compact-inbox-scene>section{display:none}
  .compact-flow{padding:62px 0}.compact-flow-grid{grid-template-columns:1fr;gap:35px}.compact-flow h2{font-size:34px}.compact-flow li{grid-template-columns:40px 1fr;min-height:62px}.compact-flow li small{grid-column:2;margin-top:-8px;padding-bottom:10px}
  .compact-heading.horizontal{display:block}.compact-heading.horizontal>p{margin-top:17px}.compact-scene-grid{grid-template-columns:1fr;margin-top:28px}.compact-scene-grid article{min-height:185px;padding:24px}.compact-scene-grid article>b{margin-top:17px}
  .compact-confidence-grid{grid-template-columns:1fr;gap:50px}.compact-security{grid-template-columns:60px 1fr}.compact-security>span{width:56px;height:56px;border-radius:18px;font-size:28px}.compact-security>div>b{font-size:24px}.compact-security>ul{grid-template-columns:1fr;gap:12px}.compact-faq>h2{font-size:25px}
  .compact-cta{padding:47px 0}.compact-cta>.immersive-shell{display:block;text-align:center}.compact-cta>div>div{display:block}.compact-cta>div>div>span{display:block;margin-bottom:11px}.compact-cta h2{font-size:28px}.compact-cta .immersive-btn{width:100%;margin-top:25px}
  .public-page .page-banner{min-height:260px;padding:58px 18px 48px}.public-page .page-banner h1{font-size:38px}.immersive-subhero{padding:64px 0 58px}.immersive-feature-rows article,.immersive-feature-rows article.reverse{padding:64px 0}.public-page .public-pricing,.public-page .public-help{padding:58px 0 70px}.public-page .legal-panel{padding:60px 0 72px}
}

/* Product loading state */
.initial-loading{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f7f8fa;color:#60646c}
.initial-loading-inner{display:flex;min-width:220px;flex-direction:column;align-items:center;gap:14px;text-align:center}
.initial-loading-mark{display:grid;width:52px;height:52px;place-items:center;border:1px solid #e2e3e7;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(28,32,36,.08);animation:initial-mark 1.8s ease-in-out infinite}
.initial-loading-mark img{display:block;width:36px;height:36px}
.initial-loading-copy{display:flex;flex-direction:column;gap:2px}
.initial-loading-copy strong{color:#1c2024;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.3px}
.initial-loading-copy span{color:#80838d;font-size:12px;font-weight:420;line-height:18px}
.initial-loading-track{position:relative;width:152px;height:3px;overflow:hidden;border-radius:999px;background:#e8e9ed}
.initial-loading-track i{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:#2781f6;animation:initial-progress 1.25s ease-in-out infinite}
@keyframes initial-progress{0%{transform:translateX(-115%)}55%{transform:translateX(100%)}100%{transform:translateX(245%)}}
@keyframes initial-mark{0%,100%{transform:translateY(0);box-shadow:0 8px 24px rgba(28,32,36,.08)}50%{transform:translateY(-2px);box-shadow:0 12px 28px rgba(39,129,246,.12)}}
@media(prefers-reduced-motion:reduce){.initial-loading-mark,.initial-loading-track i{animation:none}.initial-loading-track i{width:62%}}

/* v24 — unified workspace product system.
   Calm, task-first density inspired by mature global support products. */
@font-face{font-family:"General Sans";src:url("/assets/fonts/general-sans-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"General Sans";src:url("/assets/fonts/general-sans-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"General Sans";src:url("/assets/fonts/general-sans-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"General Sans";src:url("/assets/fonts/general-sans-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{
  --side:248px;
  --blue:#5b5bd6;
  --blue-dark:#4848be;
  --ink:#17191f;
  --text:#30343b;
  --muted:#717784;
  --line:#e6e8ec;
  --surface:#fff;
  --surface-subtle:#f7f8fa;
  --canvas:#f4f5f7;
  --radius:12px;
  --shadow:0 1px 2px rgba(16,24,40,.035),0 8px 24px rgba(16,24,40,.035);
}
html,body,button,input,textarea,select{font-family:"General Sans","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
body{color:var(--text);font-size:14px;font-weight:400;letter-spacing:-.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,strong,b{color:var(--ink);letter-spacing:-.025em}

/* Application frame */
.shell{background:var(--canvas)}
.sidebar,.admin-shell .sidebar{width:var(--side);border-right:1px solid var(--line);background:#fff;color:#4a4f59;box-shadow:none}
.sidebar>.brand{height:64px;padding:0 18px;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}
.sidebar .brand,.sidebar .brand.dark{color:var(--ink);font-size:21px;font-weight:650;letter-spacing:-.7px}
.sidebar .brand img{width:34px;height:34px}
.sidebar nav{padding:10px 11px 12px;overflow-y:auto;scrollbar-width:none}
.sidebar nav::-webkit-scrollbar{display:none}
.nav-section-label{display:block;margin:14px 10px 5px;color:#a0a5ae;font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}
.nav-section-label:first-child{margin-top:4px}
.nav-item{height:37px;gap:10px;margin:1px 0;padding:0 10px;border:0;border-radius:8px;color:#555b66;font-size:13px;font-weight:500;box-shadow:none;transition:background .15s ease,color .15s ease}
.nav-item>.icon,.nav-item:nth-child(n)>.icon{width:18px;height:18px;flex-basis:18px;padding:0;border:0;border-radius:0;background:transparent;color:#7b818c;box-shadow:none;stroke-width:1.85}
.nav-item:hover{border:0;background:#f4f4f6;color:#24272e}
.nav-item:hover>.icon{color:#555b66}
.nav-item.active,.admin-shell .sidebar .nav-item.active{border:0;background:#efeffc;color:#4c4cc8;font-weight:600;box-shadow:none}
.nav-item.active:before{display:block;top:8px;bottom:8px;left:-11px;width:3px;border-radius:0 4px 4px 0;background:#5b5bd6}
.nav-item.active>.icon{border:0;background:transparent;color:#5b5bd6}
.sidebar-bottom{padding:8px 11px 12px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 20%)}
.admin-link{padding:7px 9px 9px;color:#707681}
.sidebar-plan{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafafb;color:#474c55;box-shadow:none}
.sidebar-plan>div{gap:8px}.sidebar-plan>div .icon{width:15px;color:#a87514}.sidebar-plan small{margin:5px 0 9px;color:#8a909a;font-size:10px}
.sidebar-plan .btn{min-height:32px;border-radius:7px;font-size:11px}
.shell-main{margin-left:var(--side)}
.topbar{height:64px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:none;backdrop-filter:blur(14px) saturate(140%)}
.topbar>.btn{color:#7d838e}
.global-search{width:360px;height:38px;padding:0 12px;border:1px solid #e1e3e7;border-radius:9px;background:#f7f7f8;color:#898f99}
.global-search:focus-within{border-color:#b9b9ea;background:#fff;box-shadow:0 0 0 3px rgba(91,91,214,.09)}
.global-search input{font-size:13px;color:#30343b}.global-search input::placeholder{color:#9ba0a9}
.search-shortcut{border:1px solid #e0e2e6;background:#fff;color:#999fa8;box-shadow:0 1px 1px rgba(16,24,40,.03)}
.topbar-right{gap:13px}.workspace-picker,.top-icon,.topbar-right>.btn{color:#717782}.user-button{color:#2d3138;font-size:13px}
.user-button .avatar{background:#eef8f4;color:#238268}.page-content{max-width:1720px;padding:24px 30px 38px;background:transparent}
.page-heading{margin-bottom:18px}.page-heading h1{margin:0 0 4px;color:#17191f;font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.25}.page-heading p{color:#7a808b;font-size:13px;line-height:1.6}

/* Surfaces and density */
.card,.page-toolbar,.inbox-tabsbar,.conversation-pane,.chat-pane{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.card{padding:20px;border-radius:12px}.card:hover{border-color:#dfe1e5}.card-heading{margin-bottom:16px}.card-heading h2{font-size:16px;font-weight:600}
.grid,.stack{gap:14px}.mt,.space-top{margin-top:14px}.section-gap{margin-bottom:14px}
.btn{min-height:36px;padding:7px 13px;border:1px solid #dedfe4;border-radius:8px;background:#fff;color:#3d424b;font-size:12px;font-weight:550;box-shadow:0 1px 1px rgba(16,24,40,.025);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.btn:hover{border-color:#cfd1d7;background:#f7f7f8;transform:none;filter:none}
.btn.primary{border-color:#5b5bd6;background:#5b5bd6;color:#fff;box-shadow:0 4px 12px rgba(91,91,214,.18)}
.btn.primary:hover{border-color:#4e4ec6;background:#4e4ec6;box-shadow:0 5px 14px rgba(91,91,214,.22)}
.btn.small{min-height:31px;padding:5px 10px;font-size:11px}.btn.icon-only{width:34px;min-width:34px;padding:7px}
.badge{border-radius:999px;font-size:10px;font-weight:600}.badge.blue{background:#ededff;color:#5050c8}.badge.green{background:#e9f7f1;color:#18775b}.badge.orange{background:#fff3dc;color:#986616}.badge.gray{background:#f1f2f4;color:#707680}
.icon-tile,.metric .icon-tile{width:38px;height:38px;border:1px solid #e6e7ea;border-radius:10px;background:#f7f7f8;color:#626873;box-shadow:none}
.icon-tile .icon,.metric .icon-tile .icon{width:19px;height:19px}.icon-tile.green{background:#eff9f5;color:#208267;border-color:#dcefe7}.icon-tile.purple{background:#f2efff;color:#6b54c6;border-color:#e6e0fb}.icon-tile.orange{background:#fff7e9;color:#a36c16;border-color:#f3e4c7}
.metric.card{padding:15px 18px;border-radius:10px;box-shadow:none}.metric-top{gap:12px}.metric strong{font-size:24px;font-weight:600;letter-spacing:-.9px}.metric .metric-top span:not(.icon-tile){margin-top:2px;color:#7b818b;font-size:11px}.metric-note{margin-top:3px!important;color:#9aa0a9!important;font-size:9px!important}
.greeting{margin-bottom:14px;padding:20px 23px;border:1px solid var(--line);border-radius:12px;background:#fff}.greeting:after{display:none}.greeting h1{font-size:26px;font-weight:600}.greeting p,.greeting-note{color:#777e89}
.page-toolbar{min-height:62px;margin-bottom:14px;padding:9px 14px;border-radius:11px;box-shadow:none}.page-toolbar .site-label{gap:10px}.page-toolbar .site-label .icon-tile{width:38px;height:38px}.page-toolbar .tabs{align-self:stretch}
.tabs{gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tabs>a,.tab{padding:11px 12px;border-bottom-width:2px;color:#777d87;font-size:12px}.tabs>a.active,.tab.active{border-color:#5b5bd6;background:transparent;color:#4c4cc8;font-weight:600}.tab.active:after{height:2px;background:#5b5bd6}
.notice{width:max-content;max-width:100%;margin:12px 0;padding:9px 11px;border-color:#dfe5ef;border-radius:8px;background:#f7f9fc;color:#66758a;font-size:11px}.notice.success{border-color:#d7ece4;background:#f0f9f5;color:#28775e}.notice.warning{border-color:#f0dfbd;background:#fff8e9;color:#8e6b29}

/* Tables and forms */
.table-card{padding:16px}.filters{gap:9px;margin-bottom:14px}.search-field{min-height:38px;padding:7px 11px;border-color:#e0e2e6;border-radius:8px;background:#fafafa;color:#8b919a}.filters>select,.compact-select{min-height:38px;border-color:#e0e2e6;border-radius:8px;color:#5f6570}
table{font-size:12px}th{padding:10px 12px;border-bottom:1px solid var(--line);border-radius:0!important;background:#f8f8f9;color:#777d87;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:none}td{padding:13px 12px;border-bottom:1px solid #eceef1;color:#525862}td strong{color:#252930;font-weight:600}tbody tr:hover td{background:#fafafb}.site-mini{gap:11px}.site-mini .icon-tile{width:38px;height:38px;border-radius:10px;background:#f2f4f7;color:#626873}.site-mini strong{font-size:13px}.site-mini small,.site-mini .sub{font-size:10px}.pagination{padding-top:13px;border-top-color:#eceef1;color:#8b919b}
.field{gap:6px;margin-bottom:14px;color:#555b66;font-size:12px}.field>span{color:#424750;font-size:11px;font-weight:600}.field input,.field textarea,.field select{min-height:40px;padding:9px 11px;border:1px solid #dfe1e5;border-radius:8px;background:#fff;color:#30343b;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9b9bdf;background:#fff;outline:3px solid rgba(91,91,214,.08)}.field input::placeholder,.field textarea::placeholder{color:#a3a8b1}.field small{color:#8b919b;font-size:10px}.field textarea{min-height:96px}.form-grid{gap:0 14px}.form-footer{border-top-color:#e8e9ec}.toggle-row{padding:12px 0;border-bottom-color:#eceef1;color:#444a53}.toggle-row strong{font-size:12px;font-weight:600}.toggle-row small{max-width:520px;color:#8a909a;font-size:10px;line-height:1.55}.switch{width:38px;height:22px;min-width:38px;background:#d8dbe0}.switch:checked{background:#5b5bd6}.switch:before{width:16px;height:16px}.switch:checked:before{transform:translateX(16px)}

/* Chat window settings: deliberate configuration workflow */
.page-content:has(.settings-product-grid){max-width:1680px;padding-top:20px}.page-content:has(.settings-product-grid)>.page-heading{margin-bottom:13px}.page-content:has(.settings-product-grid)>.page-heading h1{font-size:27px}.page-content:has(.settings-product-grid)>.page-heading p{font-size:12px}
.settings-product-grid{grid-template-columns:minmax(620px,1.04fr) minmax(480px,.96fr);gap:16px;align-items:start}.settings-form-card{overflow:visible;padding:0}.settings-form-intro{display:flex;align-items:center;gap:13px;padding:19px 21px 17px;border-bottom:1px solid var(--line)}.settings-form-intro>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#efeffc;color:#5959cd}.settings-form-intro>span .icon{width:20px}.settings-form-intro h2{margin:0 0 3px;font-size:17px;font-weight:600}.settings-form-intro p{margin:0;color:#858b95;font-size:11px}
.settings-anchor-nav{position:sticky;top:64px;z-index:20;display:flex;gap:4px;padding:9px 14px;border:1px solid var(--line);border-width:1px 0;background:#fff;box-shadow:0 8px 18px rgba(28,32,36,.06)}.settings-anchor-nav a{padding:7px 10px;border-radius:7px;color:#747a85;font-size:11px;font-weight:550}.settings-anchor-nav a:hover{background:#f2f2f5;color:#4d4dbe}
.settings-section{padding:22px 21px 8px;border-bottom:1px solid var(--line);scroll-margin-top:116px}.settings-section:last-of-type{border-bottom:0}.settings-section-head{display:flex;gap:11px;margin-bottom:18px}.settings-section-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f1f1f4;color:#737984;font-size:10px;font-weight:700}.settings-section-head h3{margin:0 0 3px;font-size:15px;font-weight:600}.settings-section-head p{margin:0;color:#8a909a;font-size:10px;line-height:1.55}
.service-identity{display:grid;grid-template-columns:54px 1fr;gap:13px;margin:0 0 17px;padding:13px;border:1px solid #e7e8eb;border-radius:10px;background:#fafafb}.service-identity-avatar{width:54px;height:54px;border:1px solid #e1e3e7;border-radius:13px;background:#fff}.service-identity-avatar img,.service-identity-avatar svg{width:100%;height:100%;object-fit:cover}.service-identity>div:last-child>strong{font-size:12px}.service-identity>div:last-child>small{margin:3px 0 8px;color:#898f99;font-size:10px}.service-identity-actions{gap:6px}
.template-picker,.quick-answer-editor,.contact-editor{margin:0 0 17px;padding:0;border:0}.template-picker legend,.quick-answer-editor legend,.contact-editor legend{margin-bottom:4px;color:#343840;font-size:12px;font-weight:600}.template-picker>p,.quick-answer-editor>p,.contact-editor>p{margin:0 0 10px;color:#8a9099;font-size:10px;line-height:1.6}.template-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.template-choice{padding:7px;border:1px solid #e2e4e8;border-radius:9px;background:#fff}.template-choice:has(input:checked){border-color:#8888d8;background:#f7f7ff;box-shadow:0 0 0 2px rgba(91,91,214,.08)}.template-thumb{height:43px;border-radius:6px}.template-choice>strong{margin-top:6px;font-size:10px}.template-choice>small{font-size:8px}
.quick-answer-row{grid-template-columns:minmax(130px,.72fr) minmax(240px,1.28fr) 32px;gap:8px;margin-bottom:8px;padding:9px;border:1px solid #e7e8eb;border-radius:9px;background:#fafafb}.quick-answer-row label{gap:4px}.quick-answer-row label>span{color:#666c76;font-size:9px;font-weight:600}.quick-answer-row input,.quick-answer-row textarea{min-height:36px;border-color:#e1e3e6;border-radius:7px;background:#fff;font-size:11px}.quick-answer-row textarea{height:50px;min-height:50px}.quick-answer-row>.btn{align-self:center}
.contact-editor-grid{grid-template-columns:1fr 1fr;gap:9px}.contact-channel-card{padding:12px;border:1px solid #e6e7ea;border-radius:10px;background:#fafafb}.contact-channel-heading{gap:9px;margin-bottom:10px}.contact-channel-heading .contact-brand-icon{width:31px;height:31px}.contact-channel-heading strong{font-size:11px}.contact-channel-heading small{font-size:8px}.contact-channel-card .field{margin-bottom:9px}.contact-qr-editor{grid-template-columns:42px 1fr;gap:8px}.contact-qr-empty,.contact-qr-preview{width:42px;height:42px}.contact-qr-empty span{display:none}.contact-qr-editor>div:last-child{display:flex;align-items:center;gap:5px}.contact-qr-editor .btn{font-size:9px}
.settings-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:2px 12px;border:1px solid #e7e8eb;border-radius:10px;background:#fafafb}.settings-savebar{position:sticky;bottom:0;z-index:9;display:flex;align-items:center;margin:0;padding:13px 20px;border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.settings-savebar>span{display:flex;flex-direction:column;margin-right:auto}.settings-savebar>span strong{font-size:11px}.settings-savebar>span small{margin-top:2px;color:#9297a0;font-size:9px}
.settings-preview-card{position:sticky;top:80px;display:block;min-height:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.settings-preview-card .card-heading{align-items:center}.settings-preview-card .card-heading>div h2{margin:0;font-size:16px}.settings-preview-card .card-heading>div p{margin:3px 0 0;color:#898f99;font-size:10px}.settings-preview-card>#widget-settings-preview{display:grid;place-items:center;min-height:530px;padding:30px;border:1px solid #e5e7eb;border-radius:11px;background:#f4f5f7}.chat-preview-shell{display:grid;place-items:center;width:100%;height:100%}.settings-preview-card .chat-page-preview{width:min(100%,520px);min-height:475px;border:1px solid #dde0e5;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(27,31,39,.09)}.settings-preview-card .chat-preview-head{padding:15px 17px}.settings-preview-card .chat-preview-body{min-height:285px;padding:17px}.settings-preview-card .chat-preview-bottom{padding:12px 16px}.preview-sync-note{display:flex;gap:9px;align-items:flex-start;margin-top:11px;padding:10px 11px;border-radius:8px;background:#f3f8f6;color:#3d7463}.preview-sync-note>.icon{width:16px;flex-shrink:0}.preview-sync-note strong,.preview-sync-note small{display:block}.preview-sync-note strong{font-size:10px}.preview-sync-note small{margin-top:2px;color:#729286;font-size:9px}

/* Inbox follows the same compact three-pane product language. */
.inbox-page{padding:14px}.inbox-tabsbar{border-radius:10px;box-shadow:none}.conversation-pane,.chat-pane{border-radius:10px;box-shadow:none}.conversation-item{border-bottom-color:#eceef1}.conversation-item:hover{background:#f8f8fa}.conversation-item.active{background:#efeffc}.conversation-item.active:before{background:#5b5bd6}.composer-box{border-color:#dedfe4;border-radius:10px}.send-circle{background:#5b5bd6}.chat-msg.mine .message-body{background:#5b5bd6}

@media(max-height:980px) and (min-width:801px){
  .sidebar>.brand{height:58px}.sidebar nav{padding:5px 11px 7px}.nav-section-label{margin-top:6px;margin-bottom:2px;font-size:9px}.nav-section-label:first-child{margin-top:2px}.nav-item{height:32px;margin:1px 0;font-size:12px}.nav-item>.icon,.nav-item:nth-child(n)>.icon{width:17px;height:17px;flex-basis:17px}.sidebar-bottom{padding-top:5px;padding-bottom:8px}.sidebar-plan small{display:none}.sidebar-plan{padding:8px 10px}.sidebar-plan .btn{margin-top:5px}.topbar{height:60px}.settings-anchor-nav{top:60px}
}
@media(max-width:1180px){
  .settings-product-grid{grid-template-columns:1fr}.settings-preview-card{position:static}.settings-preview-card>#widget-settings-preview{min-height:500px}
}
@media(max-width:800px){
  :root{--side:248px}.sidebar,.admin-shell .sidebar{transform:translate3d(-100%,0,0);background:#fff}.mobile-nav-open .sidebar,.mobile-nav-open .admin-shell .sidebar{transform:translate3d(0,0,0)}.shell-main{margin-left:0}.topbar{height:60px;padding:0 12px}.page-content{padding:16px 12px 28px}.page-heading h1{font-size:23px}.global-search{width:auto;flex:1}.global-search input{font-size:16px}.search-shortcut{display:none}.workspace-picker,.topbar-right>.btn,.top-icon{display:none}.user-button strong,.user-button>.icon{display:none}.card{padding:15px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-section-label{display:block}.settings-product-grid{display:block}.settings-form-card{margin-bottom:12px}.settings-form-intro{padding:16px}.settings-anchor-nav{top:60px;overflow-x:auto;white-space:nowrap}.settings-section{padding:19px 15px 7px}.settings-section .form-grid,.settings-switch-grid,.contact-editor-grid{grid-template-columns:1fr}.template-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-answer-row{grid-template-columns:1fr 32px}.quick-answer-row label:nth-child(2){grid-column:1}.quick-answer-row>.btn{grid-column:2;grid-row:1/3}.settings-savebar{gap:6px;padding:11px 14px;flex-wrap:wrap}.settings-savebar>span{display:none}.settings-savebar .btn{flex:1}.settings-preview-card>#widget-settings-preview{min-height:440px;padding:14px}.settings-preview-card .chat-page-preview{min-height:420px}.notice{width:auto}.page-toolbar{align-items:flex-start;flex-direction:column}.page-toolbar .tabs{width:100%;overflow-x:auto}
}

/* Workspace quick answers and attachment library. */
.quick-answer-editor{margin:20px 0;padding:0;border:0}.quick-answer-editor legend{padding:0;color:#1f2329;font-size:15px;font-weight:650}.quick-answer-editor>p{margin:5px 0 12px;color:#8f959e;font-size:11px}.quick-answer-editor>[data-quick-list]{display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.quick-answer-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(260px,1.5fr) 36px;align-items:end;gap:9px;padding:11px;border:1px solid #e1e3e6;border-radius:10px;background:#fafbfc}.quick-answer-row label{display:flex;flex-direction:column;gap:5px;min-width:0}.quick-answer-row label>span{color:#646a73;font-size:10px;font-weight:650}.quick-answer-row input,.quick-answer-row textarea{width:100%;min-width:0;border:1px solid #dfe1e4;border-radius:8px;background:#fff;padding:8px 10px;color:#1f2329;font:inherit;font-size:12px;resize:vertical}.quick-answer-row textarea{min-height:58px}.quick-answer-row>.btn{width:36px;min-width:36px;height:36px;margin-bottom:11px;padding:0;color:#d54941}.file-quota{display:grid;grid-template-columns:minmax(290px,1fr) minmax(300px,1.15fr) auto;align-items:center;gap:28px;padding:20px 24px;border:1px solid #d8e2f3;border-radius:14px;background:linear-gradient(112deg,#fff 0%,#f7f9ff 70%,#eef3ff 100%);box-shadow:var(--shadow)}.file-quota-copy{display:flex;align-items:center;gap:15px}.file-quota-copy h2{margin:4px 0 2px;font-size:25px}.file-quota-copy h2 small{color:#8f959e;font-size:13px;font-weight:500}.file-quota-copy p{margin:0;color:#646a73;font-size:11px}.file-quota-meter>div{display:flex;justify-content:space-between;color:#646a73;font-size:11px}.file-quota-meter>div b{color:#373c43}.file-quota-meter .progress{height:8px;margin:8px 0 6px}.file-quota-meter>small{color:#8f959e;font-size:10px}.file-quota.is-full{border-color:#f3c6c3;background:linear-gradient(112deg,#fff 0%,#fff6f5 100%)}.file-quota.is-full .progress>i{background:#d54941}.file-name-cell{display:flex;align-items:center;gap:11px;min-width:220px}.file-name-cell .icon-tile{width:38px;height:38px;border-radius:10px}.file-name-cell .icon{width:20px;height:20px}.file-name-cell>div{min-width:0}.file-name-cell strong{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name-cell small{display:block;margin-top:3px;color:#8f959e;font-size:10px}.file-row-deleted{opacity:.68}.file-table td:nth-child(3) small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.file-quota{grid-template-columns:1fr;gap:16px}.file-quota>.btn{width:max-content}.quick-answer-row{grid-template-columns:1fr 38px}.quick-answer-row label:nth-child(2){grid-column:1}.quick-answer-row>.btn{grid-column:2;grid-row:1/3;align-self:center;margin:0}}
@media(max-width:520px){.quick-answer-row{padding:9px}.file-quota{padding:17px}.file-quota-copy h2{font-size:21px}}

/* Workspace quick answers and attachment library. */
.quick-answer-editor{margin:20px 0;padding:0;border:0}.quick-answer-editor legend{padding:0;color:#1f2329;font-size:15px;font-weight:650}.quick-answer-editor>p{margin:5px 0 12px;color:#8f959e;font-size:11px}.quick-answer-editor>[data-quick-list]{display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.quick-answer-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(260px,1.5fr) 36px;align-items:end;gap:9px;padding:11px;border:1px solid #e1e3e6;border-radius:10px;background:#fafbfc}.quick-answer-row label{display:flex;flex-direction:column;gap:5px;min-width:0}.quick-answer-row label>span{color:#646a73;font-size:10px;font-weight:650}.quick-answer-row input,.quick-answer-row textarea{width:100%;min-width:0;border:1px solid #dfe1e4;border-radius:8px;background:#fff;padding:8px 10px;color:#1f2329;font:inherit;font-size:12px;resize:vertical}.quick-answer-row textarea{min-height:58px}.quick-answer-row>.btn{width:36px;min-width:36px;height:36px;margin-bottom:11px;padding:0;color:#d54941}.file-quota{display:grid;grid-template-columns:minmax(290px,1fr) minmax(300px,1.15fr) auto;align-items:center;gap:28px;padding:20px 24px;border:1px solid #d8e2f3;border-radius:14px;background:linear-gradient(112deg,#fff 0%,#f7f9ff 70%,#eef3ff 100%);box-shadow:var(--shadow)}.file-quota-copy{display:flex;align-items:center;gap:15px}.file-quota-copy h2{margin:4px 0 2px;font-size:25px}.file-quota-copy h2 small{color:#8f959e;font-size:13px;font-weight:500}.file-quota-copy p{margin:0;color:#646a73;font-size:11px}.file-quota-meter>div{display:flex;justify-content:space-between;color:#646a73;font-size:11px}.file-quota-meter>div b{color:#373c43}.file-quota-meter .progress{height:8px;margin:8px 0 6px}.file-quota-meter>small{color:#8f959e;font-size:10px}.file-quota.is-full{border-color:#f3c6c3;background:linear-gradient(112deg,#fff 0%,#fff6f5 100%)}.file-quota.is-full .progress>i{background:#d54941}.file-name-cell{display:flex;align-items:center;gap:11px;min-width:220px}.file-name-cell .icon-tile{width:38px;height:38px;border-radius:10px}.file-name-cell .icon{width:20px;height:20px}.file-name-cell>div{min-width:0}.file-name-cell strong{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name-cell small{display:block;margin-top:3px;color:#8f959e;font-size:10px}.file-row-deleted{opacity:.68}.file-table td:nth-child(3) small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.file-quota{grid-template-columns:1fr;gap:16px}.file-quota>.btn{width:max-content}.quick-answer-row{grid-template-columns:1fr 38px}.quick-answer-row label:nth-child(2){grid-column:1}.quick-answer-row>.btn{grid-column:2;grid-row:1/3;align-self:center;margin:0}}
@media(max-width:520px){.quick-answer-row{padding:9px}.file-quota{padding:17px}.file-quota-copy h2{font-size:21px}}

/* Premium account entry — shared visual language with the v22 public site. */
.public-page .auth-section{box-sizing:border-box;display:grid;grid-template-columns:minmax(420px,1fr) minmax(410px,520px);gap:88px;align-items:center;min-height:calc(100vh - 76px);padding:72px max(28px,calc((100vw - 1240px)/2));background:radial-gradient(circle at 13% 24%,rgba(83,150,255,.14),transparent 30%),linear-gradient(135deg,#f7f9fc,#eef3f9)}
.public-page .auth-copy{max-width:620px}.public-page .auth-copy>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #d7e4f6;border-radius:999px;background:#fff;color:#155bd7;font-size:13px;font-weight:700}.public-page .auth-copy>.eyebrow .icon{width:16px;height:16px}.public-page .auth-copy>h1{margin:25px 0 0;color:#17202e;font-size:clamp(46px,4.4vw,66px);font-weight:760;letter-spacing:-3.7px;line-height:1.12}.public-page .auth-copy>h1 span{color:#155bd7}.public-page .auth-copy>p{max-width:600px;margin:24px 0 0;color:#5b697c;font-size:17px;line-height:1.82}.public-page .auth-copy>.grid{gap:0;margin-top:36px;border-top:1px solid #d9e0e8;border-bottom:1px solid #d9e0e8}.public-page .auth-copy .feature-compact{display:flex;gap:13px;align-items:center;min-height:86px;padding:12px 6px;border-bottom:1px solid #d9e0e8}.public-page .auth-copy .feature-compact:nth-child(odd){border-right:1px solid #d9e0e8}.public-page .auth-copy .feature-compact:nth-last-child(-n+2){border-bottom:0}.public-page .auth-copy .icon-tile{width:42px;height:42px;border-radius:13px;background:#fff;color:#155bd7;box-shadow:0 5px 15px rgba(36,70,110,.08)}.public-page .auth-copy .icon-tile .icon{width:21px;height:21px}.public-page .auth-copy .feature-compact b{display:block;color:#243144;font-size:15px}.public-page .auth-copy .feature-compact small{display:block;margin-top:5px;color:#758296;font-size:12px}.public-page .auth-security{display:flex;align-items:center;gap:8px;margin-top:23px;color:#637185;font-size:13px}.public-page .auth-security .icon{width:18px;height:18px;color:#16835f}
.public-page .auth-card{box-sizing:border-box;width:100%;padding:38px;border:1px solid #dce2ea;border-radius:24px;background:#fff;box-shadow:0 28px 75px rgba(36,60,92,.13)}.public-page .auth-card>h2{margin:0;color:#17202e;font-size:31px;letter-spacing:-1.2px}.public-page .auth-card>.muted{margin:10px 0 25px;color:#718094;font-size:14px;line-height:1.7}.public-page .auth-card .auth-tabs{border-radius:11px;background:#f2f4f7}.public-page .auth-card .field{font-size:14px}.public-page .auth-card .field input,.public-page .auth-card .field select{min-height:49px;border-color:#dce2ea;background:#fafbfc;font-size:16px}.public-page .auth-card .btn.primary{min-height:49px;border-radius:10px;background:#155bd7;font-size:15px;box-shadow:none}.public-page .auth-card .auth-bottom{font-size:14px}.public-page .auth-card .security-note{font-size:12px;line-height:1.6}
.public-page .premium-legal>.eyebrow{display:inline-flex}.public-page .premium-legal h1{margin-top:24px}.public-page .premium-legal .btn{margin-top:28px}

@media(max-width:980px){.public-page .auth-section{grid-template-columns:1fr;gap:45px;padding:58px 24px}.public-page .auth-copy{max-width:720px;text-align:center;margin:auto}.public-page .auth-copy>p{margin-left:auto;margin-right:auto}.public-page .auth-copy>.grid{text-align:left}.public-page .auth-security{justify-content:center}.public-page .auth-card{max-width:560px;margin:auto}}
@media(max-width:620px){.public-page .auth-section{min-height:calc(100vh - 66px);padding:40px 17px 58px}.public-page .auth-copy>h1{font-size:39px;letter-spacing:-2.2px}.public-page .auth-copy>p{font-size:15px}.public-page .auth-copy>.grid{display:none}.public-page .auth-security{font-size:11px}.public-page .auth-card{padding:27px 21px;border-radius:19px}.public-page .auth-card>h2{font-size:27px}}

/* Premium public experience v22 — independent editorial product system. */
.public-page{background:#f7f8fa;color:#17202e;font-size:16px}
.public-page .premium-public-header{height:76px;padding:0 max(28px,calc((100vw - 1320px)/2));background:rgba(255,255,255,.92);border-bottom:1px solid #e7e9ed;backdrop-filter:blur(18px);box-shadow:none}
.premium-brand-link{display:flex;color:inherit}.premium-brand-link .brand{font-size:24px}.premium-brand-link .brand img{width:38px;height:38px}
.public-page .premium-public-header nav{gap:34px;margin-left:58px}.public-page .premium-public-header nav a{padding:27px 0 24px;color:#4e5969;font-size:15px;font-weight:600}.public-page .premium-public-header nav a.active{color:#0f5bd8}.public-page .premium-public-header nav a.active:after{height:2px;left:0;right:0;background:#0f5bd8}
.premium-public-header .public-header-right{gap:12px}.premium-public-header .language-label{color:#646e7d;font-size:13px}.premium-public-header .btn{min-height:40px;padding:8px 18px;border-radius:10px;font-size:14px}.premium-public-header .btn.primary{background:#155bd7;box-shadow:none}
.premium-wrap{width:min(1320px,calc(100% - 64px));margin:0 auto}
.premium-site{--premium-blue:#155bd7;--premium-blue-bright:#3370ff;--premium-ink:#17202e;--premium-copy:#5f6b7a;--premium-line:#e2e6eb;--premium-soft:#f2f4f7;background:#fff;color:var(--premium-ink);font-family:Inter,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;overflow:hidden}
.premium-site *{box-sizing:border-box}.premium-site h1,.premium-site h2,.premium-site h3{color:var(--premium-ink)}
.premium-overline{display:inline-flex;align-items:center;gap:10px;color:#32577f;font-size:14px;font-weight:700;letter-spacing:.02em}.premium-overline i{width:9px;height:9px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 0 7px rgba(62,207,142,.12)}
.premium-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease}.premium-button:hover{transform:translateY(-1px)}.premium-button .icon{width:18px;height:18px}.premium-button.primary{background:var(--premium-blue);color:#fff;box-shadow:0 10px 26px rgba(21,91,215,.2)}.premium-button.primary:hover{background:#0e4fc5}.premium-button.secondary{border-color:#d7dce3;background:#fff;color:#283444}.premium-button.secondary:hover{border-color:#aeb8c5;background:#fafbfc}.premium-button.light{background:#fff;color:#123a73;box-shadow:0 14px 34px rgba(7,33,76,.18)}
.premium-hero{position:relative;padding:88px 0 0;background:radial-gradient(circle at 80% 8%,rgba(73,153,255,.18),transparent 29%),linear-gradient(180deg,#f6f9fe 0,#fff 76%)}
.premium-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(42,88,140,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(42,88,140,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 62%);pointer-events:none}
.premium-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(560px,.9fr) minmax(640px,1.1fr);gap:58px;align-items:center}
.premium-hero-copy{padding-bottom:46px}.premium-hero-copy h1{margin:26px 0 0;font-size:clamp(54px,4.2vw,68px);font-weight:770;letter-spacing:-4px;line-height:1.09}.premium-hero-copy h1>span,.premium-hero-copy h1>em{display:block;white-space:nowrap}.premium-hero-copy h1 em{color:var(--premium-blue);font-style:normal}.premium-hero-copy h1 em span{display:inline}.premium-hero-copy>p{max-width:630px;margin:25px 0 0;color:#536273;font-size:18px;line-height:1.85}.premium-actions{display:flex;gap:12px;margin-top:31px}.premium-assurances{display:flex;flex-wrap:wrap;gap:13px 22px;margin-top:26px;color:#566477;font-size:13px}.premium-assurances span{display:inline-flex;align-items:center;gap:7px}.premium-assurances .icon{width:17px;height:17px;color:#2268c9}
.premium-demo{position:relative;overflow:hidden;border:1px solid #d9e0e8;border-radius:22px;background:#fff;box-shadow:0 28px 75px rgba(43,73,113,.15),0 2px 6px rgba(43,73,113,.06)}
.premium-demo-bar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e6eaf0}.premium-demo-bar>div{display:flex;align-items:center;gap:11px}.premium-demo-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9f2ff;color:var(--premium-blue)}.premium-demo-logo .icon{width:18px;height:18px}.premium-demo-bar b{font-size:14px}.premium-online{display:flex;align-items:center;gap:7px;color:#637083;font-size:11px}.premium-online i{width:8px;height:8px;border-radius:50%;background:#35c98a;box-shadow:0 0 0 4px rgba(53,201,138,.13)}
.premium-demo-body{display:grid;grid-template-columns:52px 185px minmax(310px,1fr) 188px;height:448px;background:#f7f8fa}.premium-demo-body>nav{display:flex;flex-direction:column;align-items:center;gap:11px;padding:14px 0;background:#172236;color:#75849a}.premium-demo-body>nav>*{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.premium-demo-body>nav b{background:#155bd7;color:#fff}.premium-demo-body>nav small{margin-top:auto}.premium-demo-body>nav .icon{width:17px;height:17px}
.premium-demo-body>aside{padding:17px 11px;border-right:1px solid #e4e8ee;background:#fff}.premium-demo-body>aside header{display:flex;justify-content:space-between;padding:0 5px 12px}.premium-demo-body>aside header b{font-size:13px}.premium-demo-body>aside header span{color:#99a2af;font-size:10px}.premium-demo-body>aside article{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:11px 8px;border-radius:11px}.premium-demo-body>aside article.active{background:#ebf3ff}.premium-demo-body>aside article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf4ff;color:#3974c8;font-size:11px;font-style:normal}.premium-demo-body>aside article b,.premium-demo-body>aside article small{display:block}.premium-demo-body>aside article b{font-size:11px}.premium-demo-body>aside article small{max-width:90px;margin-top:3px;overflow:hidden;color:#8a95a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.premium-demo-body>aside time{color:#9aa4b1;font-size:7px}
.premium-thread{display:grid;grid-template-rows:59px 1fr 61px;background:#f8fafc}.premium-thread>header{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e3e7ed;background:#fff}.premium-thread>header>div{display:flex;gap:9px;align-items:center}.premium-thread>header i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8f2ff;color:#3170c6;font-size:10px;font-style:normal}.premium-thread>header b,.premium-thread>header small{display:block}.premium-thread>header b{font-size:11px}.premium-thread>header small{margin-top:2px;color:#8a95a4;font-size:8px}.premium-thread>header button{border:0;background:none}.premium-thread-messages{display:flex;flex-direction:column;gap:13px;padding:21px 17px;overflow:hidden}.premium-thread-messages>p{max-width:80%;margin:0;padding:11px 13px;border-radius:13px;color:#405064;font-size:10px;line-height:1.55}.premium-thread-messages .visitor{border:1px solid #dfe5ed;background:#fff}.premium-thread-messages .agent{align-self:flex-end;background:#155bd7;color:#fff}.premium-context,.premium-knowledge{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;background:#eef3f8;color:#4e5f73}.premium-context>span,.premium-knowledge>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#fff;color:#2d6ec8}.premium-context .icon,.premium-knowledge .icon{width:15px;height:15px}.premium-context b,.premium-context small,.premium-knowledge b,.premium-knowledge small{display:block}.premium-context b,.premium-knowledge b{font-size:9px}.premium-context small,.premium-knowledge small{margin-top:2px;color:#8a95a4;font-size:7px}.premium-knowledge em{margin-left:auto;padding:3px 7px;border-radius:20px;background:#e0f7ed;color:#16875f;font-size:7px;font-style:normal}.premium-thread>footer{display:flex;align-items:center;justify-content:space-between;margin:7px 13px 12px;padding:0 7px 0 12px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;color:#9da6b3;font-size:9px}.premium-thread>footer b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#155bd7;color:#fff}.premium-thread>footer .icon{width:16px;height:16px}
.premium-customer{padding:17px 15px;border-left:1px solid #e4e8ee;background:#fff}.premium-customer>header{padding-bottom:13px;border-bottom:1px solid #e6eaf0}.premium-customer>header b{font-size:12px}.premium-profile{display:grid;grid-template-columns:42px 1fr;gap:1px 10px;align-items:center;padding:18px 0}.premium-profile>i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e8f2ff;color:#2d6ec8;font-style:normal}.premium-profile>b{font-size:12px}.premium-profile>span{color:#8793a2;font-size:8px}.premium-customer dl{margin:0;border-top:1px solid #edf0f3}.premium-customer dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f3;font-size:8px}.premium-customer dt{color:#9099a6}.premium-customer dd{margin:0;color:#4b5a6c}.premium-note{margin-top:15px;padding:11px;border-radius:10px;background:#f3f5f7}.premium-note b{font-size:9px}.premium-note p{margin:5px 0 0;color:#718093;font-size:8px;line-height:1.55}
.premium-foundation{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #dde2e8;border-bottom:1px solid #dde2e8}.premium-foundation>div{min-height:110px;padding:25px 28px;border-left:1px solid #dde2e8}.premium-foundation>div:first-child{border-left:0}.premium-foundation b,.premium-foundation span{display:block}.premium-foundation b{font-size:19px}.premium-foundation span{margin-top:7px;color:#6b7787;font-size:13px}
.premium-section{padding:104px 0}.premium-heading{max-width:850px}.premium-heading>span,.premium-flow-copy>span,.premium-closing span,.premium-subhero span{display:block;margin-bottom:15px;color:#155bd7;font-size:14px;font-weight:750}.premium-heading h2,.premium-flow-copy h2{margin:0;font-size:clamp(42px,4vw,58px);font-weight:740;letter-spacing:-3px;line-height:1.15}.premium-heading>p{max-width:690px;margin:22px 0 0;color:#627083;font-size:17px;line-height:1.8}.premium-heading.horizontal{display:grid;grid-template-columns:1fr 470px;gap:80px;max-width:none;align-items:end}.premium-heading.horizontal>p{margin:0}
.premium-capabilities{background:#fff}.premium-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;border-top:1px solid #dde2e8;border-bottom:1px solid #dde2e8}.premium-capability-grid article{min-height:350px;padding:31px 28px 30px;border-left:1px solid #dde2e8}.premium-capability-grid article:first-child{border-left:0}.premium-capability-top{display:flex;align-items:center;justify-content:space-between}.premium-capability-top>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf4ff;color:#155bd7}.premium-capability-top .icon{width:24px;height:24px}.premium-capability-top em{color:#a0a8b4;font-size:13px;font-style:normal}.premium-capability-grid h3{margin:43px 0 13px;font-size:24px}.premium-capability-grid p{margin:0;color:#667487;font-size:15px;line-height:1.8}.premium-capability-grid article>b{display:block;margin-top:27px;color:#155bd7;font-size:13px}
.premium-service-flow{background:linear-gradient(135deg,#111c30,#172a49);color:#fff}.premium-flow-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center}.premium-flow-copy>span{color:#75aaff}.premium-flow-copy h2{color:#fff}.premium-flow-copy p{max-width:600px;margin:24px 0 0;color:#b3bece;font-size:17px;line-height:1.82}.premium-flow-copy a{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#83b4ff;font-size:14px;font-weight:700}.premium-flow-copy .icon{width:18px}.premium-flow-layout ol{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16);list-style:none}.premium-flow-layout li{display:grid;grid-template-columns:54px 1fr 32px;gap:16px;align-items:center;min-height:92px;border-bottom:1px solid rgba(255,255,255,.16)}.premium-flow-layout li>b{color:#78adff;font-size:13px}.premium-flow-layout li strong,.premium-flow-layout li span{display:block}.premium-flow-layout li strong{font-size:18px}.premium-flow-layout li span{margin-top:5px;color:#9eabbd;font-size:13px}.premium-flow-layout li>.icon{width:22px;height:22px;color:#78adff}
.premium-channels{background:#f5f7fa}.premium-channel-stage{position:relative;min-height:330px;margin-top:54px;padding:45px;border:1px solid #dfe4ea;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(52,78,110,.08)}.premium-channel-list{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.premium-channel-list>span{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;padding:19px 17px;border:1px solid #e1e6ec;border-radius:15px;background:#fff}.premium-channel-list .icon{grid-row:1/3;width:25px;height:25px;color:#155bd7}.premium-channel-list b{font-size:15px}.premium-channel-list small{margin-top:2px;color:#8390a0;font-size:12px}.premium-channel-center{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);display:grid;grid-template-columns:50px 1fr;column-gap:14px;align-items:center;min-width:330px;padding:18px 22px;border-radius:18px;background:#155bd7;color:#fff;box-shadow:0 18px 38px rgba(21,91,215,.23)}.premium-channel-center>span{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.15)}.premium-channel-center .icon{width:25px;height:25px}.premium-channel-center b{font-size:18px}.premium-channel-center p{margin:3px 0 0;color:#cfe0ff;font-size:12px}
.premium-usecases{background:#fff}.premium-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid #dfe3e8}.premium-usecase-grid article{position:relative;padding:35px 38px 38px;border-bottom:1px solid #dfe3e8}.premium-usecase-grid article+article{border-left:1px solid #dfe3e8}.premium-usecase-grid article>span{color:#9ca6b3;font-size:13px}.premium-usecase-grid article>i{display:grid;place-items:center;width:48px;height:48px;margin-top:33px;border-radius:14px;background:#edf4ff;color:#155bd7}.premium-usecase-grid article>i .icon{width:24px;height:24px}.premium-usecase-grid h3{margin:23px 0 13px;font-size:25px}.premium-usecase-grid p{margin:0;color:#657386;font-size:15px;line-height:1.8}.premium-usecase-grid article>b{display:block;margin-top:24px;color:#344255;font-size:13px}
.premium-trust{background:#f5f7fa}.premium-trust-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:88px}.premium-trust-grid>div:first-child>small,.premium-faq>small{display:block;margin:18px 0 13px;color:#155bd7;font-size:13px;font-weight:750}.premium-shield{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#e5efff;color:#155bd7}.premium-shield .icon{width:31px;height:31px}.premium-trust-grid h2{margin:0;font-size:42px;letter-spacing:-2.2px;line-height:1.2}.premium-trust-grid>div:first-child>p{max-width:570px;margin:22px 0 0;color:#647286;font-size:16px;line-height:1.82}.premium-trust-grid ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:29px 0 0;padding:21px 0 0;border-top:1px solid #dbe0e6;list-style:none}.premium-trust-grid li{display:flex;align-items:center;gap:7px;color:#4d5c70;font-size:13px}.premium-trust-grid li .icon{width:17px;height:17px;color:#155bd7}.premium-faq h3{margin:0 0 25px;font-size:30px}.premium-faq details{border-top:1px solid #d9dfe6}.premium-faq details:last-of-type{border-bottom:1px solid #d9dfe6}.premium-faq summary{display:flex;align-items:center;justify-content:space-between;min-height:65px;cursor:pointer;list-style:none}.premium-faq summary::-webkit-details-marker{display:none}.premium-faq summary b{font-size:15px}.premium-faq summary i{font-size:21px;font-style:normal}.premium-faq details[open] summary i{transform:rotate(45deg)}.premium-faq details p{margin:-4px 36px 20px 0;color:#657386;font-size:14px;line-height:1.75}.premium-faq>a{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#155bd7;font-size:14px;font-weight:700}.premium-faq>a .icon{width:17px}
.premium-closing{padding:78px 0;background:linear-gradient(120deg,#1455cd,#2f75ed);color:#fff}.premium-closing>.premium-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.premium-closing span{margin-bottom:10px;color:#cfe0ff}.premium-closing h2{margin:0;color:#fff;font-size:46px;letter-spacing:-2.4px;line-height:1.16}.premium-closing p{margin:14px 0 0;color:#d6e5ff;font-size:16px}
.public-page .premium-public-footer{grid-template-columns:1.7fr repeat(3,1fr);gap:48px;padding:68px max(32px,calc((100vw - 1320px)/2)) 28px;background:#101a2d;color:#b7c1d1}.premium-public-footer .brand{color:#fff}.premium-public-footer .footer-brand p{max-width:390px;margin-top:19px;color:#dce4ef;font-size:16px;line-height:1.7}.premium-public-footer .footer-brand small{color:#8290a4;font-size:12px}.premium-public-footer h4{color:#fff;font-size:14px}.premium-public-footer a{color:#9da9ba;font-size:13px}.premium-public-footer a:hover{color:#fff}.premium-public-footer .footer-bottom{color:#7f8c9e;border-color:#26344a}

/* Premium feature and pricing pages. */
.premium-subhero{padding:105px 0 96px;background:radial-gradient(circle at 75% 15%,rgba(73,153,255,.18),transparent 30%),linear-gradient(180deg,#f5f8fd,#fff)}.premium-subhero>.premium-wrap{max-width:1050px;text-align:center}.premium-subhero h1{margin:0;font-size:clamp(54px,5.2vw,76px);letter-spacing:-4.2px;line-height:1.08}.premium-subhero h1 em{color:#155bd7;font-style:normal}.premium-subhero p{max-width:760px;margin:25px auto 0;color:#5e6d80;font-size:18px;line-height:1.8}.premium-subhero .premium-button{margin-top:31px}.premium-subhero.pricing{padding-bottom:85px}
.premium-feature-list{background:#fff}.premium-feature-list>.premium-wrap>article{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center;padding:92px 0;border-bottom:1px solid #e0e4e9}.premium-feature-list article:nth-child(even) .premium-feature-copy{order:2}.premium-feature-copy>span{color:#9aa4b2;font-size:14px}.premium-feature-copy>i{display:grid;place-items:center;width:54px;height:54px;margin:27px 0 22px;border-radius:16px;background:#eaf2ff;color:#155bd7}.premium-feature-copy>i .icon{width:27px;height:27px}.premium-feature-copy h2{margin:0;font-size:38px;letter-spacing:-1.8px}.premium-feature-copy>p{max-width:550px;margin:19px 0 0;color:#637185;font-size:16px;line-height:1.8}.premium-feature-copy>div{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:24px}.premium-feature-copy>div b{display:flex;align-items:center;gap:6px;color:#415064;font-size:13px}.premium-feature-copy>div .icon{width:15px;height:15px;color:#159668}.premium-feature-visual{display:grid;place-items:center;min-height:390px;border:1px solid #dfe4ea;border-radius:28px;background:linear-gradient(145deg,#f5f8fc,#edf3fa);box-shadow:0 24px 60px rgba(44,72,107,.08)}
.pf-inbox{display:grid;grid-template-columns:190px 1fr;width:82%;overflow:hidden;border:1px solid #dde3eb;border-radius:17px;background:#fff;box-shadow:0 18px 45px rgba(49,75,108,.12)}.pf-inbox aside{display:flex;flex-direction:column;gap:8px;padding:19px;border-right:1px solid #e3e8ee}.pf-inbox aside b{margin-bottom:7px}.pf-inbox aside span{padding:10px;border-radius:9px;color:#718094;font-size:11px}.pf-inbox aside span.active{background:#eaf2ff;color:#185bbd}.pf-inbox section{padding:25px}.pf-inbox section small{color:#8190a2}.pf-inbox section p{margin:38px 0 25px;padding:13px;border-radius:12px;background:#f3f6fa;color:#425166}.pf-inbox section strong{color:#15875f;font-size:12px}
.pf-profile,.pf-answer,.pf-ticket,.pf-security{width:66%;padding:28px;border:1px solid #dce3eb;border-radius:20px;background:#fff;box-shadow:0 20px 48px rgba(49,75,108,.11)}.pf-profile>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#eaf2ff;color:#155bd7}.pf-profile h3{margin:15px 0 3px}.pf-profile small{color:#8290a2}.pf-profile dl{margin:22px 0 0;border-top:1px solid #e4e8ed}.pf-profile dl>div,.pf-ticket dl>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9ecf0}.pf-profile dt,.pf-ticket dt{color:#8692a1}.pf-profile dd,.pf-ticket dd{margin:0}.pf-answer>span,.pf-security>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#eaf2ff;color:#155bd7}.pf-answer>span .icon,.pf-security>span .icon{width:26px}.pf-answer small{display:block;margin-top:18px;color:#16835f}.pf-answer p{margin:13px 0 18px;font-size:17px;line-height:1.7}.pf-answer b{color:#7b8796;font-size:12px}.pf-ticket header{display:flex;justify-content:space-between}.pf-ticket header span{color:#768497}.pf-ticket header b{padding:4px 9px;border-radius:20px;background:#e5f7ef;color:#16835f;font-size:11px}.pf-ticket h3{margin:25px 0 13px}.pf-ticket dl{margin:0}.pf-chart{width:78%;padding:26px;border-radius:20px;background:#fff;box-shadow:0 20px 48px rgba(49,75,108,.11)}.pf-chart header,.pf-chart footer{display:flex;justify-content:space-between}.pf-chart header span{color:#16835f;font-size:12px}.pf-chart>div{display:flex;align-items:end;justify-content:space-between;height:190px;margin:27px 0 18px;border-bottom:1px solid #dde3ea}.pf-chart>div i{width:9%;border-radius:7px 7px 0 0;background:linear-gradient(#4f8cff,#155bd7)}.pf-chart footer{color:#7e8b9c;font-size:12px}.pf-security{text-align:center}.pf-security>span{margin:auto}.pf-security h3{margin:18px 0 7px}.pf-security p{color:#748195}.pf-security>div{display:flex;justify-content:center;gap:9px;margin-top:20px}.pf-security>div b{display:flex;gap:5px;padding:8px 10px;border-radius:8px;background:#f1f4f7;font-size:11px}.pf-security>div .icon{width:14px;color:#16835f}
.premium-plan-section{padding:0 0 96px;background:#fff}.premium-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce2e9;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(50,74,104,.09)}.premium-plan-grid>article{position:relative;min-height:610px;padding:40px;border-left:1px solid #dce2e9;background:#fff}.premium-plan-grid>article:first-child{border-left:0}.premium-plan-grid>article.featured{background:linear-gradient(180deg,#eef4ff,#fff 37%)}.premium-plan-recommend{position:absolute;top:0;left:40px;padding:7px 12px;border-radius:0 0 9px 9px;background:#155bd7;color:#fff;font-size:11px}.premium-plan-grid header{margin-top:13px}.premium-plan-grid h2{font-size:27px}.premium-plan-grid header p{min-height:50px;color:#687588;font-size:14px;line-height:1.7}.premium-plan-price{margin-top:30px;font-size:44px;font-weight:750;letter-spacing:-2px}.premium-plan-price small{margin-left:5px;color:#7b8796;font-size:14px;font-weight:500}.premium-plan-year{display:block;margin:3px 0 25px;color:#8793a2;font-size:13px}.premium-plan-grid .premium-button{width:100%}.premium-plan-grid ul{margin:31px 0 0;padding:25px 0 0;border-top:1px solid #e2e6eb;list-style:none}.premium-plan-grid li{display:flex;align-items:center;gap:7px;margin:14px 0;color:#596679;font-size:14px}.premium-plan-grid li .icon{width:16px;color:#16835f}.premium-plan-grid li b{color:#263446}.premium-price-note{display:flex;align-items:center;gap:9px;margin:25px auto 0;color:#748195;font-size:13px}.premium-price-note .icon{width:18px;color:#155bd7}

/* Align the remaining public pages with the same readable scale. */
.public-page .public-help{width:min(1180px,calc(100% - 64px));padding:82px 0 100px}.public-page .help-hero{padding:38px 42px 42px;border:1px solid #dfe4ea;border-radius:24px;background:linear-gradient(135deg,#f2f6fc,#eaf2ff);box-shadow:none}.public-page .help-hero h2{font-size:46px;letter-spacing:-2px}.public-page .help-hero p{font-size:16px}.public-page .help-search label{min-height:56px;background:#fff}.public-page .help-category-grid{gap:14px}.public-page .help-category.card{min-height:104px;padding:22px;border-color:#e0e5eb;box-shadow:none}.public-page .help-category h3{font-size:17px}.public-page .help-category span{font-size:13px}.public-page .help-popular-card.card{padding:29px;border-color:#e0e5eb;box-shadow:none}.public-page .faq-row{min-height:62px;font-size:15px}
.public-page .legal-panel{width:min(900px,calc(100% - 64px));padding:92px 0 110px}.public-page .legal-panel h1{font-size:50px;letter-spacing:-2.5px}.public-page .legal-panel>p{color:#59677a;font-size:17px;line-height:1.95}

@media(max-width:1180px){
  .premium-hero-grid{grid-template-columns:1fr;gap:35px}.premium-hero-copy{text-align:center}.premium-hero-copy>p{margin-left:auto;margin-right:auto}.premium-actions,.premium-assurances{justify-content:center}.premium-demo{width:min(900px,100%);margin:auto}.premium-demo-body{grid-template-columns:52px 185px 1fr}.premium-customer{display:none}.premium-foundation{margin-top:54px}.premium-capability-grid{grid-template-columns:1fr 1fr}.premium-capability-grid article:nth-child(3){border-left:0;border-top:1px solid #dde2e8}.premium-capability-grid article:nth-child(4){border-top:1px solid #dde2e8}.premium-flow-layout{grid-template-columns:1fr;gap:50px}.premium-channel-list{grid-template-columns:repeat(3,1fr)}.premium-channel-stage{padding-bottom:140px}.premium-trust-grid{grid-template-columns:1fr;gap:65px}.premium-feature-list>.premium-wrap>article{gap:48px}.premium-public-header .language-label{display:none}
}
@media(max-width:820px){
  .public-page .premium-public-header{height:66px;padding:0 17px}.premium-brand-link .brand{font-size:21px}.premium-brand-link .brand img{width:34px;height:34px}.public-page .premium-public-header nav,.premium-public-header .public-header-right>.btn:not(.primary){display:none}.premium-public-header .public-header-right{margin-left:auto}.premium-public-header .btn.primary{min-height:38px;padding:7px 13px}
  .premium-wrap{width:calc(100% - 34px)}.premium-hero{padding-top:58px}.premium-hero-copy h1{font-size:36px;letter-spacing:-1.8px;line-height:1.15}.premium-hero-copy h1 em span{display:block}.premium-hero-copy>p{font-size:16px}.premium-actions{flex-direction:column}.premium-button{width:100%}.premium-assurances{gap:10px 14px;font-size:11px}.premium-demo{border-radius:17px}.premium-demo-body{grid-template-columns:42px 112px 1fr;height:385px}.premium-demo-body>nav>*{width:29px;height:29px}.premium-demo-body>nav .icon{width:14px}.premium-demo-body>aside{padding:12px 6px}.premium-demo-body>aside article{grid-template-columns:30px 1fr;padding:8px 4px}.premium-demo-body>aside article>i{width:30px;height:30px}.premium-demo-body>aside article time{display:none}.premium-demo-body>aside article small{max-width:55px}.premium-thread-messages{padding:15px 10px}.premium-thread-messages>p{max-width:94%;font-size:9px}.premium-context{display:none}.premium-knowledge{padding:8px}.premium-foundation{grid-template-columns:1fr 1fr}.premium-foundation>div{min-height:96px;padding:19px 14px;border-top:1px solid #dde2e8}.premium-foundation>div:nth-child(odd){border-left:0}.premium-foundation b{font-size:16px}.premium-foundation span{font-size:11px}
  .premium-section{padding:72px 0}.premium-heading h2,.premium-flow-copy h2{font-size:36px;letter-spacing:-2px}.premium-heading>p,.premium-flow-copy p{font-size:15px}.premium-heading.horizontal{display:block}.premium-heading.horizontal>p{margin-top:20px}.premium-capability-grid{grid-template-columns:1fr}.premium-capability-grid article{min-height:0;padding:27px 8px;border-left:0;border-top:1px solid #dde2e8}.premium-capability-grid article:first-child{border-top:0}.premium-capability-grid h3{margin-top:24px}.premium-flow-layout{gap:38px}.premium-flow-layout li{grid-template-columns:40px 1fr 24px;min-height:84px}.premium-flow-layout li strong{font-size:16px}.premium-flow-layout li span{font-size:12px}.premium-channel-stage{min-height:0;margin-top:35px;padding:17px}.premium-channel-list{grid-template-columns:1fr}.premium-channel-list>span{padding:14px}.premium-channel-center{position:static;transform:none;min-width:0;margin-top:17px}.premium-usecase-grid{grid-template-columns:1fr}.premium-usecase-grid article+article{border-left:0}.premium-usecase-grid article{padding:28px 5px}.premium-usecase-grid article>i{margin-top:20px}.premium-trust-grid h2{font-size:34px}.premium-trust-grid ul{grid-template-columns:1fr}.premium-faq h3{font-size:25px}.premium-closing{padding:58px 0}.premium-closing>.premium-wrap{display:block;text-align:center}.premium-closing h2{font-size:36px}.premium-closing .premium-button{margin-top:28px}
  .public-page .premium-public-footer{grid-template-columns:1fr 1fr;gap:35px;padding:52px 22px 25px}.premium-public-footer .footer-brand{grid-column:1/-1}.premium-subhero{padding:72px 0 65px}.premium-subhero h1{font-size:43px;letter-spacing:-2.5px}.premium-subhero p{font-size:16px}.premium-feature-list>.premium-wrap>article{grid-template-columns:1fr;padding:68px 0}.premium-feature-list article:nth-child(even) .premium-feature-copy{order:0}.premium-feature-copy h2{font-size:32px}.premium-feature-visual{min-height:320px}.pf-inbox{grid-template-columns:120px 1fr;width:94%}.pf-inbox aside{padding:12px 8px}.pf-inbox section{padding:18px 12px}.pf-profile,.pf-answer,.pf-ticket,.pf-security{width:84%;padding:22px}.pf-chart{width:88%}.premium-plan-grid{grid-template-columns:1fr}.premium-plan-grid>article{min-height:0;border-left:0;border-top:1px solid #dce2e9}.premium-plan-grid>article:first-child{border-top:0}.public-page .public-help{width:calc(100% - 34px);padding:58px 0 72px}.public-page .help-hero{padding:28px 22px}.public-page .help-hero h2{font-size:35px}.public-page .legal-panel{width:calc(100% - 34px);padding:65px 0 80px}.public-page .legal-panel h1{font-size:39px}.public-page .legal-panel>p{font-size:16px}
}

@media(max-width:1120px){
  .immersive-shell{width:min(100% - 48px,1120px)}.immersive-hero-grid{grid-template-columns:1fr;gap:55px}.immersive-hero-copy{text-align:center}.immersive-hero-copy>p{margin-left:auto;margin-right:auto}.immersive-actions,.immersive-hero-meta{justify-content:center}.immersive-stage{width:min(800px,100%);margin:auto}.immersive-story-grid,.immersive-story-grid.reverse,.immersive-dark-grid,.immersive-trust-grid{grid-template-columns:1fr;gap:65px}.immersive-story-grid.reverse .immersive-story-copy{order:-1}.immersive-story-copy{text-align:center}.immersive-story-copy>p{margin-left:auto;margin-right:auto}.immersive-checks{align-items:center}.immersive-channel-flow,.immersive-knowledge-scene{width:min(720px,100%);margin:auto}.immersive-dark-grid>div{text-align:center}.immersive-dark p{margin-left:auto;margin-right:auto}.immersive-trust-grid>div:last-child{text-align:center}.immersive-trust p{margin-left:auto;margin-right:auto}.immersive-trust-points{max-width:500px;margin-left:auto;margin-right:auto;text-align:left}.immersive-feature-rows article,.immersive-feature-rows article.reverse{grid-template-columns:1fr;gap:60px}.immersive-feature-rows article.reverse .immersive-feature-copy{order:0}.immersive-feature-copy{text-align:center}.immersive-feature-copy>div{justify-content:center}.immersive-process>.immersive-shell{grid-template-columns:1fr;gap:45px;text-align:center}.immersive-process ol{text-align:left}.public-page .public-footer{grid-template-columns:1.5fr repeat(3,1fr)}
}
@media(max-width:760px){
  .immersive-shell{width:calc(100% - 34px)}.immersive-hero{padding:73px 0 66px}.immersive-hero-copy h1{font-size:37px;letter-spacing:-2px}.immersive-hero-copy>p{font-size:15px;line-height:1.75}.immersive-actions{flex-direction:column}.immersive-btn{width:100%}.immersive-hero-meta{gap:9px 14px;font-size:10px}.immersive-stage{padding-top:20px}.immersive-console{transform:none;border-radius:18px}.immersive-console>header{height:55px}.immersive-console-body{grid-template-columns:46px 1fr;height:320px}.immersive-console-body>nav{padding:12px 0;gap:7px}.immersive-console-body>nav>*{width:29px;height:29px;font-size:12px}.immersive-console-body>aside{padding:12px 9px;border-right:0}.immersive-conversation{display:none}.immersive-float{padding:9px 11px}.immersive-float.one{right:-7px}.immersive-float.two{left:-7px}.immersive-float>span{width:31px;height:31px}.immersive-intro,.immersive-story,.immersive-scenarios,.immersive-trust,.immersive-faq{padding:92px 0}.immersive-intro h2,.immersive-section-head h2{font-size:38px;letter-spacing:-2.1px}.immersive-intro>.immersive-shell>p{font-size:14px}.immersive-signals{grid-template-columns:1fr;margin-top:52px}.immersive-signals>div{padding:29px 8px;border-left:0;border-top:1px solid var(--im-line)}.immersive-signals>div:first-child{border-top:0}.immersive-signals span{margin-bottom:16px}.immersive-story-grid,.immersive-story-grid.reverse{gap:42px}.immersive-story-copy{text-align:left}.immersive-story-copy h2{font-size:37px;letter-spacing:-2px}.immersive-story-copy>p{font-size:14px}.immersive-checks{align-items:flex-start}.immersive-channel-flow{grid-template-columns:1fr;min-height:auto;padding:10px 0}.immersive-source:nth-child(2),.immersive-source:nth-child(3){transform:none}.immersive-channel-flow>i{display:none}.immersive-inbox{width:78%;margin-top:16px}.immersive-knowledge-scene{min-height:380px;padding:25px 0}.immersive-question,.immersive-answer,.immersive-handoff{box-sizing:border-box;width:88%}.immersive-handoff{display:block}.immersive-handoff span{display:block;margin-top:7px}.immersive-dark{padding:94px 0}.immersive-dark h2{font-size:38px;letter-spacing:-2px}.immersive-dark li{grid-template-columns:42px 1fr}.immersive-dark li small{grid-column:2;margin-top:6px}.immersive-scenario-columns{grid-template-columns:1fr;margin-top:48px}.immersive-scenario-columns article{padding:32px 5px;border-left:0;border-top:1px solid var(--im-line)}.immersive-scenario-columns article:first-child{border-top:0}.immersive-scenario-columns h3{margin-top:22px}.immersive-shield{height:300px}.immersive-shield:before{width:210px;height:210px}.immersive-shield:after{width:270px;height:270px}.immersive-shield>span{width:135px;height:135px;border-radius:42px;font-size:62px}.immersive-trust h2{font-size:37px;letter-spacing:-2px}.immersive-trust-points{grid-template-columns:1fr}.immersive-faq-rows{margin-top:48px}.immersive-faq-rows summary{grid-template-columns:38px 1fr 30px;min-height:78px}.immersive-faq-rows summary>b{font-size:14px}.immersive-faq-rows details>p{margin:-4px 0 24px 38px;font-size:12px}.immersive-cta{padding:85px 0}.immersive-cta h2{font-size:41px;letter-spacing:-2.3px}.immersive-subhero{padding:85px 0 80px}.immersive-subhero h1{font-size:48px;letter-spacing:-3px}.immersive-subhero p{font-size:15px}.immersive-feature-rows article,.immersive-feature-rows article.reverse{padding:88px 0;gap:36px}.immersive-feature-copy{text-align:left}.immersive-feature-copy h2{font-size:35px}.immersive-feature-copy>div{justify-content:flex-start}.immersive-feature-visual{min-height:310px}.feature-flow{grid-template-columns:1fr}.feature-flow i,.feature-flow b{grid-column:1}.feature-flow span{text-align:center}.feature-answer,.feature-profile,.feature-ticket,.feature-security{box-sizing:border-box;width:86%}.immersive-process{padding:80px 0}.immersive-process h2{font-size:35px}.immersive-process li{grid-template-columns:35px 1fr}.immersive-process li small{grid-column:2;margin-top:6px}.public-page .page-banner{min-height:340px;padding:78px 20px 64px}.public-page .page-banner h1{font-size:42px;letter-spacing:-2.3px}.public-page .public-pricing,.public-page .public-help{width:calc(100% - 34px);padding:75px 0 95px}.public-page .plan-cards{display:block}.public-page .plan-card,.public-page .plan-card.featured{min-height:0;padding:42px 8px;border-left:0;border-top:1px solid #dfe5ed}.public-page .plan-card:first-child{border-top:0}.public-page .help-hero{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.public-page .help-hero h2{font-size:38px}.public-page .help-category-grid{grid-template-columns:1fr}.public-page .help-category.card:nth-child(odd){border-right:0}.public-page .legal-panel{width:calc(100% - 34px);padding:78px 0 95px}.public-page .legal-panel h1{font-size:42px}.public-page .public-footer{grid-template-columns:1fr 1fr;padding:52px 22px 28px}.public-page .public-footer .footer-brand{grid-column:1/-1}
}
.channel-logo img{display:block;width:24px;height:24px;object-fit:contain}.channel-source.telegram{color:#229ed9}.channel-source.whatsapp{color:#16835f}

/* v18 channel workspace section boundaries */
.channel-hero{
  position:relative;
  overflow:hidden;
  margin-top:18px;
  padding:28px 30px;
  border:1px solid #dce6f3;
  border-radius:18px;
  background:linear-gradient(135deg,#f7fbff 0%,#f3f7fd 55%,#eef5ff 100%);
  box-shadow:0 10px 30px rgba(31,65,114,.055)
}
.channel-hero:after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-145px;
  width:310px;
  height:310px;
  border:52px solid rgba(35,111,238,.045);
  border-radius:50%;
  pointer-events:none
}
.channel-hero>*,.channel-flow{position:relative;z-index:1}
.channel-hero h2{color:#172033!important}
.channel-hero p{color:#64748b!important}
.channel-eyebrow{border:1px solid #cfe0fb!important;background:#edf5ff!important;color:#1769dc!important}
.channel-flow{gap:12px}
.channel-flow>span:not(.icon){
  min-width:142px;
  padding:13px 15px;
  border:1px solid #dbe6f4;
  border-radius:13px;
  background:rgba(255,255,255,.86);
  box-shadow:0 6px 18px rgba(39,72,119,.05)
}
.channel-flow>span:not(.icon) small{color:#7a889d!important}
.channel-metrics{
  overflow:hidden;
  margin-top:16px!important;
  padding:0!important;
  gap:0!important;
  border:1px solid #dfe5ed!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(29,52,86,.045)
}
.channel-metrics .metric.card{
  min-height:92px;
  margin:0!important;
  padding:18px 24px!important;
  border:0!important;
  border-left:1px solid #e6ebf2!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.channel-metrics .metric.card:first-child{border-left:0!important}
.channel-grid{
  position:relative;
  margin-top:18px!important;
  padding:54px 20px 20px;
  gap:16px;
  border:1px solid #dfe5ed;
  border-radius:18px;
  background:#f7f9fc;
  box-shadow:0 10px 28px rgba(29,52,86,.045)
}
.channel-grid:before{
  content:"已连接渠道";
  position:absolute;
  top:18px;
  left:21px;
  color:#253146;
  font-size:15px;
  font-weight:700;
  letter-spacing:.01em
}
.channel-card{
  padding:22px!important;
  border:1px solid #dde5ef!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(35,57,88,.045)!important
}
.channel-grid .channel-card:only-child{max-width:820px}
.channel-link{
  border:1px solid #dce7f5!important;
  border-left:3px solid #4b8df8!important;
  border-radius:12px!important;
  background:#f6f9fe!important
}
.channel-guide{
  position:relative;
  margin-top:18px!important;
  padding:52px 22px 20px!important;
  gap:18px!important;
  border:1px solid #dfe5ed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(29,52,86,.04)
}
.channel-guide:before{
  content:"接入与安全";
  position:absolute;
  top:18px;
  left:22px;
  color:#253146;
  font-size:15px;
  font-weight:700
}
.channel-guide>div{
  min-height:74px;
  padding:15px 17px!important;
  border:1px solid #e3e9f1;
  border-radius:13px;
  background:#fafbfd
}
@media(max-width:800px){
  .channel-hero{margin-top:12px;padding:20px 18px;border-radius:15px}
  .channel-hero:after{right:-150px;bottom:-180px}
  .channel-flow{display:grid!important;grid-template-columns:1fr;gap:8px!important;margin-top:18px!important}
  .channel-flow>span.icon{display:none!important}
  .channel-flow>span:not(.icon){box-sizing:border-box;width:100%;min-width:0;padding:11px 13px}
  .channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:14px!important}
  .channel-metrics .metric.card{min-height:82px;padding:15px 12px!important}
  .channel-metrics .metric.card:nth-child(odd){border-left:0!important}
  .channel-metrics .metric.card:nth-child(n+3){border-top:1px solid #e6ebf2!important}
  .channel-grid{padding:49px 11px 11px;border-radius:15px}
  .channel-grid:before{top:15px;left:15px}
  .channel-card{padding:16px!important;border-radius:13px!important}
  .channel-guide{grid-template-columns:1fr!important;padding:48px 11px 11px!important;border-radius:15px}
  .channel-guide:before{top:15px;left:15px}
  .channel-guide>div{min-height:0;padding:13px!important}
}

/* v19 compact channel operations workspace */
.channel-overview-v19{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(480px,.85fr);gap:22px;margin-top:15px;padding:22px 24px 0;border:1px solid #dfe5ed;border-radius:17px;background:linear-gradient(118deg,#fff 0%,#f8fbff 55%,#f1f7ff 100%);box-shadow:0 8px 24px rgba(29,52,86,.045)}
.channel-overview-copy>span{display:inline-flex;align-items:center;gap:6px;color:#1769dc;font-size:10px;font-weight:700}.channel-overview-copy>span .icon{width:15px}.channel-overview-copy h2{margin:8px 0 5px;color:#182235;font-size:22px;letter-spacing:-.03em}.channel-overview-copy p{max-width:760px;margin:0;color:#65748a;font-size:11px;line-height:1.65}
.channel-route-v19{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:5px}.channel-route-v19>div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;min-height:54px;padding:8px 10px;border:1px solid #e1e8f1;border-radius:11px;background:#fff}.channel-route-v19>div>.icon{grid-row:1/3;width:19px;margin:auto;color:#2879ed}.channel-route-v19>div b{color:#29364a;font-size:11px}.channel-route-v19>div small{color:#8694a8;font-size:9px}.channel-route-v19>.icon{width:14px;color:#8ab3ee}
.channel-kpis-v19{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:17px -24px 0;border-top:1px solid #e3e9f1;background:rgba(255,255,255,.78);border-radius:0 0 17px 17px}.channel-kpis-v19>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:66px;padding:0 22px;border-left:1px solid #e7ebf1}.channel-kpis-v19>div:first-child{border-left:0}.channel-kpis-v19 .icon-tile{width:32px;height:32px;border-radius:9px}.channel-kpis-v19 .icon-tile .icon{width:17px}.channel-kpis-v19 b{font-size:20px}.channel-kpis-v19 small{color:#74839a;font-size:10px}
.channel-capability-panel,.channel-connected-panel,.channel-checklist-v19{border:1px solid #dfe5ed;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(29,52,86,.035)}.channel-capability-panel{margin-top:14px;padding:15px 18px 14px}.channel-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.channel-section-head h3{margin:0;color:#1e293b;font-size:14px}.channel-section-head p{margin:3px 0 0;color:#7c8a9e;font-size:9px}.channel-capability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:12px;border:1px solid #e7ebf1;border-radius:12px;overflow:hidden}.channel-capability{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:11px 12px;border-left:1px solid #e7ebf1;background:#fafbfd}.channel-capability:first-child{border-left:0}.channel-capability.connected{background:#f7fcfa}.channel-capability .channel-logo{width:32px;height:32px;flex-basis:32px;border-radius:9px}.channel-capability .channel-logo img,.channel-capability .channel-logo .icon{width:18px;height:18px}.channel-capability b,.channel-capability small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-capability b{color:#26344a;font-size:10px}.channel-capability small{margin-top:3px;color:#8a97a9;font-size:8px}.channel-capability em{position:absolute;top:7px;right:7px;color:#8a98aa;font-size:8px;font-style:normal}.channel-capability.connected em{color:#078968}
.channel-workspace-v19{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;margin-top:14px}.channel-connected-panel,.channel-checklist-v19{padding:17px 18px}.channel-live-dot{display:inline-flex;align-items:center;gap:6px;color:#63748c;font-size:9px}.channel-live-dot i{width:7px;height:7px;border-radius:50%;background:#21bf82;box-shadow:0 0 0 4px #e7f9f2}.channel-grid-v19{display:grid;gap:10px;margin-top:13px}.channel-grid-v19 .channel-card-v19{display:grid!important;grid-template-columns:minmax(230px,1.2fr) minmax(280px,.9fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:11px 20px!important;width:100%!important;max-width:none!important;min-height:0!important;padding:16px 17px!important}.channel-card-v19 .channel-card-main{min-width:0}.channel-card-v19 .channel-card-head{grid-template-columns:auto minmax(0,1fr)}.channel-card-v19 .channel-summary{margin:7px 0 0!important}.channel-card-health{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));overflow:hidden;border:1px solid #e7ebf1;border-radius:10px;background:#fafbfd}.channel-card-health>div{display:flex;flex-direction:column;justify-content:center;min-height:49px;padding:6px 10px;border-left:1px solid #e7ebf1}.channel-card-health>div:first-child{border-left:0}.channel-card-health span{color:#8a98aa;font-size:8px}.channel-card-health b{margin-top:3px;color:#243248;font-size:14px}.channel-card-health .badge{align-self:flex-start;margin-top:4px}.channel-card-v19 .channel-callback{grid-column:1/3;margin:0!important}.channel-card-v19 .channel-actions{grid-column:3;grid-row:1/3;align-self:center;justify-content:flex-end;margin:0!important}.channel-card-v19 .channel-error{grid-column:1/3;margin:7px 0 0}.channel-card-v19>.channel-callback+.channel-actions{grid-row:1/3}.channel-card-v19 .channel-callback~.channel-actions{grid-row:1/3}.channel-card-v19 .channel-callback{max-width:none}
.channel-checklist-v19{align-self:start}.channel-check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #edf0f4}.channel-checklist-v19>.channel-section-head+.channel-check-row{margin-top:10px}.channel-check-row .icon-tile{width:32px;height:32px;border-radius:9px}.channel-check-row .icon{width:17px}.channel-check-row b{display:block;color:#26344a;font-size:10px}.channel-check-row p{margin:3px 0 0;color:#8491a4;font-size:8px;line-height:1.45}.channel-check-row em{padding:4px 7px;border-radius:999px;background:#f0f5fc;color:#537399;font-size:8px;font-style:normal;white-space:nowrap}.channel-check-footer{padding-top:13px;border-top:1px solid #edf0f4}.channel-check-footer p{margin:0 0 10px;color:#66768c;font-size:9px;line-height:1.6}.channel-check-footer .btn{width:100%;justify-content:center}
.channel-empty-v19{display:grid;justify-items:center;padding:38px 20px;text-align:center}.channel-empty-v19 h3{margin:11px 0 5px;font-size:14px}.channel-empty-v19 p{margin:0 0 15px;color:#7b899d;font-size:10px}
@media(max-width:1280px){.channel-overview-v19{grid-template-columns:1fr}.channel-route-v19{margin-top:2px}.channel-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-capability:nth-child(4){border-left:0;border-top:1px solid #e7ebf1}.channel-capability:nth-child(n+5){border-top:1px solid #e7ebf1}.channel-workspace-v19{grid-template-columns:1fr}.channel-checklist-v19{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.channel-checklist-v19>.channel-section-head,.channel-check-footer{grid-column:1/-1}.channel-check-row{margin-top:10px!important}}
@media(max-width:800px){.channel-overview-v19{display:block;margin-top:10px;padding:17px 15px 0;border-radius:14px}.channel-overview-copy h2{font-size:19px}.channel-route-v19{grid-template-columns:1fr;margin-top:15px}.channel-route-v19>.icon{display:none}.channel-route-v19>div{min-height:48px}.channel-kpis-v19{grid-template-columns:repeat(2,minmax(0,1fr));margin:15px -15px 0}.channel-kpis-v19>div{min-height:60px;padding:0 12px}.channel-kpis-v19>div:nth-child(odd){border-left:0}.channel-kpis-v19>div:nth-child(n+3){border-top:1px solid #e7ebf1}.channel-capability-panel{padding:14px 12px}.channel-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-capability:nth-child(odd){border-left:0}.channel-capability:nth-child(n+3){border-top:1px solid #e7ebf1}.channel-capability:nth-child(4){border-left:1px solid #e7ebf1}.channel-workspace-v19{gap:11px;margin-top:11px}.channel-connected-panel,.channel-checklist-v19{padding:14px 12px;border-radius:14px}.channel-grid-v19 .channel-card-v19{display:flex!important;gap:10px!important;padding:14px!important}.channel-card-health{width:100%}.channel-card-v19 .channel-callback{width:100%}.channel-card-v19 .channel-actions{justify-content:flex-start}.channel-checklist-v19{display:block}.channel-check-row{margin-top:0!important}.channel-checklist-v19>.channel-section-head+.channel-check-row{margin-top:9px!important}}

/* v20 payment methods: compact switch cards and safe checkout QR */
.payment-methods-panel{padding:22px 24px!important;border:1px solid #dfe7e4!important;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important}
.payment-methods-panel>.integration-header{padding-bottom:18px;border-bottom:1px solid #e7ecea}
.payment-methods-panel .section-kicker{display:block;width:max-content;margin-bottom:4px;padding:0;border:0;background:transparent;color:#15936f;font-size:9px;letter-spacing:.14em}
.payment-methods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.payment-method-card{min-width:0;padding:17px;border:1px solid #dce6e2;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(25,75,61,.035)}
.payment-method-card .integration-form{height:100%;display:flex;flex-direction:column}
.payment-method-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.payment-method-title{display:flex;align-items:flex-start;gap:10px;min-width:0}
.payment-method-title h3{margin:0;color:#18251f;font-size:15px;line-height:1.35}
.payment-method-title p{margin:4px 0 0;color:#73847d;font-size:10px;line-height:1.5}
.payment-method-index{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:#eaf8f3;color:#0d8a66;font-size:11px;font-weight:800}
.payment-switch{position:relative;display:block;width:42px;height:24px;flex:0 0 42px;cursor:pointer}
.payment-switch input{position:absolute;opacity:0;pointer-events:none}
.payment-switch span{position:absolute;inset:0;border-radius:999px;background:#cfdad6;box-shadow:inset 0 0 0 1px #c3d1cc;transition:.18s ease}
.payment-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(29,63,53,.24);transition:.18s ease}
.payment-switch input:checked+span{background:#0ca678;box-shadow:inset 0 0 0 1px #0a996e}
.payment-switch input:checked+span:after{transform:translateX(18px)}
.payment-switch input:focus-visible+span{outline:3px solid #75d5b8;outline-offset:2px}
.payment-method-card .form-grid{gap:11px!important}
.payment-method-card .field{margin:0}
.payment-method-card .field>span{font-size:11px;color:#344b42;font-weight:650}
.payment-method-card input{min-height:39px;border-color:#d8e3df;background:#fbfcfc}
.payment-callbacks{display:grid;gap:7px;margin-top:13px}
.payment-callbacks>div{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;border:1px solid #e3ebe8;border-radius:9px;background:#f6faf8}
.payment-callbacks span{color:#667c73;font-size:10px}
.payment-callbacks code{min-width:0;overflow:hidden;color:#45665a;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap;user-select:all}
.payment-method-card .integration-note{min-height:38px;margin:11px 0 0;padding:9px 10px;border-radius:9px;background:#eff8f4;color:#58736a}
.payment-method-card .integration-actions{align-items:center;margin-top:auto;padding-top:14px}
.payment-method-card .integration-actions>.badge{margin-right:auto}
.payment-qr{display:grid;justify-items:center;padding:10px 8px 2px;text-align:center}
.payment-qr-brand{display:flex;align-items:center;gap:7px;color:#0d8b67;font-size:12px;font-weight:700}
.payment-qr-brand .icon{width:16px;height:16px}
.payment-qr img{display:block;width:248px;max-width:70vw;height:248px;max-height:70vw;margin:18px auto 12px;padding:10px;border:1px solid #e0e9e6;border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(20,65,52,.12)}
.payment-qr h3{margin:0;color:#1d2d27;font-size:17px}.payment-qr p{max-width:430px;margin:8px 0 0;color:#71837c;font-size:11px;line-height:1.7}.payment-qr .form-footer{justify-content:center;width:100%;margin-top:18px}
@media(max-width:1050px){.payment-methods-grid{grid-template-columns:1fr}}
@media(max-width:800px){.payment-methods-panel{padding:16px 13px!important}.payment-method-card{padding:14px 12px}.payment-method-card .form-grid{grid-template-columns:1fr!important}.payment-callbacks>div{grid-template-columns:1fr;gap:4px}.payment-method-card .integration-actions{flex-wrap:wrap;justify-content:flex-start}.payment-method-card .integration-actions>.badge{width:100%;margin:0 0 2px}.payment-qr img{width:220px;height:220px}}

/* v1.17.2 — direct brand payment selector and focused QR checkout */
.dialog.checkout-dialog{width:min(680px,calc(100vw - 28px))}
.checkout-dialog .dialog-body{padding:24px 26px 26px}
.checkout-summary{margin:0 0 22px;padding:17px 18px;border:1px solid #e1eaf6;background:linear-gradient(135deg,#f7faff,#eef5ff)}
.checkout-summary .icon-tile{flex:0 0 auto}.checkout-summary>strong{font-size:28px;letter-spacing:-.6px}
.checkout-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.checkout-provider{display:block;min-width:0;cursor:pointer}.checkout-provider>input{position:absolute;opacity:0;pointer-events:none}
.checkout-provider-body{min-height:88px;padding:16px;display:flex;align-items:center;gap:13px;border:1.5px solid #dfe7f2;border-radius:14px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
.checkout-provider:hover .checkout-provider-body{border-color:#b9cbe2;transform:translateY(-1px);box-shadow:0 7px 22px rgba(25,57,91,.07)}
.checkout-provider>input:focus-visible+.checkout-provider-body{outline:3px solid rgba(36,119,255,.18);outline-offset:2px}
.checkout-provider>input:checked+.checkout-provider-body{border-color:#2477ff;background:#f5f9ff;box-shadow:0 0 0 3px rgba(36,119,255,.1)}
.checkout-provider-logo{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:#f3f6fa}
.checkout-provider-logo.wechat{background:#eefbf4}.checkout-provider-logo.alipay{background:#edf6ff}
.checkout-provider-logo img{display:block;width:29px;height:29px;object-fit:contain}.checkout-provider-logo .icon{width:25px;height:25px;color:#5b6d84}
.checkout-provider-copy{min-width:0;flex:1}.checkout-provider-copy strong{display:block;color:#172033;font-size:15px;font-weight:700}.checkout-provider-copy small{display:block;margin-top:5px;color:#7a899e;font-size:11px;line-height:1.45}
.checkout-provider-check{width:22px;height:22px;border:1.5px solid #cad5e4;border-radius:50%;display:grid;place-items:center;color:transparent;flex:0 0 auto;background:#fff}.checkout-provider-check .icon{width:13px;height:13px}
.checkout-provider>input:checked+.checkout-provider-body .checkout-provider-check{border-color:#2477ff;background:#2477ff;color:#fff}
.checkout-submit{min-width:184px;justify-content:center}.checkout-submit .icon{width:17px;height:17px}
.checkout-error{margin:0 0 14px;padding:12px 14px;border:1px solid #ffc9c5;border-radius:10px;background:#fff3f2;color:#a62b23;font-size:13px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}.checkout-error[hidden]{display:none}
.dialog.payment-dialog{width:min(520px,calc(100vw - 28px))}.payment-dialog .dialog-body{padding:19px 25px 25px}
.payment-qr-brand{height:46px;gap:9px;padding:0 14px;border-radius:12px;background:#f5f8fb;color:#273447}.payment-qr-brand img{display:block;width:25px;height:25px;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain;flex:0 0 25px}.payment-qr-brand span{font-size:14px}.payment-qr-brand b{margin-left:auto;padding:3px 8px;border-radius:12px;background:#e8f7ef;color:#07965f;font-size:10px;font-weight:650}
.payment-qr.is-alipay .payment-qr-brand b{background:#e9f3ff;color:#1677ff}.payment-qr-frame{margin:18px auto 12px;padding:10px;border:1px solid #e0e8f1;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(22,48,76,.1)}
.payment-qr-frame img{width:240px;height:240px;max-width:68vw;max-height:68vw;margin:0;padding:0;border:0;border-radius:8px;box-shadow:none}
.payment-qr-order{margin-top:11px;color:#9aa6b5;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
@media(max-width:600px){.checkout-dialog .dialog-body{padding:18px 16px 20px}.checkout-provider-grid{grid-template-columns:1fr}.checkout-provider-body{min-height:74px;padding:12px 13px}.checkout-provider-logo{width:44px;height:44px}.checkout-summary{padding:14px}.checkout-summary>strong{font-size:23px}.checkout-dialog .form-footer{display:grid;grid-template-columns:auto 1fr}.checkout-submit{min-width:0}.payment-dialog .dialog-body{padding:15px}.payment-qr-frame img{width:218px;height:218px}}