/* Shared product language: public pages and private workspaces. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
:root{--product-bg:#0b171d;--product-surface:#11242a;--product-raised:#183036;--product-line:#a4d0be26;--product-text:#e4f2ed;--product-muted:#a2b6ae;--product-accent:#77dfb2;--product-radius:20px}

body{font-family:Outfit,system-ui,sans-serif}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #42b996;outline-offset:4px}
button:disabled{cursor:wait}
img,svg{max-width:100%}
h1,h2,h3{text-wrap:balance}
p{overflow-wrap:anywhere}
a,button{transition:background-color .16s,color .16s,border-color .16s}
.skip-link{position:fixed;left:20px;top:-70px;z-index:10000;background:#77dfb2;color:#0b171d;padding:12px 20px;border-radius:12px}
.skip-link:focus{top:12px}

body:not(.product-workspace):not(.agent-console):not(.widget){background:#faf9f6;color:#162622}
body:not(.product-workspace):not(.agent-console) .nav{background:#faf9f6ed;backdrop-filter:blur(18px);border-color:#193e2814}
.nav .nav-inner{min-height:76px}
.nav-links a{font-size:14px}
.nav .brand .name{letter-spacing:-.04em}
.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.btn-lg{min-height:50px}
.page-head{padding-top:72px}
.page-head h1{letter-spacing:-.045em}
.card{border-radius:var(--product-radius)}
.card-agent{transition:border-color .2s,box-shadow .2s}
.card-agent:hover{border-color:#29826055;box-shadow:0 12px 32px #163d2509}
.sec{padding-block:72px}
.section-head p,.lead{line-height:1.75}
.feature p{line-height:1.75}
.auth-shell{min-height:calc(100dvh - 76px);background:radial-gradient(ellipse at 25% 20%,#77dfb222,transparent 50%),radial-gradient(ellipse at 85% 80%,#9b5cff10,transparent 45%)}
.auth-card{border-radius:28px;box-shadow:0 24px 80px #153d2210;border:1px solid #193e2817;padding:40px}
.auth-card input{min-height:48px}
.auth-card .sub{line-height:1.6}
.site{border-top:1px solid #193e2817}
.product-service-banner{padding:32px;border:1px solid #9b5cff38;background:linear-gradient(120deg,#f1f6ef,#f1edf8);border-radius:24px;display:flex;gap:28px;align-items:center;margin-top:28px}
.product-service-banner h3{margin:6px 0;font-size:25px}
.product-service-banner p{margin:8px 0;max-width:70ch;line-height:1.7}
.product-service-banner .btn{flex-shrink:0}
.product-kicker{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#586f62}

.product-workspace,.agent-console{color-scheme:dark;--ink:var(--product-text);--muted:var(--product-muted);--muted-2:#9eb3aa;--white:var(--product-surface);--bg:var(--product-bg);--bg-soft:var(--product-surface);--line:var(--product-line);--line-strong:#a4d0be55;--owner-accent:var(--product-accent);background:radial-gradient(ellipse at 100% 0,#6a459c15,transparent 55%),var(--product-bg);color:var(--product-text)}

.product-workspace .nav{background:#0b171df2;border-color:var(--line)}
.product-workspace .nav a,.product-workspace .nav .name{color:var(--ink)}
.product-workspace .page-head{padding:36px 0 18px}
.product-workspace .page-head h1{font-size:clamp(28px,3.3vw,42px)}
.product-workspace .btn,.product-workspace button{background:var(--product-raised);border:1px solid var(--line-strong);color:var(--ink);min-height:42px;border-radius:12px;padding:10px 16px;cursor:pointer}
.product-workspace button:hover{background:#23413f}
.product-workspace input:not([type=checkbox]),.product-workspace textarea,.product-workspace select{background:#0b1c22;color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;padding:12px;max-width:100%;font:inherit}
.product-workspace label{font-size:14px}
.product-workspace a{color:var(--product-accent)}
.product-workspace .muted,.product-workspace small,.product-workspace .owner-note{color:var(--muted)}

.console-bar{gap:20px}
.console-label{font-size:9px}
.console-exit{font-size:12px;min-height:40px}
.console-context{font-size:13px}
.agent-console .workspace-tabs{gap:7px;flex-wrap:wrap}
.agent-console .workspace-tabs a{font-size:13px;min-height:40px;padding:10px 14px;border-radius:10px}
.agent-console .workspace-back{font-size:13px;white-space:nowrap}
.agent-console .workspace-navigation{gap:20px;margin-bottom:24px;padding-bottom:18px}
.agent-console .panel-crumb{font-size:11px;margin-bottom:18px}
.agent-console .card,.agent-console .chart-box,.agent-console .stat{border-radius:20px}
.agent-console .stat .k{font-size:12px}
.agent-console .stat .d{font-size:12px}
.agent-console .chart-caption,.agent-console .chart-bas span{font-size:12px}
.agent-console .network-stage-top>span{font-size:11px;letter-spacing:.08em}
.agent-console .network-stage-bottom{font-size:12px}
.agent-console .network-fullscreen{font-size:12px;min-height:40px}
.agent-console .network-agent:focus-visible{outline-offset:8px}
.agent-console .chat-header{padding:20px 0}
.agent-console .chat-header h1{font-size:23px;letter-spacing:-.025em}
.agent-console .chat-person p{font-size:12px}
.agent-console .chat-details summary{font-size:13px;min-height:42px}
.agent-console .chat-details nav a,.agent-console .chat-details nav button{font-size:14px;padding:12px 16px}
.agent-console .chat-suggestions button{font-size:13px;line-height:1.5;min-height:42px}
.agent-console .chat-input-label,.agent-console .chat-speaker,.agent-console .chat-feedback{font-size:12px}
.agent-console .chat-composer{background:#13282d;border-color:#a4d0be38;box-shadow:0 14px 40px #0002}
.agent-console .chat-text{font-size:15px;line-height:1.8}
.agent-console .chat-attach{font-size:13px}
.agent-console .agent-conversation{min-height:560px;height:calc(100dvh - 120px)}
.agent-console .chat-details nav{z-index:20;box-shadow:0 16px 48px #0005}
.agent-console .chat-back{font-size:13px;color:var(--muted);display:inline-flex;margin-bottom:4px}

.product-workspace .desk{max-width:1240px;padding:24px 32px 64px}
.desk>.desk-header{border-bottom:1px solid var(--line);padding-bottom:20px;flex-wrap:wrap}
.desk-header .desk-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600;letter-spacing:.05em}
.desk-brand img{width:30px}
.desk-header .desk-session{display:flex;gap:10px;align-items:center;margin-left:auto}
.desk-session a{border:1px solid var(--line-strong);border-radius:12px;padding:8px 14px;font-size:13px;text-decoration:none}
.desk-heading{margin-top:32px}
.desk-heading h1{font-size:32px;margin:6px 0 10px;letter-spacing:-.03em}
.desk-heading p{font-size:14px;margin:0;max-width:75ch}
.product-workspace .desk>nav{margin:26px 0 22px;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px}
.product-workspace .desk>nav button{font-size:14px;background:transparent;border-color:transparent;color:var(--muted)}
.product-workspace .desk>nav button.active{background:#77dfb215;border-color:#77dfb24d;color:var(--product-accent)}
.product-workspace .desk>section,.product-workspace .card,.product-workspace .owner-card,.product-workspace .owner-box,.product-workspace .call-card{background:var(--product-surface);border:1px solid var(--line);border-radius:20px}
.product-workspace #content{padding:28px}
.product-workspace #content[data-view=chat]{max-width:1000px;margin:auto;background:transparent;border:0;padding:0}
.product-workspace #chatMessages{min-height:260px;max-height:50dvh;padding:16px 0}
.product-workspace .bubble{background:#173037;font-size:15px;line-height:1.8}
.product-workspace .bubble.user{background:#21473e;color:#e1f8ee}
.product-workspace #chatForm{padding:12px;border-radius:20px;background:var(--product-surface);border:1px solid var(--line-strong);align-items:flex-end}
.product-workspace #chatForm input{border:0;background:transparent;min-height:48px}
.product-workspace #chatForm button{background:var(--product-accent);color:#10221c}
.product-workspace .desk-suggestions{display:flex;gap:8px;flex-wrap:wrap}
.product-workspace .desk-suggestions button{font-size:13px;background:transparent}
.product-workspace .calendar-cell{background:#142a30;border-color:var(--line);border-radius:12px}
.product-workspace .calendar-cell.today{border-color:var(--product-accent)}
.product-workspace .calendar-cell.selected{background:#244c41;outline-color:var(--product-accent)}
.product-workspace .calendar-cell small{background:#31584b;color:var(--ink)}
.product-workspace .calendar-weekday{color:var(--muted);font-size:13px}
.product-workspace .appointment-row,.product-workspace details{border-color:var(--line)}
.product-workspace .desk-empty{border-color:var(--line-strong);color:var(--muted);padding:32px}
.product-workspace .owner-card strong{color:var(--product-accent);font-variant-numeric:tabular-nums}
.product-workspace .owner-note,.product-workspace .owner-card small{font-size:13px;line-height:1.7}
.product-workspace .owner-table th{background:var(--product-surface);color:#b1c9bd}
.product-workspace .owner-table td,.product-workspace .owner-table th{border-color:var(--line);padding:16px 14px}
.product-workspace .owner-table tr:hover td{background:#ffffff03}
.product-workspace .owner-tabs{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;border-color:var(--line)}
.owner-nav-group>span{display:block;margin:0 0 9px;color:var(--muted);font-size:12px}
.owner-nav-group>div{display:flex;gap:6px;flex-wrap:wrap}
.product-workspace .owner-tabs button{font-size:13px;padding:9px 12px;background:transparent;border-color:transparent;color:var(--muted)}
.product-workspace .owner-tabs button[aria-pressed=true]{background:#77dfb215;border-color:#77dfb24d;color:var(--product-accent)}
.product-workspace #ownerConsole .btn{background:var(--product-raised);color:var(--ink);border-color:var(--line-strong)}
.product-workspace .owner-form{gap:18px}
.product-workspace .owner-form>label{flex:1 1 220px}
.product-workspace .owner-links a{color:var(--product-accent);border-color:var(--line-strong);font-size:14px}
.product-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;background:#0b1c22;padding:18px;border-radius:12px}
.product-workspace #error:empty,.product-workspace #ownerError:empty{display:none}
.product-workspace #error:not(:empty),.product-workspace #ownerError:not(:empty){border:1px solid #ebad7255;background:#ebad7210;padding:14px;border-radius:12px;color:#ffd3a6}
.product-workspace .owner-bar{padding:18px;background:#11242a;border:1px solid var(--line);border-radius:16px}

@media(max-width:800px){.product-workspace .owner-tabs{grid-template-columns:1fr;gap:14px}
.product-workspace .desk{padding:18px}
.product-service-banner{flex-direction:column;align-items:flex-start}
.sec{padding-block:48px}
.page-head{padding-top:40px}
.product-workspace #content{padding:18px}
.agent-console .workspace-navigation{flex-direction:column;align-items:stretch}
.agent-console .workspace-tabs{overflow-x:auto}
.agent-console .agent-conversation{height:auto;min-height:calc(100dvh - 130px)}
.agent-console .chat-scroll{min-height:240px;max-height:55dvh}
.auth-card{padding:28px}
.desk-heading h1{font-size:28px}
}

@media(max-width:480px){.console-brand .console-label{display:none}
.console-bar{height:auto;min-height:70px;flex-wrap:wrap;padding-block:12px}
.console-session{gap:6px}
.console-exit{padding:8px;font-size:11px}
.product-workspace .desk-header .desk-session{margin-left:0;width:100%;justify-content:space-between}
.product-workspace .desk>nav{gap:3px}
.product-workspace .desk>nav button{padding:9px;font-size:13px}
.product-workspace .calendar-cell{min-height:72px;padding:5px}
.agent-console .chat-header h1{font-size:18px}
.agent-console .chat-header{gap:8px}
.agent-console .chat-avatar{width:36px;height:36px}
.agent-console .chat-details summary{padding:9px;font-size:12px}
.product-workspace #chatForm{gap:4px;padding:8px}
.product-workspace #chatForm input{font-size:16px}
.product-workspace .owner-cards{gap:8px}
.product-workspace .owner-card strong{font-size:22px}
.product-workspace .owner-card{font-size:13px}
.product-service-banner{padding:24px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


.product-workspace .calendar-cell{min-height:108px}
.product-workspace .product-kicker{color:#9eb3aa}
.product-workspace .desk-toolbar [aria-pressed=true]{background:#244c41;border-color:#77dfb2}
.product-workspace .nav-user .nav-menu{background:#11242a;color:#e4f2ed;border-color:#a4d0be26}
@media(max-width:600px){.product-workspace .calendar-cell{min-height:72px}
.product-workspace .calendar-cell small{font-size:10px}
.product-workspace .desk>section{padding:14px}
}


.owner-site-return{margin-left:auto;white-space:nowrap;font-size:13px;padding:10px}
.owner-workspace .nav-cta{margin-left:0}


.owner-entry[hidden]{display:none!important}.owner-entry{white-space:nowrap}.nav-cta .owner-entry{background:#d9f6e5;color:#183d2c;border-color:#90cbb0}@media(max-width:480px){.nav-cta{gap:6px}.nav-cta .btn{padding:8px 10px;font-size:12px}.console-session:has(.owner-entry:not([hidden])){flex-wrap:wrap;justify-content:flex-end}.console-bar:has(.owner-entry:not([hidden])){flex-wrap:wrap;height:auto;min-height:76px;padding-block:12px}}

.personal-active>.owner-bar,.personal-active>#ownerStats{display:none}.personal-head,.personal-toolbar,.personal-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.personal-head h2{margin:10px 0}.personal-toolbar{justify-content:flex-start;padding:16px 0;border-block:1px solid var(--line)}.personal-list{display:grid;gap:14px;margin-top:20px}.personal-item{padding:22px;border:1px solid var(--line);border-radius:16px;background:#0d1e24}.personal-unread{border-left:3px solid #77dfb2}.personal-meta{font-size:13px;color:var(--muted)}.personal-summary{font-size:16px;line-height:1.75;color:var(--ink)}.personal-feedback{color:#ffd3a6}.product-workspace .owner-tabs{grid-template-columns:1.2fr 1fr .6fr 1fr}@media(max-width:900px){.product-workspace .owner-tabs{grid-template-columns:1fr 1fr}}@media(max-width:600px){.product-workspace .owner-tabs{grid-template-columns:1fr}.personal-item{padding:16px}}

.product-workspace .owner-tabs{grid-template-columns:1.2fr 1fr 1fr}@media(max-width:800px){.product-workspace .owner-tabs{grid-template-columns:1fr}}