:root{--ink:#253037;--muted:#7d8589;--line:#e6e9eb;--accent:#214d66;--mint:#e9f0f4;--bg:#f7f8f9;--dark:#14232b;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.workspace{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--dark);color:#dce2e6;display:flex;flex-direction:column;padding:30px 18px 16px;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand img{width:30px;height:34px;object-fit:contain}.brand-dot{color:#a9cbdf}.workspace-picker{display:flex;align-items:center;gap:10px;margin:34px 0 28px;padding:12px 8px;border:1px solid #364650;border-radius:9px;font-size:11px}.workspace-picker>span:last-child{margin-left:auto}.workspace-picker small{display:block;color:#93a2aa;margin-top:4px;font-size:10px}.workspace-avatar{border-radius:7px;background:#334c5b;width:29px;height:29px;display:grid;place-items:center}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#8d9da7;padding:0 14px;margin-bottom:12px}nav{display:flex;flex-direction:column;gap:5px}.nav-button{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;text-align:left;color:#b6c2c9;font-size:12px}.nav-button.active{background:#c7deeb;color:#243945;font-weight:650}.nav-button .count{margin-left:auto;background:#a6c2d3;border-radius:4px;font-size:10px;padding:2px 6px}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-bottom{margin-top:auto}.helper-card{margin:25px 0 22px;padding:16px;border:1px solid #364650;border-radius:10px;background:linear-gradient(130deg,#24353f,#1a2830)}.helper-card>span{display:block;color:#afd1e5;font-size:23px;margin-bottom:10px}.helper-card strong{font-size:12px}.helper-card p{font-size:11px;line-height:1.7;color:#9dabb3;margin:8px 0 15px}.helper-card button{color:#b9d4e4;font-size:11px;padding:0;width:100%;text-align:left}.helper-card button span{float:right}.profile{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border-top:1px solid #303f48;padding:19px 0 0}.profile strong{font-size:11px;display:block}.profile small{font-size:9px;color:#96a3ab;display:block;margin-top:4px}.profile>span:last-child{margin-left:auto}.avatar{width:39px;height:39px;border-radius:50%;background:#e7ebee;display:grid;place-items:center;color:#5c6b74;font-size:12px;font-weight:650;flex-shrink:0}.avatar.tone-1{background:#efe9df;color:#997f59}.avatar.tone-2{background:#e9e7f2;color:#83739e}.avatar.tone-3{background:#e3edf0;color:#668a96}.avatar.tone-4{background:#f3e5e5;color:#ab787a}.avatar.small{width:30px;height:30px;font-size:10px}.profile-avatar{background:#d4e0e7;color:#415866}main{margin-left:240px;width:calc(100% - 240px);min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:white}.breadcrumb{font-size:11px;color:#868d91}.breadcrumb span{margin:0 13px;color:#c2c6c9}.breadcrumb strong{font-weight:500;color:#49555c}.top-actions{display:flex;align-items:center;gap:22px}.live-status{font-size:10px;color:var(--accent);display:flex;gap:7px;align-items:center}.live-status:before,.dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#668fa7;margin-right:6px}.divider{height:22px;width:1px;background:var(--line)}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 34px;background:#e4edf2;border-bottom:1px solid #d4e1e8;color:#526977;font-size:10px}.demo-banner strong{font-weight:600}.demo-banner button{font-size:10px;white-space:nowrap;color:#405662}.page{padding:30px 34px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#828d93;font-weight:600}.page-heading h1{font-size:28px;letter-spacing:-1px;font-weight:600;margin:7px 0 8px}.page-heading p{font-size:11px;color:var(--muted);margin:0}.primary,.secondary{padding:10px 14px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:550;min-height:36px}.primary{background:var(--accent);color:white;border:1px solid var(--accent)}.secondary{background:white;border:1px solid #dfe3e5;color:#525b61}.secondary .icon,.primary .icon{width:14px;height:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:17px 18px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e868b}.stat-top .icon{color:#9ea8ae;width:16px;height:16px}.stat-bottom{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.stat-value{font-size:27px;line-height:1;font-weight:600;letter-spacing:-1px}.stat-note{font-size:9px;color:#868f94;margin-bottom:3px}.stat:nth-child(2){background:#e9f1f5;border-color:#d7e2e8}.inbox-shell{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:280px minmax(320px,1fr) 228px;min-height:360px;height:calc(100dvh - 365px)}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-head{padding:20px 17px 0}.list-title{display:flex;justify-content:space-between;font-size:12px;font-weight:650;margin-bottom:16px}.list-title small{font-weight:400;font-size:10px;color:var(--muted)}.search{display:flex;align-items:center;gap:8px;background:#f7f8f9;border:1px solid #e8ebed;border-radius:6px;padding:8px 10px}.search .icon{width:14px;height:14px;color:#9aa0a4}.search input{border:0;background:transparent;min-width:0;width:100%;font-size:10px;outline:none}.search:focus-within{outline:2px solid #a4bbc9}.filters{display:flex;gap:15px;margin-top:17px}.filter{font-size:10px;padding:0 0 11px;color:#8b9093;border-bottom:2px solid transparent}.filter.active{color:var(--accent);font-weight:600;border-color:var(--accent)}.filter small{padding:2px 5px;background:#ebeff2;border-radius:4px;font-size:9px;margin-left:3px}.conversation-items{overflow:auto;flex:1}.conversation{width:100%;text-align:left;display:flex;gap:10px;border-top:1px solid #eff1f2;padding:17px 15px;position:relative}.conversation.selected{background:#edf2f5}.conversation.selected:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#6e8998}.conversation .avatar{width:35px;height:35px;font-size:10px}.conversation-copy{min-width:0;flex:1}.conversation-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.conversation-top strong{font-size:11px;font-weight:600}.conversation-top time{font-size:8px;white-space:nowrap;color:#989ea2}.conversation p{font-size:10px;color:#91979b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;margin:6px 0 8px}.conversation-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8c9499}.mini-channel{color:#5399af;display:flex;align-items:center;gap:4px}.mini-channel .icon{width:11px;height:11px}.unread-dot{width:6px;height:6px;border-radius:50%;background:#4d7389}.chat{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{padding:18px 22px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);min-height:78px}.chat-header h2{font-size:12px;margin:0 0 5px}.chat-header small{font-size:9px;color:#8c959b}.chat-actions{margin-left:auto}.chat-actions .secondary{font-size:9px;min-height:30px;padding:7px 10px}.chat .automation-strip{background:#f6f9fa;color:#73838c;padding:10px 22px;display:flex;align-items:center;gap:7px;font-size:9px;border-bottom:1px solid #e9edf0}.automation-strip .icon{width:13px;height:13px}.automation-strip button{margin-left:auto;color:#547081;font-size:9px;text-decoration:underline;text-underline-offset:3px}.messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#fff,#fbfdfe)}.day-label{text-align:center;font-size:8px;letter-spacing:.5px;color:#9da6ab;margin:0 0 6px}.message{max-width:86%;align-self:flex-start}.message.out{align-self:flex-end}.message-meta{font-size:8px;color:#949ca1;margin-bottom:6px;display:flex;align-items:center;gap:5px}.message.out .message-meta{justify-content:flex-end}.message-body{font-size:11px;line-height:1.8;background:#f1f4f5;border:1px solid #e5eaed;padding:12px 15px;border-radius:0 10px 10px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.message.out .message-body{background:#dfebf2;border-color:#d4e1e9;border-radius:10px 0 10px 10px}.message-foot{margin-top:6px;font-size:8px;color:#919ea5;display:flex;justify-content:flex-end;gap:6px}.message-foot.warning{color:#b47839}.composer{padding:14px 20px 16px;border-top:1px solid var(--line)}.compose-box{border:1px solid #dae2e6;border-radius:8px;overflow:hidden}.compose-top{font-size:9px;font-weight:600;padding:10px 12px;border-bottom:1px solid #eaeef1;display:flex;align-items:center;gap:6px}.compose-top span{font-weight:400;color:#929ea5;margin-left:auto;font-size:8px}.compose-box textarea{width:100%;resize:vertical;min-height:58px;max-height:150px;border:0;outline:none;padding:12px;font-size:11px;background:white;color:var(--ink)}.compose-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 10px 10px}.compose-bottom small{font-size:8px;color:#93a0a7}.compose-bottom .primary{font-size:9px;min-height:29px;padding:6px 11px}.composer-hint{font-size:8px;color:#94a1a8;margin:8px 0 0}.customer-panel{border-left:1px solid var(--line);padding:21px 18px;overflow:auto}.customer-panel>h3{font-size:10px;margin:0 0 25px;font-weight:600}.customer-identity{text-align:center;margin-bottom:25px}.customer-identity .avatar{width:58px;height:58px;font-size:18px;margin:auto}.customer-identity h3{font-size:13px;margin:13px 0 5px}.customer-identity p{font-size:10px;color:var(--muted);margin:0 0 12px}.badge{display:inline-flex;gap:5px;align-items:center;padding:4px 7px;border-radius:4px;font-size:8px;background:#e8f0f4;color:#5e7684}.badge.blue{background:#eaf4f7;color:#6295a3}.badge.amber{background:#faf1e0;color:#af8b48}.detail-heading{font-size:8px;letter-spacing:1.1px;color:#959fa5;margin:22px 0 14px}.detail-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin:13px 0;color:#919ca3;gap:8px}.detail-row strong{font-size:9px;color:#4e5e68;font-weight:500;text-align:right;overflow-wrap:anywhere}.customer-note{padding:12px;background:#f7fafb;border:1px solid #dfe8ee;border-radius:6px;color:#7e919c;font-size:9px;line-height:1.7}.customer-note strong{display:block;color:#5c7380;margin-bottom:5px}.empty{margin:auto;padding:36px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty .icon{width:36px;height:36px;margin-bottom:15px;color:#8da4b1}.empty strong{display:block;font-size:16px;color:var(--ink);margin-bottom:5px}.mobile-back{display:none}.section-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px}.section-card h2{font-size:16px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}.section-card>p{font-size:12px;color:var(--muted);line-height:1.7}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.channel-card{min-height:200px}.channel-card .channel-icon{width:42px;height:42px;border-radius:10px;background:#e8f3f6;color:#5a94aa;display:grid;place-items:center;margin-bottom:18px}.channel-card .channel-icon .icon{width:24px;height:24px}.channel-card .badge{float:right}.channel-card .secondary{margin-top:12px}.field{display:block;font-size:11px;font-weight:550;margin:18px 0}.field small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin:7px 0}.field input,.field textarea{width:100%;padding:12px;border:1px solid #dbe1e5;border-radius:6px;color:var(--ink);background:#fbfcfd;margin-top:8px;font-size:12px}.field textarea{min-height:85px;resize:vertical;line-height:1.65}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.switch-row p{font-size:11px;color:var(--muted)}.switch{accent-color:var(--accent);width:20px;height:20px}.rule{border-top:1px solid var(--line);padding-top:10px;margin-top:20px}.rule-head{display:flex;justify-content:space-between;align-items:center}.rule-head strong{font-size:12px}.rule-head button{font-size:10px;color:#b4796c}.form-actions{display:flex;justify-content:flex-end;gap:10px}.table-wrap{overflow:auto}.contacts{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.contacts th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#88939a;font-weight:500;padding:13px;border-bottom:1px solid var(--line)}.contacts td{padding:17px 13px;border-bottom:1px solid #ecf0f3}.contacts td:first-child>button{display:flex;gap:12px;align-items:center;text-align:left}.contacts strong{font-size:11px;font-weight:550;display:block}.contacts small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.activity{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #e9edf0;font-size:11px;align-items:center}.activity p{font-size:10px;color:var(--muted);margin:5px 0}.activity time{margin-left:auto;font-size:9px;color:var(--muted)}.bar-row{display:flex;align-items:center;gap:12px;margin:25px 0;font-size:11px}.bar-row>span{width:100px}.bar-track{height:8px;background:#edf1f3;flex:1;border-radius:5px;overflow:hidden}.bar-track progress{width:100%;height:8px;display:block;accent-color:#6b8a9c;border:0}.bar-track progress::-webkit-progress-bar{background:#edf1f3}.bar-track progress::-webkit-progress-value{background:#7e9cae}.help-list{font-size:12px;line-height:1.9;color:#6d7980;padding-left:19px}.help-list li{margin:12px 0}.help-list code{font-size:11px;background:#ebf0f3;padding:3px 5px;border-radius:3px}.help-list a{color:var(--accent);text-decoration:underline}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#25343d;color:white;box-shadow:0 6px 30px #20303922;padding:13px 22px;border-radius:8px;font-size:12px;z-index:30;max-width:90vw}.error{color:#b54d4d;font-size:12px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:55px 10%;background:#192d38;color:#d5e1e8;display:flex;flex-direction:column;justify-content:center}.login-story .brand{margin-bottom:100px;color:white}.login-story .eyebrow{color:#9bb6c5}.login-story h1{font-size:46px;line-height:1.15;letter-spacing:-2px;font-weight:500}.login-story>p{font-size:14px;line-height:1.8;color:#a6b4bc;max-width:390px}.story-card{border:1px solid #455660;border-radius:10px;padding:20px;display:flex;gap:16px;margin-top:35px;max-width:410px;background:#ffffff04}.spark{font-size:27px;color:#b3d1e3}.story-card strong{font-size:12px}.story-card p{font-size:11px;line-height:1.8;color:#a4b4bd;margin-bottom:0}.login-story>small{font-size:8px;letter-spacing:2px;margin-top:90px;color:#7b919e}.login-form-wrap{display:grid;place-items:center;background:#f8fafb;padding:30px}.login-form-wrap form{max-width:330px;width:100%}.login-mark{font-size:26px;border:1px solid #cbd8df;width:45px;height:45px;display:grid;place-items:center;border-radius:9px;color:#4b6778;position:relative}.login-mark span{font-size:15px;position:absolute;right:3px;top:3px}.login-form-wrap h2{font-size:28px;font-weight:550;letter-spacing:-.8px;margin-bottom:10px}.login-form-wrap p{font-size:12px;color:var(--muted);margin-bottom:30px}.login-form-wrap label{display:block;font-size:11px;margin-top:20px}.login-form-wrap input{display:block;width:100%;margin-top:9px;border:1px solid #d9e1e5;border-radius:6px;padding:13px;background:white}.login-form-wrap .primary{width:100%;justify-content:space-between;margin-top:8px;padding:13px 16px}.login-form-wrap small{display:block;text-align:center;color:#8f9aa1;font-size:9px;margin-top:26px}.login-form-wrap .error{color:#b54d4d;margin:15px 0}.muted{color:var(--muted);font-size:11px}.status-line{font-size:11px;line-height:1.8;color:var(--muted)}
@media(min-width:1600px){.page{padding:34px 46px}.inbox-shell{grid-template-columns:315px minmax(400px,1fr) 255px}.conversation{padding:21px 18px}.message-body{font-size:12px}.messages{padding:26px}.inbox-shell{height:calc(100dvh - 377px)}}
@media(max-width:1250px){.customer-panel{display:none}.inbox-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{width:210px}main{margin-left:210px;width:calc(100% - 210px)}.brand{font-size:22px}.page{padding:25px}.topbar{padding:0 25px}.demo-banner{padding:10px 25px}.workspace-picker{font-size:10px}.profile small{font-size:8px}}
@media(max-width:900px){.sidebar{width:76px;padding:24px 12px}.sidebar .brand span,.workspace-picker,.nav-caption,.nav-button>span,.helper-card,.profile>span:not(:first-child){display:none}.sidebar .brand{justify-content:center;margin-bottom:35px}.nav-button{padding:14px;justify-content:center}.nav-button .count{display:none}.profile{justify-content:center}main{margin-left:76px;width:calc(100% - 76px)}.page{padding:22px}.stat{padding:14px}.stat-note{display:none}.stats{gap:10px}.inbox-shell{grid-template-columns:240px minmax(0,1fr);height:calc(100vh - 325px)}.chat-header{padding:15px}.messages{padding:16px}.composer{padding:12px}.chat .automation-strip{padding:10px 15px}.demo-banner button{display:none}.grid-two{grid-template-columns:1fr}}
@media(max-width:620px){.sidebar{inset:auto 0 0;width:100%;height:61px;padding:0;background:var(--dark);flex-direction:row}.sidebar .brand,.sidebar-bottom{display:none}nav{flex:1;flex-direction:row;justify-content:space-around;align-items:center}.nav-button{padding:14px 18px}.nav-button .icon{width:19px;height:19px}main{margin:0 0 61px;width:100%}.topbar{height:54px;padding:0 18px}.top-actions{gap:12px}.top-actions .divider{display:none}.live-status{font-size:8px}.demo-banner{padding:9px 18px;font-size:9px;line-height:1.5}.page{padding:21px 15px}.page-heading{margin-bottom:20px;align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{font-size:10px;max-width:225px;line-height:1.6}.page-heading .secondary{padding:8px 10px;font-size:9px;min-height:30px}.stats{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}.stat{padding:12px}.stat-value{font-size:23px}.stat-top{font-size:9px}.stat-bottom{margin-top:9px}.inbox-shell{display:block;min-height:320px;height:calc(100dvh - 470px)}.conversation-list{height:100%;border:0}.chat,.customer-panel{display:none}.inbox-shell.chat-open .conversation-list{display:none}.inbox-shell.chat-open .chat{display:flex;height:100%}.mobile-back{display:block;padding:2px}.chat-header{min-height:65px;padding:12px}.chat-header .avatar{width:30px;height:30px}.chat-header h2{font-size:11px}.chat-header .secondary{font-size:8px;padding:7px}.chat .automation-strip{font-size:8px}.messages{gap:15px;padding:16px 12px}.message{max-width:90%}.message-body{font-size:11px}.page.chat-active .page-heading,.page.chat-active .stats{display:none}.page.chat-active .inbox-shell{height:calc(100dvh - 206px);min-height:440px}.section-card{padding:18px}.login-screen{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh}.grid-two{gap:0}.form-actions{position:sticky;bottom:65px}.workspace .eyebrow{font-size:8px}}

.brand img{border-radius:5px;object-fit:cover;width:28px;height:33px}.activity{width:100%;text-align:left}.message-meta{flex-wrap:wrap}
@media(min-width:621px) and (max-height:850px){
 .topbar{height:58px}.page{padding-top:20px;padding-bottom:20px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:24px;margin:5px 0 7px}.stats{margin-bottom:18px}.stat{padding:12px 16px}.stat-value{font-size:23px}.stat-bottom{margin-top:9px}.stat-note{display:none}.inbox-shell{height:calc(100dvh - 300px);min-height:400px}.chat-header{min-height:64px;padding:12px 16px}.messages{padding:16px}.composer{padding:10px 16px}.compose-top{padding:8px 10px}.compose-box textarea{min-height:44px;padding:9px 10px}.compose-bottom{padding:0 9px 8px}.composer-hint{margin-top:6px}
}

/* SmartDails light-blue brand palette. */
:root{--accent:#277faf;--mint:#e8f5fd;--bg:#f6fafe;--dark:#e9f5fc;--ink:#233f52;--muted:#718898;--line:#dfeaf2}
.sidebar{color:#365a72;border-right:1px solid #d3e7f4}
.brand-dot{color:#39a2da}
.workspace-picker{background:#f5fbff;border-color:#cce3f2}
.workspace-picker small,.nav-caption,.profile small{color:#718fa3}
.workspace-avatar{background:#d0eafa;color:#337ba5}
.nav-button{color:#57788e}
.nav-button.active{background:#bee5fb;color:#185a83}
.nav-button .count{background:#99d4f4;color:#185a83}
.helper-card{border-color:#c6e1f2;background:linear-gradient(130deg,#d8effd,#edf8ff)}
.helper-card>span,.helper-card button{color:#2c87b8}
.helper-card p{color:#69899d}
.profile{border-color:#cfe4f2}
.profile-avatar{background:#cbe8f9;color:#3279a2}
.demo-banner{background:#eaf6fe;color:#5b819a;border-color:#d8eaf6}
.demo-banner button{color:#2a7dab}
.stat:nth-child(2){background:#ecf7fe;border-color:#d2eaf9}
.conversation.selected{background:#edf7fe}
.conversation.selected:before{background:#62b4e5}
.message.out .message-body{background:#e4f3fe;border-color:#d3eafb}
.primary{background:#277faf;border-color:#277faf}
.login-screen{background:#f6fafe}
.login-story{background:#183e57}
/* Full workspace modules */
.sidebar{padding-top:24px}.workspace-picker{margin:22px 0 18px}.sidebar nav{overflow:auto;min-height:0;gap:3px}.nav-button{padding:10px 14px;flex-shrink:0}.sidebar-bottom{flex-shrink:0}.helper-card{display:none}.nav-caption{flex-shrink:0}.nav-button .count{line-height:1.4}.module-page .page-heading{align-items:center}.module-page .page-heading p{max-width:620px;line-height:1.7}.business-stats .stat{text-align:left}.group-heading{font-size:14px;font-weight:600;margin:20px 0 16px}.button-group{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.toolbar .search{min-width:230px;flex:1;padding:11px 12px}.toolbar .search input{font-size:12px}.toolbar .field{margin:0;flex:1;min-width:125px}.toolbar select,.field select{border:1px solid #d5e5f1;border-radius:6px;background:#f9fcff;color:#426780;padding:10px;font:inherit;font-size:12px}.field select{display:block;width:100%;margin-top:8px}.data-note{font-size:11px!important;color:#7e95a5!important;line-height:1.8!important}.table-wrap .contacts{min-width:700px}.contacts td{vertical-align:top}.text-link{color:#277faf;text-align:left;text-decoration:underline;text-underline-offset:3px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8195a3;margin-top:20px}.pagination>div{display:flex;gap:8px}.log-table td:nth-child(3),.log-table td:nth-child(4){max-width:260px;min-width:160px}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}.module-dialog{width:min(720px,94vw);padding:0;border:1px solid #d6e7f4;border-radius:12px;color:var(--ink);background:#fff;max-height:90dvh;box-shadow:0 24px 100px #16354933}.module-dialog::backdrop{background:#18384a55;backdrop-filter:blur(3px)}.module-dialog header,.module-dialog footer{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f8fcff;gap:16px}.module-dialog header{border-bottom:1px solid var(--line)}.module-dialog header h2{font-size:18px;font-weight:600;margin:0}.module-dialog footer{justify-content:flex-end;border-top:1px solid var(--line)}.dialog-body{padding:20px 24px}.dialog-body h3{font-size:13px;margin:18px 0 9px}.dialog-body p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.dialog-body .grid-two{gap:8px 20px}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.choice-card{border:1px solid #d9e8f4;background:#f8fcff;border-radius:8px;padding:20px;font-size:12px;line-height:1.7}.choice-card input{accent-color:var(--accent);margin-right:8px}.choice-card p{font-size:11px;color:var(--muted)}.choice-card audio{width:100%;height:35px;margin-top:10px}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.selected-tab{background:#d4edfc;border-color:#b2dbf2;color:#266a93}.field input[type=range]{accent-color:var(--accent);padding:0}.workflow-card>.badge{float:right}.workflow-card h2{padding-right:60px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration-grid .section-card{margin:0}.integration-grid .badge{float:right}.integration-grid .channel-icon{margin:4px 0 16px;color:#4696c5}.integration-grid h2{font-size:15px}.assistant-toggle{position:fixed;bottom:18px;right:22px;z-index:10;background:#277faf;color:white;border:1px solid #5ba6d2;border-radius:24px;padding:12px 18px;font-size:11px;box-shadow:0 4px 20px #24597926}.assistant-panel{position:fixed;right:22px;bottom:70px;width:380px;height:520px;max-height:calc(100dvh - 110px);max-width:calc(100vw - 30px);z-index:20;background:white;border:1px solid #c6e2f5;border-radius:12px;box-shadow:0 12px 70px #234f7930;display:flex;flex-direction:column;padding:16px}.assistant-panel header{display:flex;align-items:center;gap:12px;font-size:13px}.assistant-panel header>button:first-of-type{margin-left:auto;font-size:10px}.assistant-panel>.data-note{margin:12px 0;border-bottom:1px solid var(--line);padding-bottom:12px}.assistant-messages{flex:1;overflow:auto;min-height:0}.helper-question,.helper-answer{padding:10px 12px;white-space:pre-wrap;font-size:12px;line-height:1.7;margin:10px 0;border-radius:8px;overflow-wrap:anywhere}.helper-question{background:#e6f4ff;margin-left:30px}.helper-answer{background:#f5f8fb;margin-right:15px}.assistant-panel form{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.assistant-panel input{min-width:0;flex:1;border:1px solid var(--line);padding:10px;border-radius:6px;font-size:11px}.module-page{padding-bottom:80px}
@media(max-width:1250px){.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar .nav-button{padding:13px}.sidebar nav{overflow-y:auto}.sidebar .brand{margin-bottom:15px}}
@media(max-width:620px){nav#nav{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}.sidebar .nav-button{display:flex;flex-direction:column;min-width:76px;gap:4px;padding:8px 10px}.sidebar .nav-button>span{display:block;font-size:8px;white-space:nowrap}.sidebar .nav-button .count{display:none}.sidebar .nav-button .icon{height:17px;width:17px}.sidebar{height:65px}.integration-grid,.choice-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .search{min-width:100%}.pagination{flex-wrap:wrap}.module-page .page-heading{align-items:flex-start;flex-direction:column}.module-page .page-heading p{max-width:none}.assistant-toggle{bottom:78px;padding:10px 14px;right:15px;font-size:10px}.assistant-panel{bottom:126px;right:15px;max-height:calc(100dvh - 145px)}.module-dialog .grid-two{grid-template-columns:1fr}.module-page{padding-bottom:130px}.form-actions{bottom:75px}}
.contacts td:first-child>button.text-link{display:block}.contacts .text-link small{margin-top:7px;text-decoration:none}
@media(max-width:620px){.sidebar{padding:0}.sidebar nav{padding:0 4px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}
.ai-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#e6f5ff,#f4faff);border:1px solid #cce9fb;border-radius:18px;padding:26px;margin-bottom:22px}.ai-banner h2{margin:12px 0 8px}.ai-banner p{margin:0;color:#60798c}.ai-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:22px;align-items:start}.ai-layout .field{margin-top:18px}.ai-layout textarea[name=systemPrompt]{min-height:310px;line-height:1.65}.ai-layout textarea{min-height:115px}.ai-playground{position:sticky;top:20px}.ai-preview-result{background:#f2f9fe;border:1px solid #d6ebfa;border-radius:14px;padding:20px;margin-top:24px;color:#37556b;line-height:1.7}.ai-reply{white-space:pre-wrap}.ai-layout p{line-height:1.6}@media(max-width:1050px){.ai-layout{grid-template-columns:1fr}.ai-playground{position:static}.ai-banner{align-items:flex-start;flex-direction:column}}
/* Visual summaries inspired by the original SmartDails analytics layout. */
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.visual-grid .section-card{margin-bottom:0;min-width:0}.visual-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.visual-metric{display:flex;align-items:center;gap:14px;background:white;border:1px solid #dfebf4;border-radius:16px;padding:20px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f5fd;color:#4385b0;flex-shrink:0}.metric-icon svg{width:22px;height:22px}.visual-metric div>span{font-size:12px;color:#738596}.visual-metric strong{display:block;font-size:28px;letter-spacing:-1px;color:#284760;margin-top:5px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.chart-heading h2{margin:0;font-size:16px}.chart-heading .data-note{font-size:11px;text-align:right}.donut-layout{display:flex;align-items:center;gap:18px;min-height:190px}.donut-layout>svg{width:180px;max-width:45%;flex-shrink:0}.donut-number{font-size:30px;font-weight:700;fill:#284760}.donut-unit{font-size:11px;fill:#7b8fa0}.chart-legend{flex:1;min-width:0}.legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto 33px;gap:9px;align-items:center;width:100%;padding:10px 3px;border:0;background:transparent;text-align:left;color:#526b80;font-size:12px;border-radius:8px}.legend-row small{font-size:10px;color:#8394a4;text-align:right}button.legend-row:hover{background:#eef8ff}.legend-dot{width:8px;height:8px;border-radius:50%}.palette-0{background:#65b7e8}.palette-1{background:#527fad}.palette-2{background:#67c9bc}.palette-3{background:#a6bce0}.palette-4{background:#e7bb74}.palette-5{background:#aecedc}.rank-item{margin:14px 0}.rank-item>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#526b80;margin-bottom:8px}.rank-item svg{display:block;width:100%;height:8px}.line-chart{display:block;width:100%;min-height:190px}.plot-value{fill:#52738b;font-size:12px;font-weight:600}.plot-label{fill:#8394a4;font-size:11px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.filter-chip{display:flex;gap:12px;align-items:center;border:1px solid #dce8f1;border-radius:24px;background:white;color:#60798c;padding:9px 15px;font-size:12px}.filter-chip span{background:#f0f5f9;border-radius:12px;padding:2px 7px;font-size:11px}.filter-chip.selected{border-color:#acd8f4;background:#e5f4ff;color:#326e99}.workflow-path{display:flex;gap:12px;align-items:center;margin:20px 0}.workflow-path>span{flex:1;display:grid;grid-template-columns:22px 1fr;gap:6px;background:#f1f8fd;border:1px solid #deedf7;border-radius:12px;padding:15px}.workflow-path svg{width:18px;height:18px;grid-row:span 2;color:#65a5d0}.workflow-path small{font-size:9px;color:#7a97ac;letter-spacing:1px}.workflow-path strong{font-size:12px;font-weight:500;color:#3c617b}.workflow-path>b{color:#83abc7}@media(max-width:1150px){.visual-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-grid{grid-template-columns:1fr}}@media(max-width:560px){.visual-metric{padding:13px;gap:9px}.visual-metric strong{font-size:24px}.metric-icon{width:32px;height:32px}.donut-layout{gap:8px}.donut-layout>svg{width:135px}.legend-row{font-size:11px;gap:6px}.chart-heading{align-items:flex-start}.visual-grid{gap:14px}}
/* Transparent conversation mark shared by sign-in and workspace. */
.brand{gap:11px;font-weight:680;letter-spacing:-1px}.brand img{width:36px;height:36px;object-fit:contain;border-radius:0}.brand-dot{color:#64b6e5}.login-story{background:linear-gradient(145deg,#e4f3ff 0%,#eff8ff 60%,#d9eefb 100%);color:#244b66}.login-story .brand{color:#244b66}.login-story .brand img{width:42px;height:42px}.login-story h1{color:#244b66}.login-story .eyebrow{color:#638da7}.login-story>p{color:#5e7d91}.login-story .story-card{background:#ffffff75;border-color:#c7e0ef}.story-card strong{color:#365f7a}.login-story .story-card p{color:#6c879a}.login-story .spark{color:#65abd5}.login-story>small{color:#7294aa}.login-mark{width:54px;height:54px;border:0;background:transparent;border-radius:0;display:block}.login-mark img{width:54px;height:54px;object-fit:contain}.login-form-wrap{background:#fbfdff}.login-form-wrap input:focus{outline:2px solid #a5d6f3;outline-offset:2px;border-color:#75b6de}
.ai-toggle-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #d4e7f5;border-radius:16px;background:#f3f9fe;cursor:pointer;margin:20px 0}.ai-toggle-icon{display:grid;place-items:center;background:#e0f0fc;color:#4a94c6;border-radius:12px;width:42px;height:42px;flex-shrink:0}.ai-toggle-copy{flex:1}.ai-toggle-copy strong{display:block;font-size:14px;color:#31546d}.ai-toggle-copy small{display:block;font-size:11px;color:#7c91a1;margin-top:5px}.ai-toggle-input{position:absolute;width:1px;height:1px;opacity:0}.ai-toggle-track{width:44px;height:26px;border-radius:20px;background:#c9d5de;position:relative;transition:background .2s;flex-shrink:0}.ai-toggle-track:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 2px 5px #274d6820;transition:transform .2s}.ai-toggle-input:checked+.ai-toggle-track{background:#4a9fd3}.ai-toggle-input:checked+.ai-toggle-track:after{transform:translateX(18px)}.ai-toggle-input:focus-visible+.ai-toggle-track{outline:3px solid #9cd2f2;outline-offset:3px}.ai-toggle-state{font-size:11px;font-weight:600;color:#64849b;min-width:20px}.ai-toggle-state:after{content:'Off'}.ai-toggle-input:checked~.ai-toggle-state:after{content:'On'}.ai-toggle-input:disabled~span{opacity:.5}.prompt-copilot{border:1px solid #cfe5f5;border-radius:16px;background:linear-gradient(135deg,#f0f8ff,#fafcff);padding:22px;margin-bottom:24px}.copilot-heading{display:flex;gap:12px;align-items:center}.copilot-heading>span{font-size:26px;color:#5ba6d6}.copilot-heading h3{margin:0 0 5px;font-size:15px;color:#31546d}.copilot-heading small{font-size:11px;color:#7890a2}.prompt-copilot textarea{background:white;min-height:84px!important;resize:vertical}.prompt-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.prompt-suggestions button{font-size:10px;color:#557f9b;background:#fff;border:1px solid #dceaf4;border-radius:20px;padding:7px 10px}.prompt-copilot #rewrite-status{font-size:11px;color:#6b8497;margin-bottom:0}.ai-toggle-card:has(input:checked){border-color:#b5dcf5;background:#eef8ff}@media(prefers-reduced-motion:reduce){.ai-toggle-track,.ai-toggle-track:after{transition:none}}@media(max-width:560px){.ai-toggle-card{padding:14px;gap:10px}.ai-toggle-copy small{max-width:145px}.ai-toggle-state{display:none}.prompt-copilot{padding:16px}}
.unified-ai-tabs{position:sticky;top:0;z-index:2;padding:12px 0;background:var(--bg);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}.unified-ai-tabs button{border-radius:24px;padding:10px 18px}.unified-ai-tabs .selected-tab{background:#dff1fe;border-color:#aed9f4;color:#357aa7}#ai-preferences-panel>.section-card,#ai-preferences-panel form>.section-card{max-width:950px}
.integration-summary{background:linear-gradient(110deg,#e7f5ff,#f7fbff);border:1px solid #cce6f7;border-radius:18px;padding:26px;margin-bottom:22px}.integration-summary h2{margin:13px 0 8px;color:#31546d}.integration-summary p{font-size:12px;color:#6a859a}.integration-recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.integration-recommendations button{text-align:left;display:grid;grid-template-columns:28px 1fr;gap:7px 10px;background:#ffffffb8;border:1px solid #d6e9f6;border-radius:12px;padding:16px}.integration-recommendations small{grid-row:span 2;color:#75acd0;font-size:14px}.integration-recommendations strong{font-size:13px;color:#345b76}.integration-recommendations span{font-size:11px;color:#7690a2}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-monogram{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e8f5ff;color:#4789b7;font-size:15px;font-weight:650}.integration-tile{display:flex;flex-direction:column}.integration-tile h2{margin:17px 0 5px}.integration-tile>p{flex:1;line-height:1.7}.integration-tile>button{align-self:flex-start;margin-top:10px}@media(max-width:700px){.integration-recommendations{grid-template-columns:1fr}.integration-summary{padding:20px}}
/* Preserve the original SmartDails brand artwork without cropping or recoloring. */
.brand img,.login-story .brand img,.login-mark img{object-fit:contain;border-radius:0}
/* Readable text on the light-blue surfaces; retain visual hierarchy. */
:root{--muted:#496174;--ink:#203b50}
.page-heading p,.workspace .page .page-heading p,.section-card>p,.section-card form>p,.ai-banner p,.integration-summary p,.integration-tile>p,.login-form-wrap p{color:#496174;font-size:14px;line-height:1.65}
.data-note,.muted,.status-line,.field small,.ai-layout .data-note,.prompt-copilot #rewrite-status,.copilot-heading small,.ai-toggle-copy small,.integration-recommendations span,.helper-card p{color:#496174;font-size:13px;line-height:1.6}
.field,.login-form-wrap label{color:#29485f;font-size:14px;font-weight:600}
.field input,.field select,.field textarea,.login-form-wrap input{font-size:14px;font-weight:400;line-height:1.5;color:#243f53}
input::placeholder,textarea::placeholder{color:#607586;opacity:1}
.eyebrow,.workspace .eyebrow,.nav-caption{color:#4b667b;font-size:11px;font-weight:650;letter-spacing:1.3px}
.nav-button{font-size:13px;font-weight:550;color:#36566e}.nav-button.active{font-weight:700;color:#174c70}
.workspace-picker small,.profile small,.workspace-picker strong{color:#466276;font-size:11px;line-height:1.5}.profile strong{font-size:12px}
.breadcrumb{font-size:12px;color:#496174}.breadcrumb strong{color:#29485f;font-weight:600}.live-status{font-size:12px;color:#395e77}
.badge,.demo-banner,.demo-banner button{font-size:12px;font-weight:550}.badge{color:#3c5b70}.badge.blue{color:#205b80}.demo-banner{color:#36596f}
.stat-top,.visual-metric div>span{font-size:13px;color:#496174;font-weight:550}.stat-note{font-size:12px;color:#496174}
.contacts th{font-size:12px;color:#466074;font-weight:650}.contacts td{font-size:14px}.contacts small{font-size:12px;color:#526b7e;line-height:1.55}
.chart-heading .data-note,.legend-row,.rank-item>div{font-size:12px;color:#466074}.legend-row small{font-size:11px;color:#526b7e}.donut-unit,.plot-label{fill:#496174;font-size:12px}
.filter-chip,.filter-chip span,.prompt-suggestions button{font-size:12px;color:#3e647e}.filter-chip.selected{color:#205a80}.ai-toggle-state{color:#315c79;font-size:12px}
.primary,.secondary{font-size:13px;font-weight:600}.conversation-copy p,.conversation-bottom,.message-meta,.message-foot,.composer-hint{color:#496174;font-size:12px;line-height:1.5}.message-body{font-size:14px;line-height:1.65}.chat .automation-strip{font-size:12px;color:#3c617a}
.login-story>p,.login-story .story-card p{color:#496174;font-size:14px}.login-story .eyebrow,.login-story>small,.login-form-wrap small{color:#496174;font-size:11px}.story-card strong{font-size:14px}.integration-recommendations strong{font-size:14px}
@media(max-width:620px){.workspace .page .page-heading p{font-size:13px;max-width:100%}.page-heading .secondary{font-size:12px}.live-status{font-size:10px}.demo-banner{font-size:11px}.nav-button{font-size:11px}.chat .automation-strip{font-size:11px}.message-body{font-size:14px}.conversation-copy p{font-size:12px}.chat-header h2{font-size:14px}.chat-header .secondary{font-size:11px}.page-heading{flex-wrap:wrap}.contacts td{font-size:13px}}

/* Complementary accents keep the blue brand foundation, with calm neutral surfaces. */
:root{--bg:#f7f9fc;--line:#e2e8ef;--teal:#187762;--violet:#7054aa;--gold:#936015;--rose:#a84c67}
.sidebar{background:linear-gradient(165deg,#e5f3ff 0%,#eef3fc 65%,#f1edfa 100%)}
.section-card,.stat,.visual-metric{box-shadow:0 4px 18px #203b5005}
.stat,.visual-metric{--tile-bg:#edf7ff;--tile-border:#cde5f5;--tile-accent:#226d98;background:var(--tile-bg);border-color:var(--tile-border)}
.stat:nth-child(4n+2),.visual-metric:nth-child(4n+2){--tile-bg:#f3effb;--tile-border:#e1d8f2;--tile-accent:#7054aa}
.stat:nth-child(4n+3),.visual-metric:nth-child(4n+3){--tile-bg:#edf8f3;--tile-border:#cfe9df;--tile-accent:#187762}
.stat:nth-child(4n+4),.visual-metric:nth-child(4n+4){--tile-bg:#fff6e9;--tile-border:#f1dfbd;--tile-accent:#936015}
.stat-top .icon,.stat-value,.visual-metric strong{color:var(--tile-accent)}
.metric-icon{background:#ffffffb8;color:var(--tile-accent)}
.nav-button[data-view=ai]>.icon{color:#7958b0}.nav-button[data-view=customers]>.icon{color:#21846e}.nav-button[data-view=properties]>.icon{color:#a47024}.nav-button[data-view=reports]>.icon{color:#a85372}.nav-button[data-view=integrations]>.icon{color:#7760b3}
.nav-button.active{background:#cdeafb;box-shadow:inset 3px 0 #398fbd}
.palette-0{background:#339ed2}.palette-1{background:#8b72cf}.palette-2{background:#2ba58e}.palette-3{background:#e49a42}.palette-4{background:#dc7c91}.palette-5{background:#6289ba}
.ai-banner{background:linear-gradient(115deg,#e7f4ff,#f1edfb);border-color:#d8e0f1}
.prompt-copilot{background:linear-gradient(135deg,#f3effc,#faf8ff);border-color:#e0d7f1}.copilot-heading>span,.copilot-heading h3{color:#7054aa}.prompt-suggestions button{border-color:#e0d7f1;color:#654a96}
.ai-toggle-card:has(input:checked){background:#edf8f3;border-color:#bfdfd1}.ai-toggle-icon{background:#d9efe5;color:#187762}.ai-toggle-input:checked+.ai-toggle-track{background:#21876c}
.ai-preview-result{background:#f6f3fc;border-color:#e2d9f1}
.integration-summary{background:linear-gradient(110deg,#eaf5ff,#f2f7ed);border-color:#d5e5df}
.integration-recommendations button:nth-child(1){background:#edf8f2;border-color:#cce8d9}.integration-recommendations button:nth-child(2){background:#fff7e9;border-color:#efdfbf}.integration-recommendations button:nth-child(3){background:#f4effc;border-color:#e0d6f0}
.integration-monogram{background:#edf2ff;color:#526caa}
.integration-tile[data-category=Messaging] .integration-monogram{background:#e4f4ed;color:#19765b}
.integration-tile[data-category=CRM] .integration-monogram{background:#fff0e5;color:#a35d29}
.integration-tile[data-category=Scheduling] .integration-monogram{background:#f0eafa;color:#7054aa}
.integration-tile[data-category="AI & data"] .integration-monogram{background:#f0eafa;color:#7054aa}
.badge.amber{background:#fff2d9;color:#865b15}.live-status:before{background:#269377}
.avatar.tone-1{background:#fff0d9;color:#8e6222}.avatar.tone-2{background:#eee7fa;color:#7054aa}.avatar.tone-3{background:#def3e9;color:#237a60}.avatar.tone-4{background:#fbe8ee;color:#a04d66}
.data-note{color:#496174!important;font-size:13px!important}
.login-story{background:linear-gradient(145deg,#e4f3ff 0%,#edf5ff 50%,#eee8f8 100%)}
/* Conversation playground shares the assistant's chat language. */
.ai-playground{padding:22px;overflow:hidden}.playground-header{display:flex;align-items:center;gap:12px}.playground-header h2{margin:5px 0 0}.playground-header>button{margin-left:auto;white-space:nowrap}.playground-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eee7fa;color:#7054aa;font-size:24px}.playground-messages{height:360px;overflow:auto;background:#f9fafd;border:1px solid #e5e7ef;border-radius:14px;padding:16px;overscroll-behavior:contain}.playground-turn{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px}.playground-turn.customer-turn{align-items:flex-end}.playground-turn>small{font-size:11px;color:#496174;margin:0 4px}.playground-turn .helper-question,.playground-turn .helper-answer{margin:6px 0;max-width:92%;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.playground-turn .helper-answer{background:white;border:1px solid #e5dfef;border-radius:0 14px 14px 14px}.playground-turn .helper-question{background:#e4f2fd;color:#254d69;border-radius:14px 0 14px 14px}.playground-welcome{text-align:center;padding:38px 8px;color:#496174}.playground-welcome>span{font-size:32px;color:#8b72cf}.playground-welcome h3{color:#29485f;font-size:17px}.playground-welcome p{font-size:13px;line-height:1.65}.playground-welcome button{margin-top:10px}.playground-composer{display:flex;align-items:flex-end;gap:10px;padding:10px;background:white;border:1px solid #cbdde9;border-radius:14px}.playground-composer:focus-within{outline:2px solid #9ac9e8;outline-offset:2px}.playground-composer textarea{flex:1;width:100%;min-width:0;min-height:50px;max-height:150px;border:0;background:transparent;padding:6px;resize:vertical;font-size:14px;color:var(--ink);line-height:1.5;outline:none}.playground-composer button{width:40px;height:40px;padding:10px;border-radius:11px;flex-shrink:0}.playground-status{font-size:12px;color:#9e455b;line-height:1.5;margin:10px 0}.playground-typing{font-size:13px;color:#7054aa;padding:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.ai-playground{padding:16px}.playground-messages{height:320px}.playground-header{gap:8px}.playground-header .secondary{padding:8px;font-size:12px}}
.preview-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.playground-welcome .preview-suggestions button{margin:0;font-size:12px;text-align:left;justify-content:flex-start;white-space:normal}.playground-welcome{padding:16px 4px}.playground-welcome .preview-shuffle{color:#7054aa;font-size:12px;font-weight:600;padding:7px 12px;margin-top:10px}.preview-suggestions button:nth-child(2){background:#f2edfa;border-color:#e2d7f2}.preview-suggestions button:nth-child(3){background:#ecf8f1;border-color:#d1e9db}.preview-suggestions button:nth-child(4){background:#fff6e8;border-color:#efe0c3}
.helper-answer strong{font-weight:700;color:#203b50}.helper-answer code{font-family:ui-monospace,monospace;font-size:.92em;background:#e9edf4;padding:1px 4px;border-radius:4px}

/* Clear, accessible conversation ownership controls. */
.automation-strip.ownership-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:#edf9f4;border-top:1px solid #c9e8dc;border-bottom:1px solid #c9e8dc;color:#205d4c}
.automation-strip.ownership-strip.human-active{background:#fff8eb;border-color:#f0dfbb;color:#72501d}
.ownership-copy{display:flex;align-items:center;gap:12px;min-width:0}
.ownership-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#d5f0e5;flex-shrink:0}
.human-active .ownership-icon{background:#f9eacb}
.ownership-copy strong{display:block;font-size:15px;font-weight:700;line-height:1.4}
.ownership-copy div>span{display:block;font-size:13px;line-height:1.5;margin-top:3px;color:#3f6259}
.human-active .ownership-copy div>span{color:#765d35}
.automation-strip .ownership-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:11px 18px;border:1px solid #8bbdab;border-radius:12px;background:#fff;color:#215947;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 2px 4px #183e2910;transition:background .15s,box-shadow .15s}
.automation-strip .ownership-button.enable-ai-action{background:#267eaf;border-color:#206e99;color:white;box-shadow:0 3px 8px #267eaf25}
.automation-strip .ownership-button:hover:not(:disabled){box-shadow:0 4px 12px #183e2925}
.automation-strip .ownership-button:focus-visible{outline:3px solid #267eaf;outline-offset:3px}
.automation-strip .ownership-button:disabled{opacity:.6;cursor:wait}
@media(max-width:650px){.automation-strip.ownership-strip{align-items:stretch;flex-direction:column;gap:12px;padding:14px}.automation-strip .ownership-button{width:100%}}