:root{font-family:Arial,Helvetica,sans-serif;--bg:#fff;--canvas:#f8f6f8;--card:#fff;--fg:#262129;--muted:#79717d;--line:#eae4e9;--field:#f8f5f8;--accent:#b72c70;--accent-hover:#94235b;--soft:#fceef5;--glow:#e97bb52b;--action:#b72c70;--action-text:#fff;--success:#18795d;--success-soft:#eaf7f0;--purple:#8970d5;--purple-soft:#f3effb;--amber:#9e690e;--amber-soft:#fff6e2;--red:#c54954;--red-soft:#fff0f1;--shadow:0 16px 50px #41233910;color:var(--fg);background:var(--bg);scroll-padding-top:110px;color-scheme:light}
:root[data-theme=dark]{--bg:#141216;--canvas:#100e12;--card:#1c1920;--fg:#f5eef4;--muted:#b5a9b7;--line:#352e39;--field:#241f29;--accent:#f394c5;--accent-hover:#ffb5d9;--soft:#362333;--glow:#e865a820;--action:#ed93c2;--action-text:#331326;--success:#78d6b1;--success-soft:#20362e;--purple:#b7a1f0;--purple-soft:#2c273d;--amber:#eabe65;--amber-soft:#352d20;--red:#f09ca2;--red-soft:#36252c;--shadow:0 16px 50px #0003;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.65;background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{color:var(--fg);accent-color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:500;line-height:1.12;letter-spacing:-.055em}h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.4}svg.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;height:40px;padding:9px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--card)}.icon-button:hover{background:var(--soft);color:var(--accent);border-color:var(--accent)}[hidden]{display:none!important}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.skip-link{position:fixed;top:-100px;left:15px;background:var(--fg);color:var(--bg);padding:12px 20px;z-index:200}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:19px;letter-spacing:-.04em}.brand strong{font-weight:750}.brand>span{font-weight:400;color:var(--muted)}.brand-mark{width:31px;height:31px;fill:var(--accent);flex-shrink:0}.crown-base{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.brand img{margin-right:1px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--fg);padding:12px 22px;font-weight:500;font-size:13px;white-space:nowrap;transition:background .18s,transform .18s,border-color .18s}.button:hover{background:var(--field);border-color:var(--muted)}.button.primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}.button.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.button.accent{color:white;background:#147d72;border-color:#147d72}.button.accent:hover{background:#0d665d}.button.small{min-height:40px;padding:8px 16px;font-size:12px;gap:8px}.button.danger{background:var(--red-soft);color:var(--red);border-color:var(--red-soft)}.button.danger:hover{border-color:var(--red)}.button svg{width:17px;height:17px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.text-link:hover{color:var(--accent)}.text-link svg{width:17px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--accent)}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;line-height:1.5;padding:5px 8px;font-weight:500;border-radius:6px}.badge.green{background:var(--soft);color:var(--accent)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.purple{background:var(--purple-soft);color:var(--purple)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.neutral{background:var(--field);color:var(--muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;font-size:11px;flex-shrink:0;font-weight:600}.avatar.teal{background:var(--soft);color:var(--accent)}.avatar.lilac{background:var(--purple-soft);color:var(--purple)}.avatar.gold{background:var(--amber-soft);color:var(--amber)}.avatar.rose{background:var(--red-soft);color:var(--red)}.small-avatar{width:32px;height:32px;border-radius:50%;font-size:10px}.muted{color:var(--muted)}
/* Public site: familiar KING proportions with QUEEN's own voice. */
.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}.site-header-inner{max-width:1440px;margin:auto;min-height:88px;padding:18px 40px;display:flex;align-items:center;gap:36px}.site-header .brand{margin-right:auto}.landing-nav{display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted)}.landing-nav a:hover{color:var(--fg)}.site-header-actions{display:flex;align-items:center;gap:14px}.mobile-menu-button{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding-top:100px;padding-bottom:103px}.hero-copy h1{font-size:clamp(44px,4.4vw,65px);margin:26px 0 25px;line-height:1.08}.hero-copy h1>span{color:var(--accent)}.hero-copy>p{max-width:420px;font-size:15px;color:var(--muted);line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin:30px 0 39px}.hero-footnote{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--muted);line-height:1.8}.hero-footnote strong{font-weight:400;color:var(--fg)}.mini-avatar{width:35px;height:35px;display:grid;place-items:center;background:var(--soft);border-radius:50%;color:var(--accent)}.mini-avatar svg{width:18px}.hero-product{position:relative;padding:22px 0 42px}.hero-glow{position:absolute;inset:-25px -25px 0;border-radius:50%;background:radial-gradient(ellipse,var(--glow),transparent 68%);filter:blur(18px);pointer-events:none}.product-window{border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:0 28px 65px #182e2510;position:relative;overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}.window-top{height:43px;padding:0 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;font-size:9px;color:var(--muted)}.window-top>span:nth-child(2){display:flex;align-items:center;gap:6px}.window-top .icon{width:10px;height:10px}.window-dots{display:flex;gap:5px}.window-dots b{width:5px;height:5px;background:var(--line);border-radius:50%}.preview-label{margin-left:auto;font-size:8px;color:var(--accent)}.product-shell{display:flex}.mini-sidebar{width:53px;padding:20px 12px;display:flex;align-items:center;flex-direction:column;gap:20px;border-right:1px solid var(--line);flex-shrink:0}.mini-sidebar .brand-mark{width:24px;height:24px;margin-bottom:6px}.mini-sidebar>span{width:28px;height:28px;display:grid;place-items:center;color:var(--muted)}.mini-sidebar .icon{width:15px;height:15px}.mini-sidebar>span.active{background:var(--soft);color:var(--accent);border-radius:6px}.mini-workspace{padding:27px 22px 25px;flex:1;min-width:0;background:var(--canvas)}.mini-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-heading small{font-size:7px;letter-spacing:.1em;color:var(--muted)}.mini-heading h2{font-size:21px;margin:5px 0 0;font-weight:600;letter-spacing:-.04em}.mini-heading .badge{font-size:7px;padding:4px 6px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;margin:23px 0 20px;gap:12px}.mini-metrics>div{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.mini-metrics span{font-size:9px;color:var(--muted);display:block}.mini-metrics strong{font-size:27px;line-height:1.8;font-weight:500;letter-spacing:-.05em;display:flex;align-items:baseline;gap:9px}.mini-metrics small{font-size:8px;color:var(--accent);letter-spacing:0}.mini-chart{background:var(--card);border:1px solid var(--line);padding:16px;border-radius:9px}.mini-chart>div:first-child{display:flex;justify-content:space-between;font-size:9px}.mini-chart>div:first-child span{font-size:8px;color:var(--muted)}.chart-bars{height:95px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;margin-top:12px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent,transparent 30px,var(--line) 31px,transparent 32px)}.chart-bars>b{width:28px;height:var(--bar);background:var(--soft);border-radius:4px 4px 0 0}.chart-bars>b.selected{background:var(--accent)}.chart-days{display:flex;justify-content:space-around;margin-top:8px;font-size:8px;color:var(--muted)}.mini-person{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.mini-person .avatar{width:28px;height:28px;font-size:8px;border-radius:7px}.mini-person strong,.mini-person small{display:block;font-size:9px}.mini-person small{font-size:8px;color:var(--muted)}.mini-person>.badge{margin-left:auto;font-size:7px}.floating-call{position:absolute;bottom:29px;right:-13px;display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:16px 20px;box-shadow:var(--shadow);transform:rotate(1deg)}.call-symbol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}.call-symbol .icon{width:17px;height:17px}.floating-call small{font-size:7px;letter-spacing:.1em;color:var(--muted);display:block;margin-bottom:3px}.floating-call strong{font-size:11px;font-weight:500}.sound-wave{display:flex;align-items:center;gap:3px;margin-left:10px;height:24px;color:var(--accent)}.sound-wave b{background:currentColor;width:3px;border-radius:3px;height:9px}.sound-wave b:nth-child(2),.sound-wave b:nth-child(4){height:17px}.sound-wave b:nth-child(3){height:24px}.preview-caption{position:absolute;bottom:0;left:8px;color:var(--muted);font-size:9px}.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:27px;padding-bottom:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-strip>p{font-size:8px;letter-spacing:.1em;color:var(--muted);line-height:1.9}.platform-strip>p strong{font-weight:500;color:var(--fg)}.platform-strip>span{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.platform-strip svg{width:19px;color:var(--muted)}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-head h2{font-size:41px;margin-top:18px}.section-head>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:4px}.feature-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:17px}.feature-card{padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.feature-card h3{font-size:18px;margin:16px 0 10px}.feature-card p{color:var(--muted);font-size:12px;line-height:1.9}.feature-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:var(--accent)}.feature-icon svg{width:18px}.feature-main{grid-row:span 2;background:linear-gradient(160deg,var(--soft),var(--card) 75%)}.feature-main h3{font-size:27px;line-height:1.25;margin-top:27px;font-weight:500;letter-spacing:-.045em}.feature-main>p{max-width:265px}.customer-snippet{margin-top:35px;background:var(--card);padding:18px;border:1px solid var(--line);border-radius:11px}.customer-snippet>div:first-child{display:flex;align-items:center;gap:9px}.customer-snippet strong{font-size:10px;display:block}.customer-snippet small{display:block;font-size:8px;color:var(--muted)}.customer-snippet .badge{margin-left:auto;font-size:7px;white-space:normal;max-width:53px;text-align:center;line-height:1.5}.customer-snippet .avatar{width:28px;height:28px;font-size:9px}.customer-snippet ol{list-style:none;padding:17px 0 0;margin:0}.customer-snippet li{display:flex;align-items:flex-start;gap:11px;padding:12px 0}.customer-snippet li>span{width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;margin-top:4px;box-shadow:0 0 0 3px var(--soft)}.feature-tail{display:flex;gap:6px;margin-top:20px;flex-wrap:wrap}.feature-tail .badge{font-size:9px}.pipeline-snippet{display:flex;gap:8px;align-items:center;margin-top:20px;font-size:9px;color:var(--muted)}.pipeline-snippet span{padding:5px 9px;border:1px solid var(--line);border-radius:5px}.pipeline-snippet span:last-child{background:var(--soft);color:var(--accent);border-color:var(--soft)}.pipeline-snippet svg{width:12px;height:12px}.solution-section{padding:83px 0;background:var(--canvas);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-inner{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.solution-copy h2{font-size:39px;margin:18px 0}.solution-copy>p{color:var(--muted);font-size:13px;max-width:350px}.solution-tabs{margin-top:27px;display:grid;gap:5px}.solution-tabs button{display:flex;gap:13px;align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;text-align:left;color:var(--muted);min-height:54px;padding:12px 15px;font-size:13px}.solution-tabs button>.icon:last-child{margin-left:auto;width:15px}.solution-tabs button[aria-selected=true]{background:var(--card);border-color:var(--line);color:var(--accent);box-shadow:0 4px 12px #0c382105}.solution-preview{border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:var(--shadow);padding:29px;min-height:385px}.solution-preview>small{font-size:9px;color:var(--muted);letter-spacing:.1em}.solution-preview h3{font-size:21px;letter-spacing:-.035em;font-weight:500;margin:11px 0 24px}.solution-lead{border:1px solid var(--line);border-radius:11px;padding:16px;margin-top:11px;display:flex;align-items:center;gap:13px}.solution-lead strong{font-size:11px;display:block}.solution-lead small{font-size:10px;color:var(--muted);display:block}.solution-lead .badge{margin-left:auto}.solution-preview>p{font-size:10px;color:var(--muted);margin:25px 0 0;display:flex;align-items:center;gap:8px}.solution-preview>p svg{width:15px;color:var(--accent)}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:105px}.workflow h2{font-size:39px;margin:18px 0}.workflow p{color:var(--muted);font-size:13px}.workflow .text-link{margin-top:32px}.workflow-steps{list-style:none;padding:0;margin:0}.workflow-steps li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.workflow-steps li:first-child{padding-top:0}.workflow-steps li>span{color:var(--accent);font-size:10px;padding-top:4px}.workflow-steps h3{font-size:15px;margin-bottom:8px}.workflow-steps p{font-size:12px;line-height:1.9}.closing-card{padding:68px 30px;text-align:center;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 50% 130%,var(--glow),transparent 70%);margin-bottom:80px}.closing-card .eyebrow{justify-content:center}.closing-card h2{font-size:44px;margin:23px 0 20px}.closing-card>p{font-size:13px;color:var(--muted);margin-bottom:27px}.closing-card .text-link{margin-left:22px}.closing-card small{display:block;margin-top:25px;color:var(--muted);font-size:10px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px}.site-footer>.brand{font-size:17px}.site-footer>span{font-size:11px;color:var(--muted)}.site-footer>div{display:flex;gap:23px;font-size:11px;color:var(--muted)}.site-footer>div a{display:flex;gap:6px;align-items:center}.site-footer svg.icon{width:13px}
/* Workspace */
.workspace{background:var(--canvas);font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:233px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 15px 18px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;padding:0 10px 28px}.sidebar-brand .brand{font-size:18px;gap:7px}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:11px 10px}.workspace-initial{display:grid;place-items:center;font-size:13px;width:29px;height:29px;background:var(--field);border:1px solid var(--line);border-radius:8px}.workspace-switch strong{display:block;font-size:10px;font-weight:600}.workspace-switch small{display:block;font-size:9px;color:var(--muted)}.workspace-switch>.icon{width:13px;height:13px;margin-left:auto;color:var(--muted)}.nav-caption{font-size:8px;letter-spacing:.13em;color:var(--muted);padding:25px 12px 11px}.app-nav{display:grid;gap:5px}.app-nav>a{display:flex;align-items:center;gap:12px;border-radius:9px;padding:12px;min-height:45px;font-size:11px;color:var(--muted);border:1px solid transparent}.app-nav>a .icon{width:17px;height:17px}.app-nav>a:hover{background:var(--field);color:var(--fg)}.app-nav>a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:600;border-color:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-count{margin-left:auto;background:var(--field);padding:0 6px;border-radius:4px;font-size:9px;line-height:20px}.nav-count.green{background:var(--soft);color:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:28px}.demo-note{padding:16px 12px;background:var(--field);border-radius:10px;font-size:10px;margin-bottom:22px}.demo-note>.icon{color:var(--accent);width:16px;height:16px;margin-right:3px}.demo-note strong{font-size:10px}.demo-note p{margin:8px 0 11px;color:var(--muted);font-size:9px;line-height:1.9}.demo-note a{display:flex;justify-content:space-between;align-items:center;font-size:9px}.demo-note a svg{width:13px;height:13px}.profile-button{display:flex;align-items:center;width:100%;padding:0 6px;gap:9px;border:0;background:transparent;text-align:left}.profile-button strong,.profile-button small{display:block;font-size:10px}.profile-button small{color:var(--muted);font-size:9px}.profile-button>.icon{width:14px;margin-left:auto;color:var(--muted)}.project-credit{display:block;font-size:8px;text-align:center;color:var(--muted);padding-top:16px}.workspace-body{margin-left:233px;min-height:100vh;display:flex;flex-direction:column}.app-header{height:77px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 34px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:30}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:10px;color:var(--muted)}.breadcrumbs>.icon{width:12px;height:12px}.breadcrumbs strong{font-weight:500;color:var(--fg)}.app-header-tools{display:flex;align-items:center;gap:15px}.demo-pill{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.demo-pill>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.app-header .icon-button{width:35px;height:35px;min-width:35px;border-color:transparent;background:transparent}.app-header .icon-button svg{width:17px;height:17px}.notification-wrap{position:relative}.notification-button{position:relative}.notification-dot{position:absolute;top:5px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--accent);outline:2px solid var(--card)}.notification-popover{position:absolute;top:48px;right:-25px;width:325px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);background:var(--card);padding:18px}.notification-popover>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notification-popover>p{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.notification-popover p>.icon{color:var(--accent);width:17px}.notification-popover p strong,.notification-popover p small{display:block;font-size:11px}.notification-popover p small{font-size:10px;color:var(--muted);margin-top:3px}.notification-popover>a{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:15px;color:var(--accent)}.workspace-main{width:100%;max-width:1580px;margin:auto;padding:34px;flex:1;outline:none!important}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.view-heading .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:11px}.view-heading h1{font-size:30px;letter-spacing:-.045em;font-weight:550}.view-heading p{color:var(--muted);font-size:11px;margin-top:9px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.date-pill{font-size:10px;display:flex;align-items:center;gap:8px;color:var(--muted);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.date-pill svg{width:14px;height:14px}.workspace .button{border-radius:8px;min-height:39px;font-size:10px;padding:9px 13px;gap:9px}.workspace .button svg{width:15px;height:15px}.metric-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--card);border-radius:13px;padding:20px 0;margin-bottom:24px}.metric-block{padding:0 23px;border-right:1px solid var(--line);min-width:0}.metric-block:last-child{border:0}.metric-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.metric-label>.icon{width:16px;height:16px;color:var(--accent)}.metric-number{font-size:31px;letter-spacing:-.045em;font-weight:500;line-height:1.3;margin:12px 0 7px}.metric-number small{font-size:18px;margin-left:2px}.metric-context{font-size:9px;color:var(--muted)}.metric-context strong{font-weight:500;color:var(--accent);margin-right:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px}.panel{border:1px solid var(--line);background:var(--card);border-radius:13px;min-width:0;overflow:hidden}.panel-heading{padding:20px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:14px;letter-spacing:-.015em;font-weight:600;line-height:1.4}.panel-heading p{font-size:9px;color:var(--muted);margin-top:4px}.panel-heading>a{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.panel-heading>a svg{width:13px;height:13px}.segmented{display:inline-flex;gap:2px;background:var(--field);padding:3px;border-radius:7px;border:1px solid var(--line)}.segmented button{background:transparent;color:var(--muted);border:0;border-radius:5px;font-size:9px;min-height:28px;padding:5px 10px}.segmented button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #0001}.trend-chart{padding:4px 22px 18px}.chart-legend{display:flex;gap:16px;color:var(--muted);font-size:9px;margin:0 0 18px 28px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:6px;height:6px;border-radius:2px;background:var(--accent)}.legend-dot.soft{background:var(--line)}.graph-layout{display:grid;grid-template-columns:25px 1fr;gap:8px}.graph-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:var(--muted);height:166px;line-height:1}.graph-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:14px;height:166px;background:repeating-linear-gradient(to top,transparent,transparent 40px,var(--line) 41px,transparent 42px);border-bottom:1px solid var(--line);padding:0 10px}.graph-column{display:flex;align-items:flex-end;gap:4px;height:100%;flex:1;justify-content:center;max-width:44px;position:relative}.graph-column>span{width:35%;min-width:7px;max-width:18px;border-radius:4px 4px 0 0;display:block;height:var(--h);background:var(--accent);opacity:.65}.graph-column>span.missed{background:var(--line);opacity:1}.graph-column:last-child>span:not(.missed){opacity:1}.graph-column:hover:after{content:attr(data-value);position:absolute;bottom:95%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border-radius:5px;background:var(--fg);color:var(--bg);font-size:9px}.graph-labels{display:flex;justify-content:space-around;margin:10px 0 0 33px;font-size:8px;color:var(--muted)}.team-panel .panel-heading{padding-bottom:11px}.team-list{padding:0 20px 7px}.team-person{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.team-person:last-child{border-bottom:0}.team-person>.avatar{width:31px;height:31px;font-size:9px;border-radius:9px}.team-person strong{display:block;font-size:10px;font-weight:500}.team-person small{display:block;font-size:9px;color:var(--muted)}.team-person>.status-dot{margin-left:auto}.team-person>.status-dot.amber{background:var(--amber)}.team-person>.status-dot.neutral{background:var(--muted)}.team-footer{display:flex;justify-content:space-between;padding:12px 21px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.team-footer strong{font-weight:500;color:var(--accent)}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;margin-top:22px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;white-space:nowrap}.data-table th{font-weight:400;color:var(--muted);background:var(--field);font-size:9px;padding:11px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:15px 18px;border-bottom:1px solid var(--line);height:64px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb,var(--soft) 42%,var(--card))}.data-table .person-cell{display:flex;align-items:center;gap:10px}.data-table .avatar{width:31px;height:31px;font-size:9px;border-radius:8px}.person-cell strong{display:block;font-size:10px;font-weight:500}.person-cell small{font-size:9px;color:var(--muted);display:block}.data-table .icon-button{width:30px;min-width:30px;height:30px;padding:7px;border:0;background:transparent}.data-table .icon-button svg{width:15px;height:15px}.row-link{border:0;background:transparent;padding:0;text-align:left;font-size:inherit;font-weight:500;color:var(--fg)}.row-link:hover{color:var(--accent)}.activity-list{list-style:none;padding:0 22px 16px;margin:0}.activity-list>li{display:flex;gap:12px;padding:14px 0}.activity-list .activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:5px;box-shadow:0 0 0 4px var(--soft);flex-shrink:0}.activity-list strong{display:block;font-size:10px;font-weight:500}.activity-list p{font-size:9px;color:var(--muted);margin-top:4px}.activity-list small{font-size:8px;color:var(--muted)}.panel-footnote{border-top:1px solid var(--line);padding:12px 20px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.app-footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:var(--muted);padding:4px 34px 19px}.toolbar{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.search-field{border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;background:var(--field);flex:1;max-width:330px}.search-field svg{width:15px;height:15px;color:var(--muted)}.search-field input{background:transparent;border:0;outline:0;font-size:11px;width:100%;min-width:0}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.filter-select{font-size:10px;min-height:37px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:7px 29px 7px 10px;max-width:200px}.toolbar .filter-count{font-size:10px;color:var(--muted)}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}.empty-state svg{width:29px;height:29px;color:var(--accent);margin-bottom:13px}.empty-state h3{font-size:14px;color:var(--fg);margin-bottom:7px}.empty-state p{font-size:11px}.info-banner{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:13px 16px;background:var(--card);font-size:10px;color:var(--muted);margin-bottom:22px}.info-banner>svg{width:17px;color:var(--accent)}.info-banner strong{font-weight:500;color:var(--fg)}.kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kanban-column{border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--field);min-width:0}.kanban-heading{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:11px}.kanban-heading>.badge{margin-left:auto;padding:2px 7px;background:var(--card)}.kanban-heading>.status-dot{width:5px;height:5px}.kanban-column>p{font-size:10px;color:var(--muted);margin-bottom:19px}.lead-card{border:1px solid var(--line);border-radius:9px;background:var(--card);padding:15px;margin-top:10px;box-shadow:0 3px 6px #122c2003}.lead-card h3{font-size:12px;margin:10px 0 3px}.lead-card>p{font-size:10px;color:var(--muted)}.lead-card .lead-value{font-size:20px;letter-spacing:-.025em;margin:15px 0;color:var(--fg);font-weight:500}.lead-card .lead-value small{font-size:9px;color:var(--muted);margin-left:3px;letter-spacing:0}.lead-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;gap:6px}.lead-card-footer .avatar{width:24px;height:24px;font-size:8px;border-radius:50%}.lead-card-footer button{font-size:9px;border:0;background:none;padding:5px 0;color:var(--accent)}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:23px}.queue-stat{padding:20px;border:1px solid var(--line);background:var(--card);border-radius:11px}.queue-stat .metric-number{font-size:28px}.queue-stat p{font-size:10px;color:var(--muted)}.team-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.agent-card{padding:24px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.agent-card-head{display:flex;justify-content:space-between;align-items:center}.agent-card .avatar{width:43px;height:43px;font-size:13px;border-radius:13px}.agent-card h2{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:18px 0 5px}.agent-card>p{font-size:10px;color:var(--muted)}.agent-metrics{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:18px;margin-top:21px}.agent-metrics strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.04em}.agent-metrics small{display:block;font-size:9px;color:var(--muted)}.agent-card .button{width:100%;margin-top:22px}.report-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.report-grid .trend-chart{padding-bottom:30px}.report-grid .graph-bars,.report-grid .graph-axis{height:210px}.route-progress{padding:0 23px 24px}.route-progress>div{margin:13px 0 21px}.route-progress>div>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:9px;color:var(--muted)}.route-progress strong{font-weight:500;color:var(--fg)}.progress-track{display:block;height:7px;background:var(--field);border-radius:10px;overflow:hidden}.progress-track>b{display:block;height:100%;background:var(--accent);border-radius:10px}.report-notice{font-size:10px;color:var(--muted);padding:16px 0}.status-select{background:var(--field);border:1px solid var(--line);border-radius:7px;padding:9px;width:100%;font-size:11px;color:var(--fg)}
/* QUEEN's rose identity and communication workspace. */
.button.accent{background:var(--action);border-color:var(--action);color:var(--action-text)}.button.accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.badge.green{background:var(--success-soft);color:var(--success)}.status-dot{background:var(--success)}.king-theme-picker{--theme-bg:var(--card);--theme-fg:var(--fg);--theme-border:var(--line);--theme-hover:var(--soft);--theme-muted:var(--muted)}.sidebar{overflow-y:auto}.app-nav>a{min-height:42px}.sidebar-bottom{padding-top:24px}.phone-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.phone-dialer{padding:25px}.phone-line{display:flex;align-items:center;gap:11px;padding-bottom:23px;border-bottom:1px solid var(--line)}.phone-line>div{flex:1}.phone-line strong,.phone-line small{display:block}.phone-line strong{font-size:13px}.phone-line small{font-size:10px;color:var(--muted)}.connection-emblem{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:var(--soft);color:var(--accent)}.connection-emblem svg{width:20px}.dialer-intro{text-align:center;padding:31px 0 24px}.dialer-intro h2{font-size:26px}.dialer-intro p{font-size:11px;color:var(--muted);margin-top:10px}#softphone-form>label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.number-field{display:flex;align-items:center;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:5px 9px}.number-field input{width:0;flex:1;min-width:0;border:0;background:transparent;font-size:20px;letter-spacing:.035em;padding:12px 5px;outline-offset:0}.number-field input::placeholder{font-size:16px;letter-spacing:0;color:var(--muted)}.number-field .icon-button{border:0;background:transparent}.phone-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.phone-keys button{border:1px solid transparent;background:var(--field);border-radius:12px;min-height:66px;display:grid;align-content:center;gap:0}.phone-keys button:hover{background:var(--soft);border-color:var(--accent)}.phone-keys strong{font-size:24px;font-weight:500;line-height:1.4}.phone-keys small{height:12px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.call-start{width:100%;font-size:12px!important}.phone-demo-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted);margin-top:15px}.phone-demo-note svg{width:13px;height:13px}.line-settings{display:flex;align-items:center;gap:9px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);padding:20px 0 0;margin-top:25px;font-size:11px;text-align:left}.line-settings svg{width:16px;height:16px}.line-settings svg:last-child{margin-left:auto}.phone-side{display:grid;gap:20px;min-width:0}.quick-contacts>.search-field{margin:0 24px 14px;min-width:0;max-width:none}.quick-contact{width:100%;display:flex;align-items:center;gap:13px;border:0;border-top:1px solid var(--line);padding:18px 24px;text-align:left;background:var(--card)}.quick-contact:hover,.quick-contact[aria-pressed=true]{background:var(--soft)}.quick-contact>span:nth-child(2){flex:1;min-width:0}.quick-contact strong,.quick-contact small{display:block}.quick-contact strong{font-size:12px}.quick-contact small{color:var(--muted);font-size:10px}.quick-contact .contact-number{font-size:11px;color:var(--muted)}.quick-contact>svg{width:16px;color:var(--muted)}.context-empty{display:flex;gap:16px;padding:25px;align-items:flex-start}.context-empty h3{font-size:14px;font-weight:500}.context-empty p{font-size:12px;color:var(--muted);margin-top:8px}.context-body{padding:0 24px 24px}.context-body>.eyebrow{font-size:9px}.context-body>p{font-size:12px;margin:12px 0 24px;color:var(--muted)}.context-body>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.context-body>div>span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.context-body>div>span svg{width:15px}.setup-feature{text-align:center;padding:6px 5px 24px}.setup-feature>svg{width:38px;height:38px;color:var(--accent);margin:10px 0 20px}.setup-feature h3{font-size:19px}.setup-feature p{font-size:12px;color:var(--muted);margin-top:12px}.comm-empty{padding:24px;font-size:12px;color:var(--muted);text-align:center}
.wa-connection{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(110deg,var(--soft),var(--card));margin-bottom:24px}.wa-brand-icon{width:43px;height:43px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;color:var(--success);background:var(--success-soft)}.wa-brand-icon svg{width:24px;height:24px}.wa-connection>div{flex:1}.wa-connection strong{font-size:13px}.wa-connection p{font-size:11px;color:var(--muted);margin-top:3px}.connection-status{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);white-space:nowrap}.connection-status svg{width:13px;height:13px}.wa-connection .text-link{font-size:11px;background:transparent;border:0;padding:8px;color:var(--accent);gap:8px}.wa-workspace{display:grid;grid-template-columns:270px minmax(0,1fr) 230px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden;height:700px;min-height:600px}.wa-workspace>*{min-width:0;min-height:0}.wa-inbox{border-right:1px solid var(--line);display:flex;flex-direction:column}.wa-inbox-head{padding:22px 16px 16px}.wa-inbox-head>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:19px}.wa-inbox h2{font-size:17px;letter-spacing:-.035em;font-weight:600}.wa-inbox-head .badge{font-size:8px}.wa-inbox-head .search-field{min-width:0;max-width:none}.wa-inbox-head input{min-width:0}.wa-filters{display:flex;gap:4px;margin-top:15px}.wa-filters button{font-size:10px;padding:7px 10px;min-height:35px;white-space:nowrap;border:0;background:transparent;border-radius:8px;color:var(--muted)}.wa-filters button[aria-pressed=true]{color:var(--accent);background:var(--soft)}#chat-list{overflow-y:auto;flex:1}.wa-chat-item{display:flex;gap:11px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);border-left:2px solid transparent;background:var(--card);text-align:left;padding:17px 14px}.wa-chat-item:hover{background:var(--field)}.wa-chat-item[aria-pressed=true]{border-left-color:var(--accent);background:var(--soft)}.wa-chat-item .avatar{width:34px;height:34px}.chat-item-body{flex:1;min-width:0}.chat-item-body>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-item-body>span+span{margin-top:5px}.chat-item-body strong{font-size:12px;font-weight:600}.chat-item-body small{font-size:9px;color:var(--muted);white-space:nowrap}.chat-preview{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count{display:grid;place-items:center;min-width:17px;height:17px;background:var(--action);color:var(--action-text);border-radius:50%;font-size:8px;font-weight:500;flex-shrink:0}.wa-inbox-bottom{padding:16px 13px;display:flex;gap:6px;align-items:center;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.wa-inbox-bottom svg{width:12px;height:12px}.wa-conversation{display:flex;flex-direction:column}.wa-conversation-head{display:flex;align-items:center;gap:11px;padding:20px;border-bottom:1px solid var(--line)}.wa-conversation-head h2{font-size:15px;font-weight:600;letter-spacing:-.025em}.wa-conversation-head p{font-size:10px;color:var(--muted);margin-top:4px}.wa-conversation-head>div{flex:1;min-width:0}.wa-conversation-head>.icon-button{width:35px;height:35px;border-color:transparent}.wa-sample-label{background:var(--field);display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted);padding:9px 12px;text-align:center}.wa-sample-label svg{width:12px;height:12px}.wa-messages{display:flex;flex-direction:column;gap:17px;overflow-y:auto;flex:1;padding:18px 23px 28px;background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0/23px 23px,var(--canvas)}.chat-day{align-self:center;background:var(--card);border:1px solid var(--line);border-radius:8px;font-size:9px;color:var(--muted);padding:5px 10px;margin-bottom:7px}.chat-bubble{max-width:87%;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);align-self:flex-start}.chat-bubble p{font-size:12px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap}.chat-bubble small{display:block;text-align:right;font-size:8px;color:var(--muted);margin-top:6px}.chat-bubble.incoming{border-top-left-radius:3px}.chat-bubble.outgoing{background:var(--soft);border-color:var(--soft);align-self:flex-end;border-top-right-radius:3px}.wa-composer{padding:13px 17px 15px;border-top:1px solid var(--line);position:relative}.quick-replies{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:10px}.quick-replies button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:9px;padding:4px 0;min-height:28px}.quick-replies svg{width:13px;height:13px}.quick-replies button:hover{color:var(--accent)}#chat-form{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--field);padding:8px}#chat-message{border:0;background:transparent;resize:none;min-width:0;flex:1;font-size:12px;line-height:1.6;padding:3px 5px;max-height:100px}#chat-form .send-message{border-radius:10px;background:var(--action);border:0;color:var(--action-text);width:37px;height:37px;min-width:37px}.wa-composer>small{display:block;text-align:center;font-size:8px;color:var(--muted);margin-top:8px}.reply-options{position:absolute;bottom:calc(100% - 10px);left:16px;right:16px;z-index:2;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow);padding:7px}.reply-options button{display:block;text-align:left;width:100%;padding:12px;border:0;background:transparent;border-radius:7px;font-size:11px}.reply-options button:hover{background:var(--soft)}.wa-person{border-left:1px solid var(--line);overflow-y:auto}.wa-person-summary{text-align:center;padding:26px 15px 22px;border-bottom:1px solid var(--line)}.wa-person-summary>.avatar{width:56px;height:56px;border-radius:17px;font-size:17px;margin-bottom:13px}.wa-person-summary h3{font-size:14px}.wa-person-summary p{font-size:10px;color:var(--muted);margin:3px 0 12px}.wa-person-summary .badge{font-size:9px}.wa-person-body{padding:5px 18px 24px}.wa-person-body>label{display:block;font-size:10px;color:var(--muted);margin:20px 0 7px}.wa-person-body>p{font-size:11px}.wa-person-body .status-select{width:100%;font-size:10px;padding:9px}.wa-person-body textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--field);border-radius:9px;padding:10px;font-size:11px;line-height:1.8;min-height:100px}.wa-person-body .button{width:100%;font-size:10px;margin-top:10px;min-height:37px;padding:9px;gap:8px}.wa-person-body>.text-link{font-size:10px;color:var(--muted);margin-top:22px}.mobile-chat-back{display:none}.qr-unavailable{padding:28px 22px;background:var(--field);border:1px solid var(--line);border-radius:15px;text-align:center}.qr-unavailable>svg{width:51px;height:51px;color:var(--accent);margin-bottom:14px}.qr-unavailable strong{display:block;font-size:16px}.qr-unavailable p{color:var(--muted);font-size:12px;line-height:1.8;margin:10px auto 16px;max-width:300px}.connection-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:20px}.connection-steps li{display:flex;gap:13px;align-items:flex-start}.connection-steps b{display:grid;place-items:center;flex-shrink:0;font-size:10px;font-weight:500;background:var(--soft);color:var(--accent);border-radius:8px;width:27px;height:27px}.connection-steps strong{font-size:12px;font-weight:600}.connection-steps p{font-size:11px;color:var(--muted);margin-top:4px}.connection-explainer{font-size:10px;color:var(--muted);margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:1350px){.wa-workspace{grid-template-columns:250px minmax(0,1fr)}.wa-person{display:none}.wa-connection .connection-status{display:none}.phone-layout{grid-template-columns:330px minmax(0,1fr)}.quick-contact .contact-number{display:none}}
@media(max-width:1050px){.phone-layout{grid-template-columns:1fr}.phone-dialer{max-width:430px;width:100%;margin:auto}.phone-side{grid-template-columns:1fr}.wa-workspace{grid-template-columns:220px minmax(0,1fr)}.wa-inbox-head{padding:18px 11px 13px}.wa-filters button{padding:7px}.wa-inbox-head>div:first-child{flex-wrap:wrap}.wa-connection .text-link{display:none}}
@media(max-width:600px){.wa-connection{padding:16px;gap:12px;margin-bottom:18px}.wa-connection strong{font-size:12px}.wa-connection p{font-size:10px}.wa-brand-icon{width:38px;height:38px}.wa-workspace{height:680px;min-height:550px;grid-template-columns:minmax(0,1fr)}.wa-inbox{border:0}.wa-conversation{display:none}.wa-workspace.chat-open .wa-inbox{display:none}.wa-workspace.chat-open .wa-conversation{display:flex}.wa-inbox-head{padding:20px 16px 15px}.wa-inbox-head>div:first-child{flex-wrap:nowrap}.wa-chat-item{padding:19px 16px}.wa-chat-item strong{font-size:13px}.chat-preview{font-size:12px}.wa-chat-item .avatar{width:40px;height:40px}.wa-filters button{font-size:11px;padding:8px 11px}.mobile-chat-back{display:inline-flex!important;border:0;width:30px!important;min-width:30px!important;height:36px!important;padding:5px}.wa-conversation-head{padding:15px 11px;gap:9px}.wa-conversation-head>.avatar{width:31px;height:31px;font-size:10px}.wa-conversation-head h2{font-size:13px}.wa-conversation-head p{font-size:9px}.wa-messages{padding:18px 14px}.chat-bubble{max-width:94%;padding:12px 13px}.wa-sample-label{font-size:8px;padding:9px 11px}.wa-composer{padding:12px}.quick-replies button{font-size:9px;min-height:34px}.phone-dialer{padding:22px}.phone-keys button{min-height:61px}.quick-contact{padding:16px}.quick-contacts>.search-field{margin-left:16px;margin-right:16px}.context-body{padding:0 17px 20px}.context-body>div{flex-wrap:wrap}.context-empty{padding:20px}.phone-layout{gap:18px}.phone-demo-note{font-size:9px}}
/* Details and interaction */
dialog{color:var(--fg);background:var(--card);border:1px solid var(--line);padding:0;box-shadow:0 20px 90px #0003;max-height:calc(100dvh - 40px);overflow-y:auto}dialog::backdrop{background:#0d191f55;backdrop-filter:blur(5px)}.detail-dialog{width:490px;max-width:calc(100% - 28px);border-radius:17px}.dialog-header{padding:25px 26px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-header h2{font-size:23px;margin-top:8px}.dialog-header .eyebrow{font-size:8px}.dialog-header .icon-button{width:34px;height:34px;min-width:34px}.dialog-header .icon-button svg{width:16px;height:16px}.detail-content{padding:24px 26px 27px}.detail-person{display:flex;align-items:center;gap:13px;margin-bottom:24px}.detail-person>.avatar{width:48px;height:48px;font-size:15px;border-radius:14px}.detail-person h3{font-size:16px}.detail-person p{font-size:11px;color:var(--muted)}.detail-person .badge{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 23px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.detail-grid strong{font-size:11px;font-weight:500}.detail-label{font-size:11px;font-weight:500;display:block;margin:24px 0 9px}.detail-content textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--field);font-size:11px;line-height:1.8;min-height:110px;resize:vertical}.detail-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.detail-disclaimer{font-size:9px;color:var(--muted);margin-top:14px}.modal-timeline{list-style:none;padding:0;margin:0}.modal-timeline li{padding:13px 0;border-bottom:1px solid var(--line)}.modal-timeline strong{display:block;font-size:11px;font-weight:500}.modal-timeline small{font-size:9px;color:var(--muted)}.call-dialog{width:365px;max-width:calc(100% - 28px);border-radius:20px}.call-dialog .dialog-header{padding:16px 18px;border-bottom:0}.call-dialog .dialog-header .badge{font-size:9px}.call-content{text-align:center;padding:0 28px 26px}.dial-avatar{width:64px;height:64px;border-radius:50%;font-size:19px;margin:12px auto 14px}.call-content h2{font-size:24px;margin-bottom:6px}.call-content>p{font-size:11px;color:var(--muted)}.call-phase{color:var(--accent)!important;margin:16px 0;min-height:22px;font-size:13px!important;font-variant-numeric:tabular-nums}.dial-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.dial-keypad button{height:46px;border:1px solid var(--line);background:var(--field);border-radius:9px;font-size:19px}.dial-number{width:100%;border:1px solid var(--line);background:var(--field);border-radius:9px;padding:12px;font-size:16px;letter-spacing:.08em;text-align:center;margin-top:18px}.call-action-row{display:flex;justify-content:center;gap:17px;margin:23px 0}.call-action-row button{display:grid;justify-items:center;gap:6px;background:transparent;border:0;font-size:9px;color:var(--muted);padding:5px;min-width:58px}.call-action-row .action-circle{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;background:var(--field)}.call-action-row [aria-pressed=true] .action-circle{background:var(--soft);color:var(--accent);border-color:var(--accent)}.call-action-row .hangup .action-circle{background:#df505b;color:#fff;border-color:#df505b}.call-content>.button{width:100%;min-height:43px;font-size:11px}.call-content>small{display:block;margin:17px 0 0;font-size:9px;color:var(--muted)}.call-content label{display:block;text-align:left;font-size:10px;color:var(--muted);margin:15px 0 7px}.call-content textarea{width:100%;background:var(--field);border:1px solid var(--line);border-radius:9px;font-size:11px;min-height:90px;padding:12px;resize:vertical}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:300;background:var(--fg);color:var(--bg);padding:13px 20px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;max-width:calc(100% - 30px);text-align:center}.toast:before{content:'✓';margin-right:9px}#sidebar-close,#sidebar-open{display:none}.sidebar-scrim{position:fixed;inset:0;z-index:45;background:#101a2555;backdrop-filter:blur(2px)}
/* Theme control keeps KING's familiar icon menu. */
.site-header .king-theme-picker>summary,.app-header .king-theme-picker>summary{width:38px;height:38px;padding:9px;font-size:0;gap:0;border-color:var(--line);background:var(--card)}.app-header .king-theme-picker>summary{border-color:transparent;background:transparent;width:35px;height:35px}.king-theme-picker .king-theme-menu button:focus-visible{outline-color:var(--accent)}.king-theme-picker .king-theme-menu button[aria-pressed=true]{background:var(--soft)!important;color:var(--accent)!important}
@media(min-width:1550px){.workspace-main{padding:40px 48px}.dashboard-grid,.dashboard-bottom{grid-template-columns:minmax(0,1fr) 330px}.app-header{padding:0 48px}.graph-bars,.graph-axis{height:200px}.metric-band{padding:26px 0}}
@media(max-width:1200px){.site-header-inner{gap:22px;padding-left:28px;padding-right:28px}.landing-nav{gap:22px}.hero{gap:35px;padding-top:70px;padding-bottom:75px}.hero-copy h1{font-size:50px}.hero-copy>p{font-size:14px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:12px}.mini-workspace{padding:22px 16px}.mini-heading h2{font-size:18px}.solution-inner,.workflow{gap:65px}.workspace-main{padding:27px}.app-header{padding:0 27px}.sidebar{width:218px;padding-left:12px;padding-right:12px}.workspace-body{margin-left:218px}.dashboard-grid,.dashboard-bottom{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.metric-block{padding:0 18px}.metric-label{font-size:9px}.data-table td,.data-table th{padding-left:13px;padding-right:13px}.team-cards{gap:15px}.agent-card{padding:20px}.kanban-grid{gap:11px}.kanban-column{padding:10px}.lead-card{padding:12px}.lead-card .lead-value{font-size:18px}}
@media(max-width:1000px){.hero{gap:27px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:13px}.hero-actions .button{padding:12px 17px;font-size:12px}.mini-sidebar{width:43px;padding:19px 9px}.mini-workspace{padding:20px 13px}.mini-heading .badge{display:none}.mini-metrics{gap:9px}.mini-metrics>div{padding:12px 10px}.mini-metrics strong{font-size:25px}.floating-call{right:-6px;padding:13px 16px}.platform-strip{gap:16px}.platform-strip>span{font-size:10px;gap:7px}.feature-bento{grid-template-columns:1fr 1fr}.feature-main{grid-row:span 2}.feature-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:40px 1fr 1.3fr;gap:17px;align-items:center}.feature-card:last-child h3{margin:0}.section-head h2{font-size:36px}.section-head>p{max-width:290px}.solution-inner,.workflow{gap:45px}.solution-copy h2,.workflow h2{font-size:34px}.solution-preview{padding:22px}.sidebar{width:205px}.workspace-body{margin-left:205px}.workspace-main{padding:23px}.app-header{padding:0 23px}.breadcrumbs{gap:8px}.app-header-tools{gap:10px}.demo-pill{font-size:8px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.team-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.team-person:nth-last-child(2){border-bottom:0}.dashboard-bottom{margin-top:18px}.metric-block{padding:0 14px}.metric-number{font-size:27px}.metric-label>.icon{display:none}.date-pill{display:none}.kanban-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.view-heading h1{font-size:27px}}
@media(max-width:760px){.container{padding-left:24px;padding-right:24px}.site-header-inner{min-height:76px;padding:15px 24px;gap:13px}.site-header .brand{font-size:17px;gap:6px}.site-header .brand-mark{width:28px;height:28px}.site-header-actions{gap:9px}.site-header .button{min-height:42px;font-size:11px;padding:8px 13px}.mobile-menu-button{display:flex;width:40px;height:40px;min-width:40px}.site-header .landing-nav{display:none;position:absolute;left:24px;right:24px;top:calc(100% + 8px);border:1px solid var(--line);background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:8px;gap:2px}.site-header[data-menu=open] .landing-nav{display:grid}.landing-nav a{padding:13px;font-size:13px;border-radius:7px;color:var(--fg)}.landing-nav a:hover{background:var(--soft)}.hero{grid-template-columns:1fr;gap:30px;padding-top:61px;padding-bottom:55px;max-width:600px}.hero-copy h1{font-size:53px}.hero-copy>p{font-size:14px;max-width:420px}.hero-actions{margin-bottom:29px}.hero-footnote{font-size:10px}.hero-product{max-width:520px;width:100%;margin:0 auto}.mini-workspace{padding:24px 20px}.mini-sidebar{width:48px;padding:21px 10px}.mini-heading h2{font-size:21px}.mini-heading .badge{display:inline-flex}.mini-metrics>div{padding:15px}.mini-metrics strong{font-size:30px}.mini-chart .chart-bars{height:105px}.floating-call{right:0}.platform-strip{display:grid;grid-template-columns:1fr 1fr;padding-top:25px;padding-bottom:25px;row-gap:22px;max-width:600px}.platform-strip>p{grid-column:1/-1;line-height:1.7}.platform-strip>p br{display:none}.platform-strip>p strong{margin-left:5px}.platform-strip>span{font-size:11px}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:36px}.section-head>p{max-width:450px;margin-top:18px;font-size:13px}.feature-card{padding:23px}.feature-main{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.feature-main .feature-icon{grid-column:1}.feature-main h3{grid-column:1;margin-top:17px}.feature-main>p{grid-column:1}.customer-snippet{grid-column:2;grid-row:1/span 3;margin-top:30px;padding:17px 13px}.customer-snippet .badge{display:none}.feature-main h3{font-size:25px}.feature-card:last-child{display:block;grid-column:auto}.feature-card:last-child h3{margin:16px 0 10px}.feature-card h3{font-size:17px}.solution-section{padding:58px 0}.solution-inner,.workflow{grid-template-columns:1fr;gap:35px}.solution-copy h2,.workflow h2{font-size:35px}.solution-copy>p{max-width:400px}.solution-tabs{grid-template-columns:1fr 1fr 1fr;gap:6px}.solution-tabs button{padding:11px 9px;justify-content:center;font-size:10px;gap:8px}.solution-tabs button>.icon{width:16px}.solution-tabs button>.icon:last-child{display:none}.solution-preview{min-height:330px;padding:24px}.closing-card{padding:45px 22px;margin-bottom:53px}.closing-card h2{font-size:35px}.closing-card .eyebrow{font-size:8px}.closing-card .text-link{display:flex;justify-content:center;margin:20px 0 0}.closing-card small{max-width:290px;margin-left:auto;margin-right:auto}.site-footer{flex-wrap:wrap;gap:18px}.site-footer>div{width:100%}.site-footer>span{font-size:10px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;max-width:85vw;padding:22px 15px 17px;box-shadow:var(--shadow)}body[data-sidebar=open] .sidebar{transform:translateX(0)}#sidebar-close,#sidebar-open{display:inline-flex}#sidebar-close{margin-left:auto;width:30px;min-width:30px;height:30px;padding:7px}#sidebar-open{min-width:40px;height:40px;border-color:var(--line)}.sidebar-brand{padding-bottom:22px}.workspace-body{margin-left:0}.app-header{height:70px;padding:0 20px;gap:12px}.breadcrumbs{margin-right:auto}.breadcrumbs>span,.breadcrumbs>svg{display:none}.breadcrumbs strong{font-size:11px}.app-header-tools{gap:6px}.app-header .demo-pill{display:none}.app-header .small-avatar{margin-left:5px;width:28px;height:28px;font-size:9px}.workspace-main{padding:25px 20px}.view-heading h1{font-size:27px}.view-heading p{font-size:11px;max-width:310px}.view-heading{gap:12px;align-items:flex-start}.view-heading .eyebrow{font-size:8px}.heading-actions{padding-top:3px}.heading-actions .button{font-size:10px;padding:9px 11px;white-space:normal;max-width:150px}.metric-label{font-size:10px}.metric-label>.icon{display:inline-block}.metric-number{font-size:29px}.app-footer{padding:3px 20px 20px;flex-wrap:wrap;gap:5px;font-size:8px}.workspace .icon-button{min-width:40px;height:40px}.data-table .icon-button{min-width:36px;height:36px}.notification-popover{right:-33px;max-width:calc(100vw - 28px)}.toolbar{flex-wrap:wrap;gap:10px;padding:16px}.search-field{max-width:none;min-width:200px}.filter-select{max-width:none;min-height:40px}.metric-band{padding:18px 0}.metric-block{padding:0 14px}.graph-bars{gap:8px}.toolbar .filter-count{margin-left:auto}.workspace .segmented button{min-height:34px}.app-nav>a{min-height:46px;font-size:12px}.demo-note p{font-size:10px}.profile-button strong{font-size:11px}.call-dialog .icon-button,.detail-dialog .icon-button{min-width:40px;height:40px}}
@media(max-width:480px){.site-header-inner{padding:14px 18px;gap:8px;flex-wrap:wrap}.site-header .brand{font-size:16px;gap:5px}.site-header .brand-mark{width:27px;height:27px}.site-header-actions{gap:7px}.site-header .button{font-size:10px;padding:8px 11px;gap:6px}.site-header .button .icon{width:13px}.site-header .king-theme-picker>summary{width:35px;height:35px;padding:8px}.site-header .mobile-menu-button{width:35px;min-width:35px;height:35px;padding:8px}.site-header .landing-nav{left:18px;right:18px}.container{padding-left:22px;padding-right:22px}.hero{padding-top:46px;gap:25px}.hero-copy h1{font-size:44px;letter-spacing:-.05em;margin:22px 0}.hero-copy .eyebrow{font-size:8px}.hero-copy>p{font-size:13px}.hero-actions{gap:19px}.hero-actions .button{font-size:11px;padding:12px 18px}.hero-actions .text-link{font-size:11px}.mini-heading h2{font-size:19px}.mini-workspace{padding:22px 12px 23px}.mini-sidebar{width:39px;padding:20px 7px;gap:19px}.mini-heading .badge{display:none}.mini-metrics{gap:9px}.mini-metrics>div{padding:12px 9px}.mini-metrics span{font-size:8px}.mini-metrics strong{font-size:24px;gap:7px}.mini-metrics small{font-size:7px}.window-top{padding:0 12px;gap:14px;height:37px;font-size:8px}.window-top .preview-label{font-size:7px}.mini-chart{padding:12px}.mini-chart .chart-bars{gap:9px;height:83px}.mini-person{gap:7px}.mini-person strong{font-size:8px}.mini-person small{font-size:7px}.mini-person .badge{font-size:6px;padding:4px}.floating-call{padding:12px 14px;gap:10px;right:-2px;bottom:30px}.floating-call strong{font-size:10px}.floating-call small{font-size:6px}.sound-wave{margin-left:2px}.call-symbol{width:33px;height:33px;border-radius:10px}.preview-caption{font-size:8px}.platform-strip>span{font-size:10px;gap:7px}.platform-strip svg{width:16px}.feature-bento{grid-template-columns:1fr}.feature-card,.feature-main{display:block;grid-column:auto;padding:25px}.feature-main h3{font-size:28px}.feature-main p{max-width:none}.customer-snippet{margin-top:25px;padding:20px}.customer-snippet .badge{display:inline-flex;max-width:none;font-size:8px}.customer-snippet strong{font-size:11px}.customer-snippet small{font-size:9px}.feature-card h3{font-size:19px}.feature-card p{font-size:12px}.section-head h2{font-size:34px}.solution-tabs{grid-template-columns:1fr}.solution-tabs button{justify-content:flex-start;font-size:12px;min-height:49px;padding:12px 14px}.solution-tabs button>.icon:last-child{display:inline-block;margin-left:auto}.solution-preview{padding:21px}.solution-lead{padding:14px;gap:9px}.solution-lead .badge{font-size:8px}.solution-lead strong{font-size:10px}.solution-lead small{font-size:9px}.solution-preview h3{font-size:20px}.workflow-steps li{gap:19px}.workflow-steps h3{font-size:14px}.closing-card h2{font-size:31px}.closing-card>p{font-size:12px}.closing-card .eyebrow{font-size:7px;line-height:1.8;letter-spacing:.1em}.site-footer .brand{font-size:16px}.site-footer>span{font-size:9px}.workspace-main{padding:24px 16px}.app-header{padding:0 14px;gap:10px}.app-header-tools{gap:3px}.app-header-tools .small-avatar{display:none}.breadcrumbs strong{font-size:10px}.view-heading h1{font-size:25px}.view-heading p{font-size:10px;max-width:250px}.view-heading{flex-wrap:wrap;gap:17px;margin-bottom:20px}.heading-actions{width:100%;justify-content:flex-start;padding-top:0}.heading-actions .button{max-width:none}.metric-band{grid-template-columns:1fr 1fr;padding:0}.metric-block{padding:18px}.metric-block:nth-child(2){border-right:0}.metric-block:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-block:nth-child(3){border-right:1px solid var(--line)}.metric-number{font-size:28px;margin-top:10px}.metric-context{font-size:8px}.metric-label{font-size:9px}.metric-label svg{width:14px;height:14px}.panel-heading{padding:18px 16px 15px}.panel-heading h2{font-size:13px}.trend-chart{padding:4px 15px 20px}.panel-heading>a{font-size:9px}.segmented button{padding:5px 8px;font-size:8px}.chart-legend{font-size:8px;margin-left:26px;gap:10px}.graph-bars{gap:6px;padding:0 4px}.graph-labels{font-size:7px}.team-list{grid-template-columns:1fr;padding:0 16px}.team-person:nth-last-child(2){border-bottom:1px solid var(--line)}.team-person strong{font-size:11px}.team-person small{font-size:10px}.team-person{padding:14px 0}.team-footer{padding:12px 16px}.activity-list{padding:0 18px 17px}.queue-stats{gap:9px}.queue-stat{padding:14px 11px}.queue-stat p{font-size:8px}.queue-stat .metric-number{font-size:23px;margin:9px 0 4px}.queue-stat .metric-label .icon{display:none}.team-cards{grid-template-columns:1fr}.agent-card{padding:24px}.kanban-grid{grid-template-columns:1fr;gap:19px}.kanban-column{padding:15px}.lead-card{padding:17px}.lead-card h3{font-size:13px}.lead-card .lead-value{font-size:22px}.lead-card-footer button{min-height:34px;font-size:10px}.info-banner{align-items:flex-start;font-size:10px;padding:14px}.info-banner>svg{margin-top:2px}.detail-content{padding:22px}.dialog-header{padding:21px 22px 18px}.detail-grid{gap:18px}.detail-grid strong{font-size:10px}.detail-person .badge{font-size:8px}.detail-actions{flex-wrap:wrap}.detail-actions .button{flex:1}.notification-popover{right:-4px;width:290px}.data-table th,.data-table td{padding-left:15px;padding-right:15px}.toolbar .filter-select{width:100%}.search-field{min-width:100%}.toolbar .filter-count{margin-left:0}.toolbar>label{width:100%}}
@media(max-width:359px){.site-header .brand>span{display:none}.site-header-inner{padding-left:15px;padding-right:15px}.hero-copy h1{font-size:39px}.mini-metrics span{font-size:7px}.mini-metrics strong{font-size:21px}.mini-person .badge{display:none}.platform-strip>span{font-size:9px}.platform-strip{column-gap:10px}.breadcrumbs strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-tools .icon-button,.app-header .king-theme-picker>summary{min-width:32px;width:32px;height:32px}.metric-block{padding:15px}.metric-label{font-size:8px}.metric-label>.icon{width:12px;height:12px}.solution-lead .badge{display:none}}
/* Allow nested scrollable tables to fit narrow flex and grid columns. */
.workspace-body,.workspace-main,.hero-copy,.hero-product{min-width:0}.table-scroll{position:relative;min-width:0;max-width:100%}
/* Readable everyday controls; compact typography is reserved for chart labels. */
.app-nav>a{font-size:12px}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:10px}.profile-button strong{font-size:11px}.profile-button small{font-size:10px}.view-heading p{font-size:12px}.metric-label{font-size:11px}.metric-context{font-size:10px}.panel-heading p{font-size:11px}.data-table{font-size:12px}.data-table th{font-size:10px}.person-cell strong,.row-link{font-size:12px}.person-cell small{font-size:10px}.workspace .badge{font-size:10px}.team-person strong{font-size:12px}.team-person small{font-size:10px}.activity-list strong{font-size:11px}.activity-list p{font-size:10px}.workspace .button{font-size:11px}.detail-grid strong{font-size:12px}.detail-grid small,.detail-disclaimer{font-size:10px}.detail-content textarea,.detail-content .status-select{font-size:12px}.detail-label{font-size:12px}.search-field input{font-size:12px}.filter-select{font-size:11px}.breadcrumbs{font-size:11px}.panel-footnote{font-size:10px}.demo-note p{font-size:10px}.team-footer{font-size:10px}.lead-card h3{font-size:13px}.lead-card>p{font-size:11px}.lead-card-footer button{font-size:11px}.agent-card>p{font-size:11px}.notification-popover p strong{font-size:12px}.notification-popover p small{font-size:11px}
@media(max-width:760px){.hero-glow{inset:-25px 0 0}.app-header .icon-button,.app-header .king-theme-picker>summary{width:40px;height:40px;min-width:40px}.workspace .button{min-height:44px}.data-table .icon-button{min-width:40px;height:40px}.workspace .segmented button{min-height:40px}.hero-product{isolation:isolate}}
@media(max-width:480px){.metric-label{font-size:10px}.metric-context{font-size:9px}.view-heading p{font-size:11px}.panel-heading p{font-size:10px}.panel-heading{align-items:flex-start}.sidebar .app-nav>a{font-size:12px}.app-header-tools{gap:0}.breadcrumbs strong{font-size:11px}.graph-labels{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}