/* Reference-led CloudWa layout. Functional workspace controls share these tokens. */
:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;color:#ededed;background:#090909;--green:#10b981;--muted:#858585;--border:#242424;--mint:#102b22}
body{background:#090909;color:#ededed}button,input,select,textarea{background:#171717;color:#dedede;border-color:#272727;font-size:12px}button:hover{background:#252525}button:disabled{cursor:not-allowed}.primary{background:#0eaa78;border-color:#0eaa78;color:white}.primary:hover{background:#0d9267}input::placeholder,textarea::placeholder{color:#777}input,select{padding:9px 11px}label{color:#a0a0a0}.hint,.table-secondary,.person small{color:#828282}.sidebar{width:224px;padding:0 7px 12px;background:#0a0a0a;border-color:#202020}.brand{height:43px;padding:0 4px;margin:0 -7px 10px 0;font-size:14px;letter-spacing:0;gap:7px;color:#f1f1f1;border-bottom:1px solid #1c1c1c}.brand-icon{height:25px;width:25px;border-radius:50%;background:linear-gradient(140deg,#21cb95,#059c73);box-shadow:0 0 13px #10b98125}.brand-icon svg{width:18px;height:18px}.collapse-button{margin-left:auto!important;border:0;background:none;padding:6px;color:#777}.brand-dot,.workspace-switch,.connection-card{display:none!important}.nav-label{margin:13px 9px 8px;font-size:9px;letter-spacing:.3px;color:#656565}.sidebar nav{gap:2px;flex:1;overflow:auto;scrollbar-width:thin}.sidebar nav button{background:transparent;color:#929292;padding:9px 10px;min-height:33px;border-radius:9px;font-size:12px;font-weight:500;gap:9px;position:relative}.sidebar nav button:hover{background:#181818;color:#ddd}.sidebar nav button.active{background:#202020;color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;height:17px;top:8px;width:3px;border-radius:5px;background:#10b981}.sidebar nav button span{width:14px;height:14px;display:flex;color:inherit}.icon{width:16px;height:16px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar nav i{background:#102e23;color:#3cc998;padding:1px 5px;font-size:9px}.subnav{display:none;margin:3px 0 5px}.subnav.show{display:block}.sidebar nav .subnav button{width:100%;padding-left:24px;font-size:12px;min-height:29px}.sidebar nav .subnav button.active:before{display:none}.settings-nav{border-top:1px solid #202020;padding-top:10px;margin-top:20px}.profile{padding:14px 6px 0;margin-top:12px;gap:8px;border-color:#202020}.profile .avatar{height:27px;width:27px;background:#0dac79;color:white;font-size:11px}.profile strong{font-size:12px}.profile small{color:#777;margin-top:3px}.avatar{background:#0e987c;color:#f8f8f8;width:34px;height:34px;font-size:11px}.person strong{color:#e4e4e4}main{margin-left:224px}.topbar{display:none}.page-header{height:57px;min-height:57px;padding:10px 21px;border-bottom:1px solid #1b1b1b;gap:12px;background:#0a0a0a}.page-header>div:first-child{display:grid;grid-template-columns:30px auto;column-gap:10px;align-items:center}.header-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#0ba977;color:white;box-shadow:0 0 18px #10b98118}.header-icon svg{width:17px;height:17px}h1{grid-column:2;margin:0;font-size:20px;font-weight:650;letter-spacing:-.5px;line-height:24px}.page-header p{grid-column:2;color:#858585;font-size:11px;line-height:16px}.page-header p:empty{display:none}.eyebrow{display:none}#header-actions{display:flex;gap:8px;align-items:center}#header-actions button{padding:7px 11px;font-size:11px;white-space:nowrap;background:#111;border-color:#222;color:#e1e1e1;border-radius:10px}#header-actions select{width:auto;padding:7px 10px;font-size:11px;background:#111}#content{padding:20px 21px 30px}.page-dashboard #content{padding:36px}.stats{gap:16px;margin-bottom:16px}.stat{padding:22px 24px;border-radius:11px;background:#141414;border-color:#242424;min-height:151px}.stat-top{color:#898989;font-size:12px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;background:#10263e;color:#4fa4f8}.stat:nth-child(2) .stat-icon{background:#103626;color:#34d399}.stat:nth-child(3) .stat-icon{background:#30193c;color:#c677f4}.stat:nth-child(4) .stat-icon{background:#362315;color:#ee963d}.stat strong{font-size:29px;color:#fafafa;margin:9px 0 11px;font-weight:650}.stat small{font-size:11px;color:#8b8b8b}.panel{background:#101010;border:1px solid #1e1e1e;border-radius:11px;padding:22px}.panel h2{font-size:21px;color:#f0f0f0;letter-spacing:-.5px;margin:0 0 4px}.panel p{color:#858585;font-size:12px;margin:4px 0 18px;line-height:1.65}.panel-head{margin-bottom:17px}.panel-head h2{font-size:20px}.panel-head small{color:#888}.grid2{gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.dashboard-panels .panel{height:431px;overflow:auto}.dashboard-panels .panel h2{font-size:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.quick-grid button{height:129px;background:#141414;border-color:#272727;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#d2d2d2;border-radius:9px}.quick-grid svg{width:36px;height:36px;stroke:#13cba2;filter:drop-shadow(0 0 10px #10b98150)}.quick-grid button:nth-child(2) svg{stroke:#f09b46;filter:drop-shadow(0 0 10px #ef9b4650)}.quick-grid button:nth-child(3) svg{stroke:#5a99f5;filter:drop-shadow(0 0 10px #5a99f550)}.quick-grid button:nth-child(4) svg{stroke:#b47bef;filter:drop-shadow(0 0 10px #b47bef50)}.recent-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #1d1d1d}.recent-row:last-child{border:0}.recent-row .recent-body{flex:1;min-width:0}.recent-row strong{font-size:12px;font-weight:550}.recent-row small{font-size:10px;color:#888;float:right}.recent-row p{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:6px 0 8px}.recent-row .pill{font-size:9px;padding:2px 7px}.recent-row .avatar{width:32px;height:32px;background:#283542;color:#d5e5ff}.pill{background:#202933;color:#aebdce;padding:3px 8px;border-radius:7px;font-size:10px}.pill.open,.pill.Available{background:#0c3023;color:#3acb98}.pill.closed,.pill.Offline{background:#282828;color:#999}.pill.Draft{background:#24213a;color:#b1a1e3}.pill.Away,.pill.Urgent,.pill.High{background:#352717;color:#deaa61}.link-button{background:transparent;color:#999}.link-button:hover{background:transparent;color:#10b981}th{color:#8e8e8e;font-size:12px;font-weight:400;padding:12px 8px}td{border-bottom:1px solid #202020;color:#b1b1b1;padding:12px 8px;font-size:12px}.table-wrap td strong{color:#e5e5e5}.table-secondary{font-size:10px;margin-top:4px}tbody tr:hover{background:#141414}.toolbar{gap:8px;margin-bottom:18px}.toolbar select{max-width:170px}.compact-stats{display:none}.tabs button{background:#111;color:#888;border-color:#262626;padding:8px 13px}.tabs button.active{background:#292929;color:#eee;border-color:#333}.tabs{gap:2px}.list-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.list-heading .toolbar{margin:4px 0 16px;flex-wrap:nowrap}.list-heading .toolbar input{width:200px}.list-heading .toolbar select{width:145px}.list-heading p{margin-bottom:16px}.empty{color:#7d7d7d;min-height:150px}.empty-icon{width:52px;height:52px;background:#0c211b;border-radius:50%;color:#14aa84;display:grid;place-items:center;margin:0 auto 14px}.empty-icon svg{width:25px;height:25px}.inbox{background:#0d0d0d;border-color:#202020;border-radius:0;min-height:calc(100vh - 57px);grid-template-columns:280px minmax(230px,1fr) 230px}.page-inbox #content{padding:0}.page-inbox .page-header{display:none}.inbox-list{border-color:#202020;max-height:100vh;padding:12px 10px}.inbox-list h2{font-size:13px}.contact{background:transparent;border-radius:6px;padding:13px 4px}.contact.selected{background:#1c1c1c}.contact strong{color:#e2e2e2}.contact p{color:#818181}.contact small{color:#59a4d9}.chat{background:#111}.chat-head,.compose-wrap{background:#111;border-color:#242424}.messages{height:calc(100vh - 210px)}.bubble{background:#202020;border-color:#2a2a2a;color:#ddd}.bubble.out{background:#064d3c;border-color:#0a6148;color:#d8efdf}.bubble small{color:#81a397}.details{border-color:#242424;max-height:100vh;background:#0c0c0c}.detail-name{border-color:#242424}.detail-name p{color:#999}.details label{color:#999}.note{background:#282419;border-color:#3a3021;color:#c4b68c}.note small{color:#938766}.rule-card,.switch-row,.test-chat,.offline-box{background:#151515;border-color:#2c2c2c}.test-chat p{background:#0a392b;color:#b8e4d2}.day-picker label{background:#151515}.import-summary{background:#0b3225;color:#5acb9e}.progress{background:#222}.progress i{background:#0fb783}.step-number{background:#103b2c;color:#3ad29e}.roadmap p{margin:5px 0}.error,.danger-text{color:#ed7272}dialog{background:#121212;color:#eee;border-color:#333;border-radius:12px;padding:23px}dialog::backdrop{background:#000a}.modal-head h2{color:#eee}.modal-head{margin-bottom:15px}footer{display:none}#toast{background:#202020;border:1px solid #3a3a3a;color:white}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.feature-grid button{background:#111;padding:24px;text-align:left;border-color:#242424;border-radius:11px}.feature-grid h2{font-size:16px;color:#eee;margin:14px 0 5px}.feature-grid .icon{width:25px;height:25px;color:#10b981}.feature-grid p{color:#888;font-size:12px;line-height:1.7}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.config-grid h3{font-size:12px;font-weight:500;color:#aaa}.config-grid p{color:#ddd}.connection-notice{font-size:11px;line-height:1.6;color:#777;margin:15px 0 0}.editor-layout{display:grid;grid-template-columns:220px minmax(280px,1fr) 280px;gap:16px;min-height:560px}.editor-panel{background:#111;border:1px solid #262626;border-radius:10px;padding:16px;overflow:auto}.editor-panel h2{font-size:14px;margin:0 0 16px}.node-list{display:flex;flex-direction:column;gap:8px}.node-list button{text-align:left;display:flex;gap:10px;align-items:center;font-size:11px}.node-list button.active{border-color:#10b981;background:#0b2820}.node-list strong{display:block;font-size:11px}.node-list small{color:#888;display:block;margin-top:3px}.flow-canvas{background-color:#0f0f0f;background-image:radial-gradient(#282828 1px,transparent 1px);background-size:18px 18px;display:flex;flex-direction:column;align-items:center;padding:25px;overflow:auto;gap:0}.flow-node{padding:15px;width:min(260px,100%);border:1px solid #353535;border-radius:9px;background:#161616;text-align:left}.flow-node.active{border-color:#10b981;box-shadow:0 0 0 2px #10b98115}.flow-node small{color:#10b981;font-size:10px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.flow-node p{color:#ddd;font-size:12px;margin:0;white-space:pre-wrap}.flow-node .branch{font-size:10px;color:#999;display:block;margin-top:9px;border-top:1px solid #292929;padding-top:7px}.connector{color:#5b7569;text-align:center;height:35px;font-size:11px;line-height:17px}.editor-properties textarea{min-height:100px}.editor-properties label{font-size:11px}.node-choice{display:grid;grid-template-columns:1fr 1fr 25px;gap:5px;margin:7px 0}.node-choice input,.node-choice select{font-size:10px;padding:6px}.editor-top{display:flex;gap:10px;align-items:center;margin-bottom:16px}.editor-top input{max-width:300px}.editor-top select{max-width:180px}.editor-test{max-height:400px;overflow:auto;display:grid;gap:10px}.editor-test .test-message{padding:12px;background:#153329;border-radius:10px;font-size:12px;white-space:pre-wrap}.editor-test input{margin:5px 0}.editor-test button{justify-self:start}.widget-controls{display:flex;gap:6px;margin:0 0 10px}.widget-controls button{padding:3px 6px;font-size:11px}.dashboard-edit .stat,.dashboard-edit .panel{border-style:dashed;border-color:#527865}.sidebar-collapsed .sidebar{width:56px}.sidebar-collapsed main{margin-left:56px}.sidebar-collapsed nav button{font-size:0;justify-content:center;padding:10px}.sidebar-collapsed nav button span{display:block}.sidebar-collapsed .brand-label,.sidebar-collapsed .profile>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed nav i,.sidebar-collapsed .subnav{display:none}.sidebar-collapsed .brand{flex-wrap:wrap;height:65px;padding:5px}.sidebar-collapsed .collapse-button{margin:0!important}.sidebar-collapsed .profile{padding:10px 0}.local-label{color:#727272;font-size:10px}.page-settings .page-header p,.page-contacts .page-header p,.page-campaigns .page-header p,.page-templates .page-header p,.page-flows .page-header p{display:none}
@media(min-width:1500px){#content{padding:24px 30px}.page-header{padding-left:30px;padding-right:30px}}
@media(max-width:1200px){.inbox{grid-template-columns:260px minmax(240px,1fr)}.details{grid-column:1/-1;max-height:none}.editor-layout{grid-template-columns:180px 1fr}.editor-properties{grid-column:1/-1}.dashboard-panels .panel{height:auto;min-height:360px}}
@media(max-width:1000px){.sidebar{width:200px;padding:0 7px 12px}main{margin-left:200px}.page-header{padding:10px 20px}#content,.page-dashboard #content{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.list-heading{flex-direction:column;gap:5px}.feature-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.editor-layout{grid-template-columns:160px 1fr}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:0 10px 8px;max-height:none}.brand{height:42px;margin:0;font-size:14px}.sidebar nav{flex-direction:row;margin:6px 0 0;overflow:auto;gap:3px}.sidebar nav button{flex-shrink:0;white-space:nowrap;padding:8px}.sidebar .nav-label,.profile,.settings-nav,.subnav{display:none}.settings-nav{display:block;border:0;padding:0;margin:0}.sidebar nav .settings-nav button{font-size:12px}.sidebar nav .subnav.show{display:contents}.sidebar nav .subnav button{width:auto;min-height:30px;padding:8px;font-size:11px}.sidebar-collapsed .sidebar{width:100%}.sidebar-collapsed main,main{margin-left:0}.sidebar-collapsed nav button{font-size:12px}.sidebar-collapsed .brand-label{display:inline}.collapse-button{display:none}.page-header{height:auto;min-height:62px;flex-wrap:wrap;padding:12px 16px}.page-header h1{font-size:19px}.page-header p{font-size:10px}#header-actions{flex-wrap:wrap}#content,.page-dashboard #content{padding:18px 16px}.stats{gap:10px}.stat{padding:15px;min-height:130px}.stat strong{font-size:26px}.stat-top{font-size:11px}.stat small{font-size:10px}.panel{padding:18px}.panel h2{font-size:19px}.grid2{grid-template-columns:1fr}.dashboard-panels .panel{min-height:0}.list-heading .toolbar{flex-wrap:wrap}.table-wrap table{min-width:620px}.inbox{grid-template-columns:1fr;min-height:0}.inbox-list{max-height:270px}.messages{min-height:300px;height:350px}.details{grid-template-columns:1fr 1fr}.editor-layout{display:flex;flex-direction:column;min-height:0}.editor-panel{max-height:none}.flow-canvas{min-height:400px}.editor-top{flex-wrap:wrap}.config-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.page-inbox .page-header{display:flex}}
/* Match the reference sidebar groups and compact dashboard widgets. */
:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.brand{margin-bottom:6px;flex-shrink:0}.sidebar>.collapse-button{position:absolute;top:6px;right:10px;padding:5px;margin:0!important}.sidebar nav{min-height:0}.sidebar nav button{font-size:13px;min-height:33.5px;padding:8px 10px;flex-shrink:0}.sidebar nav .nav-label{flex-shrink:0;margin-bottom:6px}.sidebar nav>.nav-label:first-child{margin-top:11px}.settings-nav{margin-top:auto;padding:10px 0 7px;flex-shrink:0}.settings-nav>button{width:100%}.profile{flex-shrink:0;margin-top:0}.settings-mode nav>button:not([data-page=dashboard]):not([data-page=inbox]),.settings-mode nav>.nav-label:not(:first-child),.settings-mode .bot-subnav{display:none!important}.settings-mode .settings-nav{margin-top:8px;padding-top:14px}.settings-mode .sidebar nav{flex:1}.sidebar nav .subnav button{font-size:12px;padding:6px 24px;min-height:30px}.page-header h1{font-size:17.5px;font-weight:600}.page-header p{font-size:12.25px}.dashboard-panels .panel h2{font-size:12.25px;color:#999;font-weight:500;letter-spacing:0}.dashboard-panels .panel>p{font-size:10.5px;color:#676767;margin:2px 0 14px}.quick-grid{gap:10px;margin-top:14px}.quick-grid button{height:97px;gap:8px;font-size:12.25px;font-weight:500}.quick-grid svg{width:42px;height:42px;padding:10px;color:white;stroke:white!important;background:linear-gradient(135deg,#15c999,#09a879);border-radius:12px;filter:none!important;box-shadow:0 0 14px #10b98122}.quick-grid button:nth-child(2) svg{background:linear-gradient(135deg,#fc9731,#ee6807)}.quick-grid button:nth-child(3) svg{background:linear-gradient(135deg,#45adf6,#097dcc)}.quick-grid button:nth-child(4) svg{background:linear-gradient(135deg,#b343ef,#dc17a3)}.recent-row .avatar{border-radius:9px;background:#148dce;color:white}.recent-row:nth-of-type(3n) .avatar{background:#0bac76}.recent-row .recent-body p{font-size:12.25px}.recent-row{padding:12px 0}.page-bot .compact-stats,.page-analytics .compact-stats{display:grid}.page-bot .stat{min-height:125px}.page-bot .stat strong{font-size:25px}.page-bot .feature-grid{margin-top:20px}.page-dashboard #content>.dashboard-edit .widget-controls{display:flex}.sidebar-collapsed .sidebar>.collapse-button{position:static;margin:0!important}.sidebar-collapsed .brand{height:43px}.sidebar-collapsed .settings-nav{margin-top:auto}.settings-mode.sidebar-collapsed .settings-subnav{display:none}
@media(max-width:760px){.sidebar nav button{font-size:12px}.sidebar>.collapse-button{display:none}.settings-nav{padding:0;margin:0}.settings-mode .settings-nav{margin:0;padding:0}.settings-mode nav>button{display:flex!important}.settings-mode nav>.nav-label{display:none!important}.settings-mode .settings-subnav.show{display:contents}.sidebar nav .subnav button{padding:8px;min-height:30px;font-size:11px}.dashboard-panels .panel{height:auto}.dashboard-panels .panel h2{font-size:15px}.settings-nav>button{width:auto}.sidebar-collapsed .brand{height:42px}}
.settings-mode .settings-nav{padding-top:9px}.sidebar nav .subnav button{min-height:29.25px}.table-wrap td{padding:8px}.recent-row{border-bottom:0}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.page-dashboard main{min-height:100vh}.page-dashboard #content{padding-bottom:20px}.page-dashboard .grid2{margin-bottom:0}
.subnav{flex-shrink:0}.sidebar{height:100dvh;overflow:hidden}.settings-nav{position:relative}.sidebar-collapsed .profile{justify-content:center}
@media(max-width:760px){.sidebar{height:auto;overflow:visible}.sidebar-collapsed .profile{display:none}}