/* Shared visual system: RTL layouts, clear hierarchy and restrained colour. */
:root{--ink:#1c2c49;--muted:#65738b;--accent:#285bce;--border:#e3e8f1;--canvas:#f5f7fb;--rail:#fff;--soft-blue:#edf3ff;--shadow:0 5px 25px #18335c06}
body{font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2456bc;text-underline-offset:4px}a:hover{color:#173b84}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7aa2ff!important;outline-offset:3px}
button{background:var(--accent)}
.app-page main{max-width:1600px;margin:0 238px 0 auto;padding:24px 38px 42px}
.app-page header{min-height:85px;padding:0 0 12px;align-items:center}
.app-page h1{font-size:30px;font-weight:700;letter-spacing:-.9px;margin:5px 0}
.app-page h2{font-size:21px;font-weight:650}
.app-page .eyebrow{font-size:11px;color:#697a98;letter-spacing:.4px}
.app-page section{border-radius:18px;box-shadow:var(--shadow);padding:28px;margin:22px 0}
.app-page button{border-radius:10px;background:var(--accent);padding:11px 19px;box-shadow:0 3px 6px #245bd011;font-family:inherit;min-height:42px}
.app-page button:hover:not(:disabled){background:#1f4fb8;box-shadow:0 5px 14px #255cca24}
.app-page button.secondary{background:#f6f8fc;color:#445675;border:1px solid #e1e7f0;box-shadow:none}
.app-page button.secondary:hover:not(:disabled){background:#eaf0fa}
.app-page button.danger{background:#b84450}.app-page button:disabled{opacity:.45}
.app-page input,.app-page select,.app-page textarea{font-family:inherit;font-size:14px;border:1px solid #dce3ed;border-radius:10px;padding:11px 13px;min-height:43px}
.app-page input:focus,.app-page select:focus,.app-page textarea:focus{border-color:#88a9ec;outline:3px solid #285bce12}
.app-page input[readonly]{background:#f7f9fc;color:#576a85}
.app-page label{color:#465875;font-weight:600;font-size:13px}
.app-page .workspace-tabs{width:222px;padding:127px 16px 24px;background:#fff;border-left:1px solid var(--border);box-shadow:-3px 0 20px #18335c02;gap:6px}
.app-page .workspace-tabs:before{content:'קול';top:28px;right:29px;font-size:42px;letter-spacing:-2px;color:#254d9b}
.app-page .workspace-tabs:after{content:'KOLCALL / COMMUNICATION';top:81px;right:30px;font-size:9px;letter-spacing:1.3px;color:#7383a0}
.app-page .workspace-tabs [role=tab]{background:transparent;color:#697992;border:1px solid transparent;border-radius:10px;gap:13px;min-height:45px;font-weight:500;font-size:14px;padding:11px 12px}
.app-page .workspace-tabs [role=tab]:before{display:none}
.app-page .workspace-tabs [role=tab]:hover{background:#f4f7fc;color:#2c5697;box-shadow:none}
.app-page .workspace-tabs [role=tab][aria-selected=true]{background:#ebf1ff;color:#2459c4;box-shadow:none;border-color:#e0e9fb;font-weight:650}
.nav-icon{width:19px;height:19px;flex:0 0 19px}
#settings-tab{margin-top:0}
.app-page .account-bar{margin:0 0 24px;border-top:0;border-bottom:1px solid #e1e6ef;padding:12px 0 18px;gap:16px}
.app-page .account-bar strong{font-size:13px;color:#485974}
.app-page .account-bar button{min-height:34px;font-size:12px;padding:5px 13px}
.app-page .account-bar select{min-height:36px;font-size:12px;background:#fff;min-width:165px}
.app-page .connection-summary{background:#fff;border-color:#e4eaf3;border-radius:11px;padding:10px 14px;min-width:210px;max-width:360px}
.app-page .connection-summary strong{font-size:11px}.app-page .connection-summary small{color:#738098;max-width:300px}
.app-page .usage-section{padding:0;background:transparent;border:0;box-shadow:none;margin:20px 0 26px}
.app-page .usage-section h2{font-size:13px;font-weight:500;color:#77859b}
.app-page .metrics{gap:14px}
.app-page .metric{border:1px solid #e2e8f2;border-radius:14px;padding:20px 18px;background:#fff;box-shadow:0 3px 12px #19386d03;position:relative;overflow:hidden}
.app-page .metric:after{content:'';position:absolute;top:22px;left:18px;width:9px;height:9px;border-radius:3px;background:#dfe8ff;box-shadow:0 0 0 5px #f3f6ff}
.app-page .metric:nth-child(2):after{background:#b9e6da;box-shadow:0 0 0 5px #f0faf6}
.app-page .metric:nth-child(3):after{background:#e1d7fb;box-shadow:0 0 0 5px #f8f5fd}
.app-page .metric:nth-child(4):after{background:#f1dab9;box-shadow:0 0 0 5px #fdf9f2}
.app-page .metric strong{font-size:31px;font-weight:650;color:#203b69;line-height:1.15;margin:0 0 10px;letter-spacing:-1px}
.app-page .metric span{font-size:12px;color:#6e7c94}
.app-page .welcome-card{background:linear-gradient(110deg,#eaf6f8 0,#edf2ff 65%,#f0f3fc 100%);border:1px solid #dce6f6;padding:32px 36px;position:relative}
.app-page .welcome-card h2{font-size:29px;color:#24466f;font-weight:650;letter-spacing:-.8px;margin:7px 0 10px}
.app-page .welcome-card p{font-size:14px;color:#5f7798}.app-page .welcome-card .eyebrow{color:#446fa6}
.welcome-art{width:160px;height:140px;transform:rotate(-6deg);border:1px solid #ccdcee;border-radius:28px;background:#ffffff9c;box-shadow:10px 9px 0 #cadbe44d;backdrop-filter:blur(8px)}
.welcome-art span{color:#466cac;font-weight:650;letter-spacing:-3px}.welcome-art small{color:#6c89ac;letter-spacing:1.2px;font-size:8px}
.app-page .contact-import,.app-page .schedule-form{background:#f9fafe;border-color:#e2e8f2;border-radius:12px}
.app-page summary{font-weight:600;font-size:14px;color:#405a82;padding:4px 0}
.app-page th{background:#f5f7fc;color:#667a99;font-size:12px;padding:13px 12px;border-color:#e5eaf3}
.app-page td{padding:15px 12px;color:#354b6b;border-color:#eef1f7}
.app-page tr:hover td{background:#f9fbff}
.app-page .table-scroll{border:1px solid #e9edf5;border-radius:12px;max-width:100%}
.app-page .table-actions button{min-height:30px}.app-page .compact{min-height:30px}
.app-page .status{background:#edf3ff;color:#3a5682;border:1px solid #e2eaf8;padding:14px 16px}
.tag-pill{color:#50759b;background:#eff5fc}.app-page .steps li:before{background:#eaf1ff;color:#4a6dc3}
.message-preview{background:#f2f6ff;border-color:#dde7fb}.message-preview p{color:#34506f}.preview-totals{color:#315bac}.preview-card{background:#fcfdff!important}
.notice{background:#fff9ed;border-color:#d6ae69;font-size:13px;border-radius:0 10px 10px 0;color:#826b3e;padding:12px 16px}
.app-page .system-log{background:transparent;box-shadow:none;border:0;padding:8px 0}.system-log h2{font-size:14px;color:#7b89a0}.event{font-size:12px;border-color:#e6ebf3}
.app-page .muted{font-size:12px;color:#6c7c93}.app-page footer{line-height:1.8;font-size:11px;color:#74849a}
.settings-intro{padding:10px 0 2px}.settings-intro h2{font-size:27px;margin:7px 0}.settings-intro p{margin:4px 0}
.personal-settings{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.personal-settings>div p{max-width:300px;font-size:14px}.personal-settings form>label:first-child{margin-top:0}
.service-icon{display:inline-grid;place-items:center;width:45px;height:45px;border:1px solid #e1e7f2;border-radius:12px;background:#f1f5ff;font-size:23px;color:#4774c3}
.personal-settings .service-icon{margin-bottom:14px}
.integration-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.integration-title{display:flex;align-items:center;gap:14px}.integration-title h2,.integration-heading h2{margin:3px 0!important}
.integration-card{scroll-margin-top:20px}.integration-card>p{font-size:14px}.integration-card form{margin-top:18px}.integration-card .grid{gap:0 24px}.integration-card form input{max-width:100%}
.connection-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #e5e9f1;background:#f6f8fb;border-radius:20px;padding:5px 11px;font-size:11px;color:#687b94;max-width:320px}
.connection-badge:before{content:'';width:6px;height:6px;background:#9aabc2;border-radius:50%;flex:0 0 6px}
.connection-badge[data-tone=ok]{background:#eef9f3;border-color:#d5ece0;color:#2e7456}.connection-badge[data-tone=ok]:before{background:#3d9870}
.connection-badge[data-tone=configured]{background:#eef3ff;border-color:#dce7fa;color:#4469af}.connection-badge[data-tone=configured]:before{background:#7b9bdd}
.settings-jumps,.provider-links{display:flex;flex-wrap:wrap;gap:10px}.settings-jumps{margin:20px 0}.settings-jumps a{display:block;border:1px solid #dce5f2;background:#fff;border-radius:8px;padding:7px 13px;text-decoration:none;font-size:12px;color:#58739d}.settings-jumps a:hover{background:#edf3ff}
.provider-links{margin:20px 0 0;font-size:12px;gap:20px}.integration-shortcut{font-size:12px!important}.success-note{color:#286c55;font-size:14px}
.app-page [role=status]:empty{display:none}#settings-error{color:#a43f3f}
/* A welcoming entrance without external fonts, trackers or decorative assets. */
.login-page{background:#f4f7fc;min-height:100dvh;display:grid;place-items:center;color:#233859;font-size:15px;line-height:1.6;padding:32px}
.login-layout{width:100%;max-width:1130px;grid-template-columns:1.03fr 1fr;gap:0;padding:0;align-items:stretch;border:1px solid #e1e8f2;border-radius:28px;box-shadow:0 22px 75px #203d6910;background:#fff;overflow:hidden;margin:auto;min-height:690px}
.login-intro{position:relative;overflow:hidden;padding:45px 46px 34px;background:radial-gradient(ellipse at 0% 30%,#244e7f70 0,transparent 60%),linear-gradient(145deg,#172d4d,#203958);color:white;display:flex;flex-direction:column}
.brand-lockup{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:white;width:max-content}.brand-lockup:hover{color:white}.brand-lockup strong{font-size:33px;letter-spacing:-1px;line-height:1}.brand-lockup strong>span{display:block;font-size:9px;letter-spacing:3px;font-weight:500;margin-top:7px;opacity:.65}
.brand-signal{display:inline-flex;align-items:center;gap:4px;width:44px;height:45px;justify-content:center;direction:ltr}.brand-signal i{display:block;width:6px;height:18px;border-radius:8px;background:#b6e5df}.brand-signal i:nth-child(2){height:35px;background:#93c8ef}.brand-signal i:nth-child(3){height:26px;background:#b5d2ff}.brand-signal i:nth-child(4){height:12px;background:#86b5d9}
.login-story{margin-top:48px;position:relative;z-index:2}.login-kicker{font-size:11px;letter-spacing:.8px;color:#a9c5e3}
.login-intro h1{font-size:45px;line-height:1.24;margin:14px 0 18px;font-weight:650;letter-spacing:-1.5px}.login-intro p{font-size:15px;line-height:1.9;color:#bacde1;max-width:360px;margin:0}
.connection-art{height:220px;position:relative;direction:ltr;margin:22px -8px 10px;flex:1;min-height:190px}
.art-orbit{position:absolute;width:220px;height:220px;border:1px solid #abcbe521;border-radius:50%;top:-10px;left:60px;transform:rotate(-25deg) scaleY(.77)}
.art-orbit:after{content:'';position:absolute;inset:27px;border:1px dashed #abcbe52b;border-radius:50%}
.art-hub{position:absolute;width:66px;height:66px;left:135px;top:75px;display:grid;place-items:center;border:1px solid #b7d9ed4a;border-radius:19px;background:#385e7d;box-shadow:0 10px 30px #0916273d;transform:rotate(-6deg)}
.art-hub .brand-signal{transform:scale(.7)}
.art-card{direction:rtl;position:absolute;background:#ffffffef;color:#254466;border:1px solid #ffffff80;box-shadow:0 13px 30px #0d213532;border-radius:13px;padding:14px 16px;display:flex;align-items:center;gap:10px;width:213px}
.art-card b{font-size:12px;font-weight:650;display:block}.art-card small{font-size:10px;color:#7c91a8;display:block;margin-top:2px}.art-message{left:9px;top:5px;transform:rotate(3deg)}.art-voice{right:0;bottom:9px;transform:rotate(-4deg)}
.art-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf4ff;color:#537da9;font-size:21px;flex:0 0 32px}
.sound-wave{display:flex;gap:4px;align-items:center;height:23px;margin-top:4px}.sound-wave i{width:3px;background:#719ccb;border-radius:3px;height:8px}.sound-wave i:nth-child(3n){height:22px}.sound-wave i:nth-child(2n){height:14px}
.art-dot{position:absolute;width:9px;height:9px;background:#86b9bf;border:3px solid #3f6480;border-radius:50%;box-shadow:0 0 0 4px #89b8bd12}.dot-one{left:28px;bottom:43px}.dot-two{right:23px;top:35px}
.login-tags{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}.login-tags span{background:#ffffff08;border:1px solid #cadfed24;border-radius:6px;color:#bbd0e4;font-size:10px;padding:6px 10px}
.login-card{border:0;border-radius:0;box-shadow:none;padding:76px 52px 42px;margin:0;display:flex;flex-direction:column;justify-content:center;background:#fff;min-width:0}
.login-card .eyebrow{font-size:12px;color:#748baa;font-weight:500;letter-spacing:0}.login-card h2{font-size:33px;font-weight:650;letter-spacing:-1px;color:#203a61;margin:8px 0 5px;line-height:1.3}.login-card #login-description{font-size:14px;line-height:1.8;color:#8190a7;margin:0 0 26px}
.login-card label{font-size:12px;font-weight:600;color:#4c6182;margin:15px 0}.login-card input{background:#fff;border:1px solid #dce5f1;border-radius:10px;padding:12px 14px;font-size:14px;height:47px;color:#2c476c;box-shadow:0 1px 2px #18335c03;min-width:0}.login-card input:focus{border-color:#96b7e8}.login-card input::placeholder{color:#a1b0c4}
.login-card button{display:flex;align-items:center;justify-content:space-between;background:#2b5ec8;border-radius:10px;color:white;padding:13px 18px;min-height:47px;font-size:14px;font-weight:600;box-shadow:0 5px 14px #2b5ec828;margin:22px 0 0;width:100%;font-family:inherit}.login-card button:hover:not(:disabled){background:#234fae}
.forgot-link{font-size:12px;text-decoration:none;display:block;width:max-content;margin:8px 0 0}.login-card .muted{font-size:11px;line-height:1.8;color:#7a8ca5}.login-card #login-help{margin-top:27px;max-width:320px}
.login-card #login-error:empty,.login-card #login-success:empty{display:none}.login-card #login-error{font-size:13px;color:#a64349;padding:10px 12px;background:#fdf3f4;border-radius:8px;font-weight:500}
.login-security{display:flex;align-items:center;gap:7px;font-size:10px;color:#93a2b7;border-top:1px solid #edf1f7;padding-top:18px;margin-top:9px}
.login-divider{position:relative;margin:20px 0 0;text-align:center;border-top:1px solid #e9edf5;height:6px}.login-divider span{position:relative;top:-13px;background:white;padding:0 12px;color:#8e9bb0;font-size:12px}
.google-button{font-size:13px;color:#536984;border-color:#dce4ef;border-radius:10px;padding:11px;margin:13px 0 0}.google-button b{font-size:17px;color:#477de0}.login-card #back-login{font-size:12px;margin-top:20px}
@media(min-width:1800px){.app-page main{margin-left:auto;margin-right:auto;padding-right:150px}}
@media(max-width:1100px){.app-page main{margin-right:212px;padding:23px}.app-page .workspace-tabs{width:195px;padding-right:12px;padding-left:12px}.app-page .workspace-tabs [role=tab]{font-size:12px;gap:10px}.app-page .metrics{grid-template-columns:repeat(3,1fr)}.login-layout{min-height:660px}.login-intro{padding:38px 32px}.login-card{padding:60px 36px 38px}.login-intro h1{font-size:39px}.art-voice{right:-5px}.art-hub{left:112px}.art-orbit{left:38px}}
@media(max-width:800px){.app-page main{margin:0;padding:18px 16px}.app-page .workspace-tabs{position:static;width:auto;padding:6px;margin:16px -2px 22px;background:#fff;border:1px solid var(--border);border-radius:12px;flex-direction:row;overflow-x:auto;box-shadow:var(--shadow)}.app-page .workspace-tabs:before,.app-page .workspace-tabs:after{display:none}.app-page .workspace-tabs [role=tab]{min-width:max-content;font-size:12px;padding:9px 12px;gap:8px}.app-page .workspace-tabs [role=tab][aria-selected=true]{background:#ebf1ff;color:#2459c4}.nav-icon{width:16px;height:16px;flex-basis:16px}#settings-tab{margin-top:0;border-top-color:transparent}.app-page header{gap:12px;align-items:start;min-height:72px}.app-page h1{font-size:25px}.app-page .connection-summary{min-width:0;width:170px;font-size:10px;flex-shrink:0;padding:8px 10px}.app-page .connection-summary strong{font-size:10px}.app-page .connection-summary small{font-size:9px}.app-page .account-bar{flex-wrap:wrap;gap:12px;padding-bottom:14px}.app-page .account-bar label{width:auto;flex:1}.app-page .account-bar select{min-width:130px}.app-page .metrics{grid-template-columns:repeat(2,1fr);gap:10px}.app-page .metric{padding:17px}.app-page .metric strong{font-size:28px}.app-page .metric:after{left:15px;top:21px}.app-page .grid{grid-template-columns:1fr;gap:12px}.app-page section{padding:21px;margin:18px 0;border-radius:15px}.app-page .welcome-card{padding:25px}.app-page .welcome-card h2{font-size:25px}.personal-settings{grid-template-columns:1fr;gap:24px}.integration-heading{align-items:start;flex-wrap:wrap;gap:12px}.connection-badge{max-width:100%}.integration-card .grid{gap:0}.settings-intro h2{font-size:23px}.login-page{padding:20px}.login-layout{max-width:490px;grid-template-columns:1fr;min-height:0;border-radius:22px}.login-intro{padding:27px 29px}.brand-lockup strong{font-size:28px}.brand-lockup .brand-signal{transform:scale(.8);width:33px}.brand-lockup strong>span{font-size:8px}.login-story{margin-top:22px}.login-intro h1{font-size:32px;line-height:1.24;margin:9px 0 0}.login-intro h1 br{display:none}.login-intro h1 br:after{content:' '}.login-intro p,.connection-art,.login-tags{display:none}.login-kicker{font-size:10px}.login-card{padding:33px 29px 27px}.login-card h2{font-size:29px}.login-card #login-description{margin-bottom:16px}.login-card #login-help{margin-top:22px}}
@media(max-width:400px){.app-page .connection-summary{width:143px}.app-page .account-bar select{min-width:116px}.login-page{padding:12px}.login-card{padding:27px 23px}.login-intro{padding:25px 23px}.login-intro h1{font-size:28px}.app-page h1{font-size:23px}.app-page .metric span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable secondary text and naturally wrapping mobile headings. */
.login-card .eyebrow,.login-card #login-description,.login-card .muted,.login-security{color:#63748d}
.app-page .section-heading>div{min-width:0}
.app-page .section-heading>button{flex-shrink:0;white-space:nowrap}
@media(max-width:600px){.app-page .section-heading{flex-wrap:wrap}.app-page .section-heading>div{flex-basis:100%}.login-intro h1{max-width:290px}}

/* Keep password recovery prominent on desktop and mobile. */
.login-card .forgot-link{font-size:14px;font-weight:700;color:#204ea5;text-decoration:underline;text-underline-offset:4px;margin:14px 0;min-height:32px;display:flex;align-items:center;width:fit-content}

#mfa-secret{display:block;overflow-wrap:anywhere;padding:12px;background:#edf3fa}#mfa-qr{max-width:100%;height:auto;background:white}#mfa-backups{line-height:1.8;user-select:all}#mfa-backup-panel{border:2px solid #204ea5;border-radius:12px;padding:20px;margin:20px 0}

.engagement-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.public-response-page{background:#eef3fa;padding:24px;min-height:100vh}.response-card{max-width:620px;margin:5vh auto;background:white;border:1px solid #d6e1ef;border-radius:22px;padding:32px;box-shadow:0 12px 48px #18345d0a}.response-card h1{font-size:28px}.response-card p{white-space:pre-wrap}.rating-options{display:flex;flex-wrap:wrap;gap:12px}.rating-options label{padding:12px;border:1px solid #d6e1ef;border-radius:10px;cursor:pointer}.rating-options input{width:auto}.response-card fieldset{border:0;padding:0;margin:24px 0}.table-scroll{overflow:auto}#eng-report .metrics{flex-wrap:wrap}@media(max-width:700px){.engagement-layout{grid-template-columns:1fr}.response-card{padding:22px;margin:0}.public-response-page{padding:12px}}

#eng-rows td:nth-child(2){direction:ltr;unicode-bidi:isolate}#eng-report .section-heading{flex-wrap:wrap;gap:14px}.engagement-layout>section{min-width:0}

.customer-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}.customer-filters label{flex:1;min-width:180px}.service-badges{min-width:180px}.service-badge{display:inline-block;padding:5px 9px;margin:3px;border-radius:20px;background:#e7f5f2;color:#125b54;font-size:12px;font-weight:600;white-space:nowrap}

/* KOL coral identity: crisp vector assets at every size. */
.kol-login-logo{display:block;width:300px;height:auto}.login-story{margin-top:24px}.kol-mobile-logo{display:none}
.app-page .workspace-tabs:before{content:'';background:url('/kol-logo.svg?v=kolcall') center/contain no-repeat;width:calc(100% - 36px);height:112px;top:10px;right:18px}.app-page .workspace-tabs:after{content:none}
.brand-signal i:nth-child(2),.brand-signal i:nth-child(4){background:#ff775f}
@media(max-width:800px){.kol-login-logo{width:220px}.kol-mobile-logo{display:block;width:170px;height:auto;margin-bottom:9px}.login-story{margin-top:15px}}

/* Initial accessibility remediation; does not certify full standard conformance. */
.skip-link{position:fixed;top:8px;right:12px;transform:translateY(-180%);z-index:10000;background:#102139;color:#fff!important;padding:14px 20px;border:2px solid white;border-radius:8px;font-size:16px;font-weight:700;text-decoration:underline}
.skip-link:focus{transform:none;outline:3px solid #ff775f!important}
:focus-visible{outline:3px solid #174c99;outline-offset:3px}
.login-card #login-description,.login-card .muted,.login-card .eyebrow,.login-card label{color:#53627a}
.app-page .muted,.app-page footer,.app-page .connection-summary small{color:#53627a}
input::placeholder,textarea::placeholder{color:#5d6b7c;opacity:1}
.login-card .forgot-link{white-space:normal;max-width:100%}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){button,a,input,select,textarea,summary{forced-color-adjust:auto}.service-badge{border:1px solid CanvasText}}

.accessibility-link{font-size:14px;line-height:1.8}.accessibility-link a{color:#174c99;text-decoration:underline;text-underline-offset:3px}.login-layout>.accessibility-link{grid-column:1/-1;background:#fff;margin:0;padding:12px 24px;text-align:center}

/* Log entries are limited by the renderer, not clipped mid-entry. */
#events,.job-events{max-height:none;overflow:visible}

/* Keep account selection and sign-out separated on narrow screens. */
@media(max-width:600px){
 .app-page .account-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
 .app-page .account-bar>strong{flex:0 0 100%;overflow-wrap:anywhere}
 .app-page .account-bar label{flex:1 1 180px;min-width:0;max-width:100%;flex-wrap:wrap}
 .app-page .account-bar select{min-width:0;max-width:100%;flex:1 1 130px}
 .app-page .account-bar>button{flex:0 0 auto;margin:0}
 #person-timeline-meta,#person-timeline-list p,#attention-items p{overflow-wrap:anywhere}
}

/* Focused workspaces: a short home, grouped navigation, details on demand. */
.app-page main{max-width:1500px;padding-inline:32px}
.app-page section{padding:24px;border-radius:14px;box-shadow:none}
.app-page h2{font-size:19px;margin-top:0}
.app-page .account-bar{margin-bottom:16px;padding-bottom:12px}
.app-page .workspace-tabs{gap:2px}
.app-page .workspace-tabs .nav-group{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.app-page .workspace-tabs .nav-group:first-child{margin-top:0}
.app-page .workspace-tabs .nav-group-label{padding:4px 12px 2px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8a97b0;line-height:1.3}
.app-page .workspace-tabs .nav-group:not(:has([role=tab]:not([hidden]))){display:none}
.app-page .workspace-tabs [role=tab]{min-height:43px}
.app-page .dashboard-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;padding:8px 0;margin:0 0 20px}
.dashboard-actions h2{font-size:24px!important;margin-bottom:5px}.dashboard-actions p{margin:0}
.app-page .dashboard-metrics{padding:0;border:0;background:transparent;margin:16px 0 24px}
.dashboard-metrics .section-heading h2{font-size:14px;color:var(--muted);margin:3px 0}
.dashboard-metrics .eyebrow{display:none}
.app-page .metric{padding:17px;border-radius:12px;box-shadow:none}
.app-page .metric:after{display:none}.app-page .metric strong{font-size:27px}
.app-page .workspace-disclosure{background:#fff;border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:0 20px}
.app-page .workspace-disclosure>summary{padding:17px 0;cursor:pointer}
.app-page .workspace-disclosure>section{border:0;margin:0;padding:4px 0 20px}
.app-page .workspace-disclosure>.grid{margin:0;gap:16px}
.app-page .workspace-disclosure .workspace-disclosure{box-shadow:none}
.app-page .attention-card>label{max-width:360px}
.app-page .attention-card>.workspace-disclosure{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:0;margin:12px 0}
.app-page td{padding:12px}.app-page th{padding:11px 12px}
.app-page #error:empty{display:none}
@media(max-width:800px){
 .app-page main{margin:0;padding:18px 16px 32px}
 .app-page .workspace-tabs .nav-group{margin-top:0;flex-direction:row;align-items:center;gap:4px;flex-wrap:nowrap}
 .app-page .workspace-tabs .nav-group-label{display:none}
 .app-page .dashboard-actions{align-items:stretch;flex-direction:column;gap:12px}
 .dashboard-actions .inline-actions{display:flex;flex-wrap:wrap;gap:8px}
 .dashboard-actions button{flex:1 1 120px;margin:0}
 .app-page section{padding:18px;margin:16px 0}
 .app-page .workspace-disclosure{padding-inline:16px}
 .app-page .account-bar>div{flex:1 1 100%}
}

.merge-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}.merge-layout>div{min-width:0}.merge-layout h3{font-size:16px;margin:22px 0 12px}.merge-review{background:#f6f8fc;border:1px solid var(--border);border-radius:12px;padding:20px;align-self:start;position:sticky;top:16px}.merge-review h3{margin-top:0}.merge-review .message-preview{white-space:pre-wrap;overflow-wrap:anywhere}.merge-review #merge-errors{color:#a32e3b;font-size:13px;max-height:220px;overflow:auto}.sms-connection-strip{font-size:13px;color:var(--muted);margin-bottom:12px}.sms-connection-strip p{margin:5px 0}#merge-import-status{font-size:13px;overflow-wrap:anywhere}#merge-field{min-width:0}#sms-monitor{scroll-margin-top:20px}@media(max-width:950px){.merge-layout{grid-template-columns:1fr;gap:20px}.merge-review{position:static}} 
.sms-length-counter{font-size:13px;color:#24466f;background:#edf3ff;border:1px solid #dce6f6;padding:10px 13px;border-radius:8px;line-height:1.7;overflow-wrap:anywhere}.sms-length-counter:empty{display:none}

.sms-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px;padding:4px;background:#eef2f8;border:1px solid var(--border);border-radius:12px}
.sms-subnav [role=tab]{background:transparent;color:#5a6d8c;border:1px solid transparent;border-radius:9px;min-height:38px;padding:8px 14px;font-weight:600;font-size:13px;box-shadow:none}
.sms-subnav [role=tab]:hover{background:#fff;color:#2c5697}
.sms-subnav [role=tab][aria-selected=true]{background:#fff;color:#2459c4;border-color:#d7e2f5;box-shadow:0 1px 3px #18335c0a}
#personal-send-card{margin-top:22px}
.template-library{max-width:720px}
@media(max-width:600px){.sms-subnav [role=tab]{flex:1 1 auto;font-size:12px;padding:8px 10px}}
.campaign-wizard-nav{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;padding:4px;background:#eef2f8;border:1px solid var(--border);border-radius:12px}
.campaign-wizard-nav [role=tab]{background:transparent;color:#5a6d8c;border:1px solid transparent;border-radius:9px;min-height:38px;padding:8px 12px;font-weight:600;font-size:13px;box-shadow:none}
.campaign-wizard-nav [role=tab]:hover{background:#fff;color:#2c5697}
.campaign-wizard-nav [role=tab][aria-selected=true]{background:#fff;color:#2459c4;border-color:#d7e2f5;box-shadow:0 1px 3px #18335c0a}
.campaign-wizard-card{margin-top:18px;padding:16px 18px;border:1px solid #e2e8f2;border-radius:12px;background:#f9fafe}
.campaign-wizard-card h3{margin:6px 0 10px;font-size:16px}
.campaign-wizard-actions{margin:8px 0 24px}
@media(max-width:700px){.campaign-wizard-nav [role=tab]{flex:1 1 auto;font-size:12px;padding:8px 8px}}

.reports-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px;padding:4px;background:#eef2f8;border:1px solid var(--border);border-radius:12px}
.reports-subnav [role=tab]{background:transparent;color:#5a6d8c;border:1px solid transparent;border-radius:9px;min-height:38px;padding:8px 14px;font-weight:600;font-size:13px;box-shadow:none}
.reports-subnav [role=tab]:hover{background:#fff;color:#2c5697}
.reports-subnav [role=tab][aria-selected=true]{background:#fff;color:#2459c4;border-color:#d7e2f5;box-shadow:0 1px 3px #18335c0a}
@media(max-width:600px){.reports-subnav [role=tab]{flex:1 1 auto;font-size:12px;padding:8px 10px}}
.sequence-wizard-nav,.engagement-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;padding:4px;background:#eef2f8;border:1px solid var(--border);border-radius:12px}
.sequence-wizard-nav [role=tab],.engagement-subnav [role=tab]{background:transparent;color:#5a6d8c;border:1px solid transparent;border-radius:9px;min-height:38px;padding:8px 12px;font-weight:600;font-size:13px;box-shadow:none}
.sequence-wizard-nav [role=tab]:hover,.engagement-subnav [role=tab]:hover{background:#fff;color:#2c5697}
.sequence-wizard-nav [role=tab][aria-selected=true],.engagement-subnav [role=tab][aria-selected=true]{background:#fff;color:#2459c4;border-color:#d7e2f5;box-shadow:0 1px 3px #18335c0a}
.sequence-wizard-nav [role=tab]:focus-visible,.engagement-subnav [role=tab]:focus-visible,.campaign-wizard-nav [role=tab]:focus-visible,.sms-subnav [role=tab]:focus-visible,.reports-subnav [role=tab]:focus-visible{outline:3px solid #174c99;outline-offset:2px}
.sequence-wizard-actions{margin:8px 0 24px}
@media(max-width:700px){.sequence-wizard-nav [role=tab],.engagement-subnav [role=tab]{flex:1 1 auto;font-size:12px;padding:8px 8px}}

.settings-group{margin:8px 0 28px;padding:18px 20px 8px;border:1px solid #e2e8f2;border-radius:16px;background:linear-gradient(180deg,#fbfcfe 0%,#fff 48px)}
.settings-group-heading{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #e8eef7}
.settings-group-heading h2{margin:6px 0 8px;font-size:22px}
.settings-group-heading p{margin:0;color:var(--muted);font-size:14px;max-width:52rem}
.settings-group .personal-settings{margin-top:4px}
.settings-integrations{margin-top:10px;background:linear-gradient(180deg,#f7f9fd 0%,#fff 56px)}
.settings-subheading{margin:0;font-size:15px;font-weight:700;color:#3a5278}


/* People panel: clear list / form / timeline sections */
.people-section-hint{margin:6px 0 0;max-width:42rem;line-height:1.7}
.people-list-section .filter-bar{margin-top:8px}
#people-selection-hint{margin:4px 0 12px;max-width:42rem;line-height:1.7}
.people-timeline-section{border:1px solid #dce6f6;background:#f8faff}
.people-form-section .people-section-hint,.people-import-section .muted{max-width:36rem}
.people-edit-grid{align-items:start}

/* Templates: library primary, tracking secondary */
.tracking-secondary{margin-top:28px;padding:22px 24px;border:1px dashed #d5deec;border-radius:14px;background:#f7f9fd;box-shadow:none}
.tracking-secondary .section-heading{margin-bottom:8px}
.tracking-secondary h2{font-size:18px}
#template-library-help{max-width:40rem;line-height:1.75}

/* Overview attention / empty hints */
#attention-empty-hint,#overview-calls-hint{margin:6px 0 0;max-width:40rem;line-height:1.7}

/* Mobile sidebar: horizontal scroll with edge fades + thicker touch targets (RTL-safe) */
.workspace-nav-scroll{display:contents}
@media(max-width:800px){
 .workspace-nav-scroll{
  display:block;
  position:relative;
  margin:16px -2px 22px;
 }
 .workspace-nav-scroll::before,
 .workspace-nav-scroll::after{
  content:'';
  position:absolute;
  top:0;bottom:0;
  width:22px;
  z-index:2;
  pointer-events:none;
  border-radius:12px;
 }
 /* RTL: inline-start is right — fade from opaque at edge toward content */
 .workspace-nav-scroll::before{
  inset-inline-start:0;
  background:linear-gradient(to left, #fff 15%, transparent);
 }
 .workspace-nav-scroll::after{
  inset-inline-end:0;
  background:linear-gradient(to right, #fff 15%, transparent);
 }
 .app-page .workspace-tabs{
  margin:0;
  padding:8px 10px;
  gap:6px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-padding-inline:12px;
 }
 .app-page .workspace-tabs [role=tab]{
  min-height:46px;
  padding:12px 16px;
  font-size:13px;
  gap:10px;
 }
 .app-page .workspace-tabs .nav-group{gap:6px}
}

/* Opt-out list rows: number, source and remove action on one line */
.suppression-list{list-style:none;padding:0;margin:0;max-height:22rem;overflow:auto}
.suppression-list li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.35rem 0;border-bottom:1px solid rgba(127,127,127,.18)}
.suppression-list li button{margin-inline-start:auto;padding:.25rem .75rem}
#policy-days{display:grid;gap:.5rem;margin:1rem 0}
.policy-day{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr 1fr;gap:.75rem;align-items:end}
.policy-day input:not([type=checkbox]){max-width:8rem}

/* Performance dashboard: single-series bars in the brand blue, 2px gaps, 4px rounded data ends on the baseline */
.perf .section-heading label{width:auto;min-width:140px}
.perf .metric small{display:block;margin-top:6px;font-size:11px;color:#6e7c94}
.perf-insight{margin:14px 0 4px;padding:12px 14px;border-radius:12px;background:#edf3ff;color:#18335c;font-weight:550}
.perf-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.perf-chart{margin:0;padding:14px 16px 10px;border:1px solid #e2e8f2;border-radius:14px;background:#fff;position:relative}
.perf-wide{grid-column:1/-1}
.perf-chart figcaption{font-size:13px;font-weight:600;color:#18335c;margin-bottom:10px}
.perf-bars{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:1px solid #e2e8f2}
.perf-slot{flex:1;height:100%;display:flex;align-items:flex-end;min-width:3px;cursor:default;outline-offset:2px}
.perf-slot:focus-visible{outline:2px solid #2459c4}
.perf-bar{display:block;width:100%;background:#2459c4;border-radius:4px 4px 0 0;transition:opacity .15s}
.perf-slot:hover .perf-bar,.perf-slot:focus .perf-bar{opacity:.75}
.perf-axis{display:flex;justify-content:space-between;font-size:11px;color:#6e7c94;margin-top:6px}
.perf-tooltip{position:absolute;z-index:20;pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:#18335c;color:#fff;font-size:12px;box-shadow:0 6px 18px #18335c33;white-space:nowrap}
.perf{position:relative}
@media(max-width:800px){.perf-charts{grid-template-columns:1fr}.perf-bars{height:96px}}
.secret-once{margin:12px 0;padding:12px 14px;border:1px solid #f1dab9;border-radius:12px;background:#fdf9f2}
.secret-once input{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace}
.code-sample{overflow-x:auto;padding:12px;border-radius:10px;background:#f4f6fa;font-size:12px;line-height:1.5;white-space:pre}
#webhook-events{display:flex;flex-wrap:wrap;gap:4px 16px}
.agent-card{margin:18px 0}
.agent-field{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr) auto auto;gap:8px;align-items:end;margin-bottom:8px}
.agent-chat{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding:10px;border:1px solid #e2e8f2;border-radius:12px;background:#fbfcfe;margin:8px 0}
.agent-chat p{margin:0;padding:8px 12px;border-radius:12px;max-width:85%}
.agent-chat .from-agent{background:#edf3ff;color:#18335c;align-self:flex-start}
.agent-chat .from-person{background:#fff;border:1px solid #e2e8f2;align-self:flex-end}
.lead-badge{display:inline-block;margin-inline-start:6px;padding:2px 10px;border-radius:20px;background:#fff1e6;border:1px solid #f6c39b;color:#9a3412;font-size:12px;font-weight:700}
#report-rows tr.lead-row td{background:#fffaf5}
.agent-chat .agent-result{background:#f0faf6;color:#14532d;align-self:stretch;max-width:none}
.app-page .agent-live{margin:14px 0;padding:14px;border:1px solid #d5e2f7;border-radius:14px;background:#f8fbff;box-shadow:none}
.agent-live-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.agent-live-heading h3{margin:0}
.agent-live .agent-chat{max-height:260px}
.agent-live-volume{display:inline-flex;align-items:center;gap:8px;width:auto}
.agent-live-volume input{width:120px}
.recording-player{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.recording-player audio{max-width:100%;height:36px}
@media(max-width:800px){.agent-field{grid-template-columns:1fr 1fr}}
.onboarding-bar{height:8px;border-radius:99px;background:#e2e8f2;overflow:hidden;margin:6px 0 4px}
.onboarding-bar span{display:block;height:100%;width:0;background:#2459c4;border-radius:99px;transition:width .4s}
.onboarding-steps{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
.onboarding-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e8f2;border-radius:12px;background:#fff}
.onboarding-steps li.done{background:#f6faf8;color:#4b6358}
.onboarding-steps .mark{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid #c8d3e6;font-weight:700;color:#2459c4}
.onboarding-steps li.done .mark{background:#1f8a5b;border-color:#1f8a5b;color:#fff}
.onboarding-steps .text{flex:1;min-width:0}.onboarding-steps .text strong{display:block}
.onboarding-steps .text span{font-size:12px;color:#6e7c94}
.onboarding-steps li.done .text strong{text-decoration:line-through;text-decoration-color:#9fb3a8}
.offline-page main{max-width:420px;margin:15vh auto;padding:24px;text-align:center;font-family:inherit;color:#18335c}
.checkin-card h1{font-size:30px;margin:6px 0}
.checkin-state{font-size:22px;font-weight:700;padding:14px;border-radius:14px;text-align:center}
.checkin-state[data-tone=ok]{background:#e8f6ef;color:#14532d}
.checkin-state[data-tone=warn]{background:#fdf3e2;color:#7a4b00}
#checkin-mark{width:100%;font-size:18px;padding:14px}
.response-qr{display:block;width:220px;max-width:70vw;margin:12px auto;background:#fff;padding:8px;border-radius:12px;border:1px solid #e2e8f2}
/* Voice cloning: reading script, recorder and the list of cloned voices */
.voice-script{margin:12px 0;padding:16px 18px;border-inline-start:4px solid var(--accent);background:var(--soft-blue);border-radius:12px;line-height:1.9;font-size:17px;max-height:18rem;overflow-y:auto}
.voice-controls{align-items:center}
.voice-timer{font-variant-numeric:tabular-nums;font-size:20px;font-weight:650;min-width:4ch;color:var(--ink)}
.voice-recorder audio,#voice-preview-player{display:block;width:100%;max-width:420px;margin:10px 0}
.voice-consent{align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fbfcfe}
.voice-consent input{margin-top:5px}
.voice-list{list-style:none;padding:0;margin:0}
.voice-list li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--border)}
.voice-list li strong{flex:1 1 10rem}
.app-page .voice-list button.voice-delete{color:#b84450}
@media(max-width:700px){.voice-list li button{flex:1 1 auto}.voice-script{font-size:16px}}

/* Live agent call: a bar on every screen while a call runs, with one-click listening */
.live-call-bar{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 10px 8px 16px;border-radius:999px;background:#18335c;color:#fff;box-shadow:0 8px 24px rgba(15,23,42,.25)}
.live-call-bar[hidden]{display:none}
.live-call-bar #live-call-bar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.live-call-bar button{min-height:36px;padding:6px 14px;border-radius:999px}
.live-call-bar button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
.live-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#ef4444;animation:live-pulse 1.4s ease-in-out infinite}
@keyframes live-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}