@import url("/assets/design-system.css?v=4f46785c02a4");
/* Kezenda: shared visual language for the product and public pages. */
:root {
  --ink:var(--ds-color-text); --text:var(--ds-color-text); --muted:var(--ds-color-text-secondary); --line:var(--ds-color-border);
  --border:var(--ds-color-border); --brand:var(--ds-color-action); --brand-dark:var(--ds-color-action-hover);
  --soft:var(--ds-color-surface-soft); --surface-soft:#edf5ff;
  --shell-sidebar:224px; --shell-text:var(--ds-color-text); --shell-muted:var(--ds-color-text-secondary);
  --shell-border:var(--ds-color-border); --shell-brand:var(--ds-color-action); --shell-brand-soft:#e7efff;
}
html { background:var(--ds-color-surface-soft); }
body { color:var(--ink); -webkit-font-smoothing:antialiased; }
body.app-body, .product-shell { background:radial-gradient(ellipse at 90% 0, #e2f3ff 0, transparent 45%),#f5f8ff; }
button, input, select, textarea { font:inherit; }
a, button, input, select, textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--ds-color-focus); outline-offset:3px; }
button:not(:disabled), a { touch-action:manipulation; }
.shell-sidebar { background:rgba(255,255,255,.8); padding:24px 14px 16px; border-right:1px solid rgba(212,230,233,.8); }
.shell-brand-row { flex-wrap:wrap; gap:10px; }
.shell-brand { gap:8px; padding:0 4px; }
.shell-brand-name { font-size:25px; letter-spacing:-1.2px; font-weight:800; }
.shell-brand-symbol { width:30px; height:34px; object-fit:contain; }
.shell-sidebar-header { border:0; padding-bottom:6px; }
.shell-clock { margin:12px 8px 0; font-size:10px; }
.shell-inbox-link { min-width:38px; min-height:30px; padding:4px 6px; background:#f0f8f8; border-color:#dcecee; }
.shell-brand-row .shell-brand { padding-left:4px; }
.shell-inbox-link.has-unread { background:#e7efff; color:var(--ds-color-action); border-color:#c4e9e7; }
.shell-context { gap:12px; margin:22px 0 26px; }
.shell-organization { padding-inline:10px; }
.shell-context-kicker { font-size:9px; letter-spacing:.1em; }
.shell-location { background:#f7fbfc; border-radius:12px; padding:11px; }
.shell-navigation { gap:28px; }
.shell-nav-heading { color:var(--ds-color-text-secondary); font-size:9px; letter-spacing:.1em; margin-bottom:8px; }
.shell-nav-group { gap:6px; }
.shell-nav-link { min-height:46px; padding:12px; gap:12px; border-radius:13px; font-size:13px; font-weight:550; color:#536e7d; }
.shell-nav-link:hover { background:#edf7f8; color:var(--ds-color-action-hover); }
.shell-nav-link[aria-current="page"] { color:var(--ds-color-action-hover); background:linear-gradient(110deg,#dfebff,#eafaff); font-weight:750; }
.shell-nav-icon,.shell-bottom-icon { display:inline-flex; width:21px; height:21px; flex-shrink:0; }
.shell-nav-icon svg,.shell-bottom-icon svg { width:100%; height:100%; }
.shell-account { padding-top:20px; margin-top:auto; }
.shell-avatar { color:var(--ds-color-action); background:#e3eeff; border-radius:12px; }
.shell-stage { padding:20px; }
.shell-stage > main { border:1px solid #e1edef; border-radius:24px; background:rgba(255,255,255,.92); box-shadow:0 12px 42px #124c6310; overflow:clip; }
.workspace-page { padding:36px; max-width:1240px; }
.page-head { margin-bottom:30px; }
h1 { color:var(--ds-color-text); letter-spacing:-.04em; }
.page-head h1 { font-size:34px; font-weight:750; }
.page-head p { line-height:1.6; }
.kicker,.eyebrow { color:#1761d9; }
.product-card, .connection-card, .integration-card, .automation-card { border-color:var(--ds-color-border); border-radius:18px; box-shadow:0 4px 18px #14495805; }
.product-card { padding:24px; }
.product-card h2 { font-size:18px; }
.button.primary, .stack-form > button, .chat-composer button[type="submit"] { background:var(--ds-color-action); box-shadow:0 4px 10px #075df518; }
.button,.secondary-button { border-radius:11px; }
.button.secondary,.secondary-button { border-color:#d7e7e9; color:#315965; background:#fff; }
input:not([type="checkbox"]):not([type="radio"]),select,textarea { border-color:#d6e6e9; border-radius:11px; }
.product-form input,.product-form select { background:#fbfdfd; }
.settings-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.settings-tile { display:block; position:relative; min-height:180px; padding:24px; border:1px solid #dfedef; border-radius:20px; color:var(--ink); text-decoration:none; background:linear-gradient(130deg,#fff,#f8fcfc); transition:box-shadow .16s,border-color .16s,transform .16s; }
.settings-tile:hover { border-color:#8cd3d6; box-shadow:0 10px 28px #00798410; transform:translateY(-2px); }
.settings-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:18px; border-radius:14px; color:var(--ds-color-action); background:#e3eeff; font-size:24px; }
.settings-tile:nth-child(2n) .settings-icon { color:#2374c6; background:#e8f2ff; }
.settings-tile h2 { margin:0 24px 8px 0; font-size:18px; letter-spacing:-.02em; }
.settings-tile p { margin:0; max-width:90%; color:var(--ds-color-text-secondary); font-size:13px; line-height:1.65; }
.settings-arrow { position:absolute; right:24px; top:26px; color:var(--ds-color-text-secondary); font-size:22px; }
.settings-detail-head { margin:0 0 26px; }
.settings-detail-head a { text-decoration:none; font-size:13px; font-weight:650; }
.settings-detail-head h2 { font-size:25px; letter-spacing:-.03em; margin:20px 0 0; }
.settings-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.settings-links a { display:grid; gap:10px; padding:24px; border:1px solid var(--line); border-radius:16px; color:var(--ink); text-decoration:none; background:#f8fcfc; }
.settings-links a:hover { border-color:#87cfd2; background:#effafa; }
.settings-links span { color:var(--muted); font-size:13px; line-height:1.5; }
.settings-forms { grid-template-columns:repeat(2,minmax(0,1fr)); }
/* Conversation panels remain independently scrollable. */
.product-shell .chats-shell { height:calc(100dvh - 42px); }
.chats-page .chats-shell { grid-template-columns:minmax(285px,340px) minmax(0,1fr); }
.chats-page .chat-list-pane { background:#fff; border-color:#e3eef0; }
.chats-page .pane-heading { padding:24px 20px 16px; }
.chats-page .pane-heading h1 { font-size:27px; margin-bottom:12px; }
.chats-page .inbox-search input { background:#f6fafb; }
.chats-page .inbox-queues button { border-radius:20px; border-color:#e1ecee; background:#fff; }
.chats-page .inbox-queues button[aria-pressed="true"] { color:#fff; background:var(--ds-color-action); border-color:var(--ds-color-action); }
.chats-page .chat-row { padding:16px 14px; margin-bottom:5px; border-radius:14px; }
.chats-page .chat-row.is-unread { background:#f2fbfa; }
.chats-page .chat-row.is-active { background:linear-gradient(110deg,#e4efff,#f0fafa); box-shadow:inset 3px 0 var(--ds-color-focus); }
.chats-page .chat-channel { color:var(--ds-color-action); }
.chats-page .conversation-header { padding:20px 24px 14px; background:#fff; border-color:#e3eef0; }
.chats-page .message-list { padding:24px; gap:14px; background:radial-gradient(ellipse at 90% 10%,#edf7ff,transparent 60%),#f8fbfc; }
.chats-page .message { border-color:#e1ecee; border-radius:17px 17px 17px 5px; padding:13px 16px; }
.chats-page .message-outbound { background:#e2f2ff; border-color:#cce4fb; border-radius:17px 17px 5px 17px; }
.chats-page .message-system { border-radius:20px; background:#eef4f5; }
.chats-page .chat-composer { padding:16px 22px; background:#fff; border-color:#e3eef0; }
.chats-page .chat-composer textarea { border-radius:14px; background:#f9fcfc; }
.chats-page .conversation-empty { background:radial-gradient(ellipse at center,#e6f2ff,transparent 68%),#fbfdfd; }
.contacts-view { padding:32px; }
.contacts-heading h1 { font-size:32px; }
.contact-list { border-color:#deebed; border-radius:16px; }
.chat-alert-settings-button { color:var(--ds-color-action); border-color:var(--ds-color-border); }
.account-page { background:radial-gradient(ellipse at 20% 10%,#e0efff,transparent 55%),radial-gradient(ellipse at 90% 90%,#e1f0fc,transparent 50%),#f7fbfc; }
.account-card { border-color:#deecee; box-shadow:0 24px 70px #0f5f7010; border-radius:24px; }
@media(min-width:821px) { .shell-sidebar .shell-brand-row { gap:8px; } .shell-sidebar .shell-inbox-link { margin-left:4px; } }
@media(min-width:821px) and (max-width:1100px) { :root { --shell-sidebar:200px; } .product-shell { grid-template-columns:200px minmax(0,1fr); } .shell-stage { padding:12px; } .chats-page .chats-shell { grid-template-columns:280px minmax(0,1fr); } .product-shell .chats-shell { height:calc(100dvh - 26px); } .workspace-page { padding:26px; } }
@media(max-width:820px) {
 .shell-stage { padding:0; } .shell-stage > main { border:0; border-radius:0; box-shadow:none; }
 .shell-mobile-header { background:#f9fdfd; border-color:var(--ds-color-border); }
 .shell-mobile-brand { font-size:20px; letter-spacing:-.7px; }
 .shell-sidebar { background:#fbfefe; padding-top:20px; }
 .shell-bottom-link { border-radius:12px; }
 .shell-bottom-link[aria-current="page"] { background:#e8f2ff; color:var(--ds-color-action-hover); }
 .product-shell .chats-shell { height:calc(100dvh - 54px - var(--shell-bottom) - env(safe-area-inset-bottom)); }
 .workspace-page { padding:26px 20px 40px; }
 .page-head h1 { font-size:29px; }
 .contacts-view { padding:24px 16px; }
}
@media(max-width:680px) { .settings-catalog,.settings-links,.settings-forms { grid-template-columns:1fr; } .settings-tile { min-height:150px; padding:20px; } .settings-icon { margin-bottom:14px; } .chats-page .message-list { padding:14px; } .chats-page .conversation-header { padding:12px; } .chats-page .chat-composer { padding:12px; } }
@media(prefers-reduced-motion:reduce) { .settings-tile { transition:none; } .settings-tile:hover { transform:none; } }
/* Public brand surfaces follow the same calm palette as the workspace. */
body:not(.app-body):not(.account-page) { background:radial-gradient(ellipse at 80% 8%,#e0f2ff,transparent 35%),#fbfdfd; }
.header { background:rgba(255,255,255,.9); border-color:#e3edef; }
.hero h1 { color:var(--ds-color-text); }
.hero h1 span { color:var(--ds-color-action); }
.hero .pill { color:#006e77; background:#e8f2ff; border-color:#cdddff; }
.hero .button,.cta .button { background:var(--ds-color-action); }
.hero .app-preview { border:1px solid #fff; box-shadow:0 25px 80px #1473871a; border-radius:24px; }
.hero .preview-top,.hero .preview-side { background:#f4fbfc; }
.hero .outgoing { background:#e2f2ff; color:#173e46; }
.hero .booking-confirm { border-color:#d1eee6; background:#ecfaf5; }
.feature { border-color:#deecee; background:linear-gradient(135deg,#fff,#f7fcfc); border-radius:24px; }
.feature-wide { background:linear-gradient(135deg,#eaf5ff,#f4faff); }
.channel-section { background:#edf5ff; }
.contacts-view button,.contact-dialog button,#new-contact-chat { background:var(--ds-color-action); border-color:var(--ds-color-action); }
.contacts-view button.secondary-button,.contact-dialog button.secondary-button { background:#fff; border-color:#d4e5e8; color:#35616c; }
.contact-card { border-color:#e0edef; padding:20px 16px; }
.contact-card:hover { background:#f6fcfb; }
.shell-section-back { display:inline-flex; align-items:center; min-height:36px; margin:0 0 12px 10px; color:#47707d; font-size:13px; font-weight:600; text-decoration:none; }
@media(max-width:820px) { .shell-section-back { margin:12px 20px 0; } }
.chats-page .chat-row { grid-template-columns:38px minmax(0,1fr); column-gap:12px; }
.chats-page .chat-row::before { content:attr(data-initials); grid-column:1; grid-row:1 / span 3; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:linear-gradient(140deg,#d6e8ff,#b5d9f6); color:#245867; font-size:12px; font-weight:700; }
.chats-page .chat-row > span { grid-column:2; min-width:0; }
.chats-page .inbox-queues { flex-wrap:wrap; overflow:visible; }
.chat-alert-settings-button { font-size:0; display:grid; place-items:center; }
.chat-alert-settings-button::before { content:""; width:18px; height:18px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Company settings use the same compact rows as the contact directory. */
[data-product-page="settings"] .settings-forms{gap:14px}
[data-product-page="settings"] .settings-forms .product-card{padding:18px}
[data-product-page="settings"] .settings-forms .product-form{margin-top:12px;gap:10px}
[data-product-page="settings"] .settings-forms .product-form .button{justify-self:start;min-width:120px}
[data-product-page="settings"] .settings-links{gap:10px;margin-bottom:16px}
[data-product-page="settings"] .settings-links a{padding:16px;gap:5px}
[data-product-page="settings"] .settings-detail-head{margin-bottom:16px}
[data-product-page="settings"] .settings-detail-head h2{margin-top:12px;font-size:23px}
[data-product-page="settings"] .form-message:empty{display:none}
[data-product-page="settings"] .list-row{padding:10px 0}
[data-product-page="team"] .product-card{padding:16px 20px}
[data-product-page="team"] .list-row{gap:12px;padding:12px 0;flex-wrap:wrap}
.team-member-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.team-member-controls select{min-height:38px;max-width:100%;padding:6px 10px;border:1px solid var(--line);background:white}
.team-member-controls .button{min-height:38px;padding:7px 12px}
@media(max-width:680px){.team-member-controls{width:100%}.team-member-controls select{flex:1;min-width:120px}}
#delete-conversation{color:#a32940;border-color:#edcbd3}

/* Compact company and team detail, without cards. */
[data-product-page="settings"] .settings-forms:has(.company-section:not([hidden])){display:flex;flex-direction:column;gap:0}
[data-product-page] .company-section{background:transparent;border:0;border-radius:0;box-shadow:none;padding:16px 0}
[data-product-page="settings"] .settings-forms .company-section{padding:16px 0;border-bottom:1px solid var(--line)}
[data-product-page="settings"] .settings-forms .company-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0}
.company-line label{font-weight:600}
.company-line input{flex:1;min-width:140px;max-width:420px}
.company-line input[readonly]{background:transparent;border-color:transparent;box-shadow:none;text-overflow:ellipsis}
.company-line .form-message{flex-basis:100%;margin:0}
[data-product-page="settings"] .settings-forms .company-line .button{min-width:0}
.team-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.team-heading h2{margin:0 auto 0 0}
.company-section .button.secondary,.company-line .button.secondary{background:transparent;color:var(--muted);border-color:var(--line);box-shadow:none;min-height:34px;padding:6px 12px}
.team-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.6fr) minmax(140px,.6fr);gap:16px;width:100%;padding:12px 4px;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer}
.team-row span{overflow-wrap:anywhere}
.team-row span:not(:first-child){color:var(--muted);font-size:14px}
.team-row:hover:not(:disabled){background:#eff6fa}
.team-row:disabled{cursor:default;opacity:1}
.company-section summary{cursor:pointer;color:var(--muted)}
@media(max-width:600px){.team-row{grid-template-columns:minmax(0,1fr) 100px 115px;gap:8px;font-size:13px}.team-row span:not(:first-child){font-size:12px}.company-line label{flex-basis:100%}.team-heading{gap:8px}}

/* Shared workspace grid: keep every section aligned with the directory. */
:root { --shell-sidebar:var(--ds-sidebar-width); --workspace-pad:24px; --shell-context-height:64px; }
.product-shell { background:#f6f7f9; }
.shell-sidebar { background:#fff; }
.shell-nav-link { font-size:14px; line-height:1.4; min-height:44px; }
.shell-nav-label { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.shell-nav-heading,.shell-context-kicker { font-size:12px; color:var(--ds-color-text-secondary); }
.shell-account-copy strong,.shell-account-copy span { overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; font-size:13px; }
.shell-account { position:relative; }
.shell-account { position:relative; }
.shell-account-menu { position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:var(--ds-z-popover);max-height:60dvh;overflow:auto;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:var(--ds-shadow-dialog); }
.shell-account-menu[hidden] { display:none; }
.shell-account-menu a,.shell-account-menu button { display:block; text-align:left; padding:10px; font:inherit; font-size:14px; color:var(--ink); text-decoration:none; border:0; background:transparent; border-radius:6px; }
.shell-account-menu a:hover,.shell-account-menu button:hover { background:var(--soft); }
.shell-unread { flex:none; font-size:12px; padding:2px 6px; border-radius:6px; color:var(--ds-color-action-hover); background:var(--ds-color-action-soft); }
.shell-unread[hidden] { display:none; }
.shell-stage { padding:0; }
.shell-stage > main { width:100%; max-width:none; margin:0; border:0; border-radius:0; box-shadow:none; background:#fff; }
.shell-work-context { min-height:var(--shell-context-height); box-sizing:border-box; padding:10px var(--workspace-pad); display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); background:#fff; }
.shell-work-context .shell-location { display:flex; align-items:center; gap:12px; padding:0; border:0; border-radius:0; width:min(100%,420px); }
.shell-work-context .shell-location[hidden] { display:none; }
.shell-work-context select { min-width:0; min-height:40px; padding:6px 10px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:14px; }
.shell-scope-note { color:var(--ds-color-text-secondary); font-size:14px; }
.shell-section-tabs { display:flex; flex-wrap:wrap; gap:6px; padding:12px var(--workspace-pad) 0; background:#fff; }
.shell-section-tabs a { padding:10px 12px; color:#526079; text-decoration:none; border-radius:8px; font-size:14px; }
.shell-section-tabs a[aria-current=page] { color:var(--ds-color-action-hover); background:var(--ds-color-action-soft); font-weight:650; }
.shell-stage .workspace-page,.shell-stage .manager-page,.shell-stage .connections-page,.shell-stage .integrations-page,.shell-stage .automation-page,.shell-stage .ai-page,.shell-stage .contacts-view,.shell-stage .notifications-page { width:100%; max-width:none; margin:0; padding:24px var(--workspace-pad); box-sizing:border-box; }
.shell-stage .contacts-view,.product-shell .chats-shell { height:calc(100dvh - var(--shell-context-height)); }
.shell-stage .product-form { max-width:760px; }
@media(min-width:821px) { .product-shell { grid-template-columns:var(--shell-sidebar) minmax(0,1fr); } }
@media(max-width:820px) {
 :root { --workspace-pad:16px; }
 .shell-stage .contacts-view,.product-shell .chats-shell { height:calc(100dvh - 54px - var(--shell-context-height) - var(--shell-bottom) - env(safe-area-inset-bottom)); }
 .shell-sidebar { width:min(90vw,320px); }
 .shell-bottom-label { font-size:12px; }
 .shell-stage .workspace-page,.shell-stage .manager-page { padding-bottom:32px; }
}
.shell-page-branch { display:flex; align-items:center; gap:12px; min-width:0; max-width:100%; font-size:14px; color:#526079; }
.shell-page-branch select { width:min(280px,65vw); }
.shell-page-branch[hidden] { display:none!important; }
.contacts-view .contacts-filters { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
@media(max-width:820px) {
 .shell-sidebar { visibility:hidden; box-shadow:none; }
 .shell-drawer-open .shell-sidebar { visibility:visible; box-shadow:-20px 0 50px rgba(20,30,55,.15); }
}
.shell-sidebar > .shell-account { flex:0 0 auto; margin-top:12px; padding-top:12px; }
.shell-sidebar-scroll { padding-bottom:8px; }
[data-product-page="settings"] .settings-detail-head h2 { display:none; }
.shell-bottom-link { position:relative; }
.shell-bottom-link .shell-unread { position:absolute; top:1px; left:calc(50% + 10px); }
.shell-navigation { gap:14px; }
.shell-nav-group { gap:2px; }
.shell-context { margin:14px 0; }
.shell-nav-link { padding:8px 10px; min-height:42px; }
.section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.section-tabs a,.section-tabs button{font:inherit;padding:10px 14px;border:1px solid var(--ds-color-border);border-radius:10px;color:#43566b;background:#fff;text-decoration:none;cursor:pointer}.section-tabs [aria-current=page],.section-tabs [aria-selected=true]{border-color:var(--ds-color-action-hover);background:#eaf2ff;color:var(--ds-color-action-hover)}.section-tabs :focus-visible{outline:3px solid #468ce0;outline-offset:2px}.team-row{grid-template-columns:2fr 1fr 2fr 1fr}.product-form fieldset label{display:flex;gap:10px;align-items:center}.product-form fieldset input[type=checkbox]{width:auto}@media(max-width:640px){.team-row{grid-template-columns:1fr 1fr}.section-tabs{gap:6px}}

.legal-content{max-width:78ch}.legal-toc{display:grid;gap:8px;margin:24px 0}.shell-organization select{width:100%;min-width:0}.knowledge-scope{display:grid;gap:6px;max-width:420px;margin:16px 0}
.legal-content,.legal-nav{min-width:0;overflow-wrap:anywhere}.legal-content h1{font-size:clamp(28px,5vw,48px)}

/* Shared semantic controls; specialized domain geometry stays local. */
.button,.secondary-button { min-height:var(--ds-control-height); border-radius:var(--ds-radius-control); }
.product-form input:not([type=checkbox]):not([type=radio]),.product-form select { min-height:var(--ds-control-height); }
.shell-sidebar { z-index:var(--ds-z-sidebar); }
.shell-mobile-header { z-index:var(--ds-z-header); }
.shell-bottom-nav { z-index:var(--ds-z-bottom-nav); }
.shell-preference { display:block;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--ds-color-surface);color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer; }
.shell-sidebar-toggle { margin:12px 0 0; }
@media(min-width:821px) { html[data-ui-sidebar="compact"] { --shell-sidebar:var(--ds-sidebar-compact-width); } html[data-ui-sidebar="compact"] .shell-sidebar { padding-inline:10px; } }
@media(max-width:820px) { .shell-sidebar-toggle { display:none; } }
html[data-ui-density="compact"] .shell-stage .list-row { padding-block:var(--ds-row-space); }

/* Application forms follow the visible mobile viewport and device safe areas. */
@media(max-width:820px){
 .shell-mobile-header{padding-top:env(safe-area-inset-top);min-height:calc(54px + env(safe-area-inset-top))}
 .shell-keyboard-open{--shell-bottom:0px}
 .shell-keyboard-open .shell-bottom-nav{display:none}
 .shell-stage .contacts-view,.product-shell .chats-shell{height:calc(var(--app-viewport-height,100dvh) - 54px - var(--shell-context-height) - var(--shell-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}

/* Field boundaries and focus indicators meet non-text contrast requirements. */
:where(body.app-body) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([aria-invalid=true]){border-color:var(--ds-color-control-border)}

.company-block>summary{font-size:18px;font-weight:650;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}
.company-block>summary:after{content:'＋';margin-left:auto}.company-block[open]>summary:after{content:'−'}
.company-block>.company-grid{margin-top:12px}
.knowledge-inherited-summary{padding:12px 16px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);background:var(--ds-color-surface-soft);margin-bottom:16px}
.knowledge-inherited-summary h3{margin:0 0 8px;font-size:16px}.knowledge-inherited-summary p{margin:4px 0;font-size:14px}
.templates-page.editor-open>.connections-header,.templates-page.editor-open>.connections-toolbar,.templates-page.editor-open>.template-filters,.templates-page.editor-open>#type-description,.templates-page.editor-open>#template-list,.templates-page.editor-open>#list-status{display:none}
.templates-page.editor-open .inline-template-editor{margin-top:0}
@media(max-width:820px){
 .company-savebar{gap:8px;padding:8px 12px}.company-savebar p{font-size:13px}
 .knowledge-profile>h2,.knowledge-section .notice{font-size:14px}
}

.shell-work-context[hidden]{display:none}
@media(max-width:760px){
 .shell-section-tabs{flex-wrap:nowrap;overflow-x:auto}.shell-section-tabs a{flex:0 0 auto}
 .page-head .kicker{display:none}.page-head h1{font-size:24px}
 .automation-page.editor-open>.connections-header{display:none}
 #kpi-grid{grid-template-columns:1fr 1fr}
 #stepper{display:flex;flex-wrap:nowrap;overflow-x:auto}#stepper>.step-pill{flex:0 0 auto;min-height:44px}
}

.brand-mark{background:#fff url('/assets/brand/kezenda-symbol.png') center/contain no-repeat;border-radius:0;box-shadow:none}
.subscription-company-context{margin:12px 0;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-control);padding:8px 12px}
.subscription-company-context>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
/* Legal document navigation changes presentation, never the document text. */
.legal-nav summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.legal-back-top{display:inline-flex;min-height:44px;align-items:center}.legal-content h2{scroll-margin-top:88px}
@media(max-width:767px){.legal-layout{display:flex;flex-direction:column}.legal-nav{order:-1;width:100%;position:static}.legal-nav:not([open])>a{display:none}}

@media(max-width:760px){.page-head:has(.billing-badge),.page-head:has(.month-control){display:flex;flex-direction:column;align-items:stretch}.knowledge-head p,.ai-heading p{margin:4px 0;font-size:14px}.knowledge-tabs,.ai-body .section-tabs{flex-wrap:nowrap;overflow-x:auto;margin:8px 0}.knowledge-tabs a,.ai-body .section-tabs a{flex:none;white-space:nowrap}.workspace-page:has(.company-editor){padding-top:12px}.knowledge-inherited-summary p{margin:4px 0}.ai-section:has(#ai-readiness){padding:12px;margin:8px 0}.ai-section:has(#ai-readiness)>p:last-child{display:none}.report-editor-open .manager-heading,.report-editor-open #reports-empty,.report-editor-open #report-list,.report-editor-open #new-report{display:none!important}.report-editor-open #reports-panel>.section-head{display:none!important}}
.account-brand{background:transparent!important;box-shadow:none!important;color:#182e58!important;width:auto!important;gap:12px}.account-brand>span{position:static!important;margin:0!important;color:#182e58!important}.account-brand>img{flex:none;object-fit:contain}.brand-icon{background:transparent!important;object-fit:contain}
@media(max-width:760px){.mobile-conversation-open .shell-work-context{display:flex;align-items:center;gap:8px;padding:6px 16px}.mobile-conversation-open .shell-work-context label{display:flex;align-items:center;gap:8px;margin:0;width:100%}.mobile-conversation-open .shell-work-context select{flex:1;min-width:0;height:44px}}