*{box-sizing:border-box}body{margin:0;background:#f0f4f8;color:#17344c;font:16px Arial,sans-serif;line-height:1.6}main{max-width:1150px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #17344c;margin-bottom:24px}h1{font-size:36px;margin:6px 0 22px}h2{font-size:21px;margin:0 0 16px}header span,footer{color:#526b7e;font-size:14px}.notice{background:#fff1d4;padding:16px;border-right:4px solid #c48a1f}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}section{background:white;padding:26px;border:1px solid #d4e0e9;border-radius:12px;margin:22px 0}label{display:block;margin:15px 0}input{display:block;width:100%;font:inherit;padding:10px;border:1px solid #adc2d3;border-radius:7px;margin-top:5px}button{font:inherit;cursor:pointer;background:#146b66;color:white;border:0;border-radius:7px;padding:12px 18px;margin:8px 0;display:block}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e2a92d;outline-offset:3px}.danger{background:#a33333;width:100%;font-weight:bold}p{color:#476174}#challenge{background:#e3f5f2;padding:15px;text-align:center}#code{font-size:40px;direction:ltr;display:block;letter-spacing:8px}.status{display:flex;justify-content:space-between;background:#e9eff6;padding:12px}#error{color:#a51d26;font-weight:bold}.event{border-bottom:1px solid #e2e9ef;padding:12px 0;display:flex;gap:20px}.event time{color:#627c90;direction:ltr}#events{max-height:350px;overflow:auto}footer{padding-bottom:20px}@media(max-width:700px){.grid{grid-template-columns:1fr;gap:0}main{padding:20px 12px}header{display:block}header strong{display:block;margin-bottom:16px}section{padding:20px}}

textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid #adc2d3;border-radius:7px;resize:vertical}summary{cursor:pointer;font-weight:bold}#sms-history{overflow-wrap:anywhere}

select{font:inherit;padding:10px;width:100%}[hidden]{display:none!important}

.workspace-tabs{display:flex;gap:6px;background:#e2eaf2;border-radius:12px;padding:6px;margin:24px 0}
.workspace-tabs [role=tab]{flex:1;margin:0;padding:13px 20px;background:transparent;color:#476174;font-weight:bold;border:2px solid transparent;border-radius:8px}
.workspace-tabs [role=tab]:hover{background:#f4f8fb}
.workspace-tabs [role=tab][aria-selected=true]{background:#fff;color:#146b66;border-color:#146b66;box-shadow:0 2px 5px #17344c12}
[role=tabpanel]:focus-visible{outline:3px solid #e2a92d;outline-offset:4px;border-radius:8px}
.active-call-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e3f5f2;border:1px solid #92c5bf;border-radius:10px;padding:12px 18px;margin-bottom:18px}
.active-call-banner p{margin:0;color:#174d48;overflow-wrap:anywhere}
.active-call-banner .danger{width:auto;flex-shrink:0;margin:0}
@media(max-width:700px){.active-call-banner{align-items:stretch;flex-direction:column}.workspace-tabs{margin:18px 0}}
.contact-import{background:#f4f8fb;border:1px solid #d4e0e9;border-radius:10px;padding:16px;margin:18px 0}
.contact-import p{overflow-wrap:anywhere}.contact-import select[size]{min-height:140px}
.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:#e2eaf2;color:#17344c}
#sms-batch-results{max-height:250px;overflow:auto}#sms-batch-progress{border-top:1px solid #d4e0e9;padding-top:14px}

.job-events,.job-results{max-height:320px;overflow:auto;overflow-wrap:anywhere}
.workspace-tabs [role=tab]{padding:12px 8px}
.account-bar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-bar{padding:12px 0}.account-bar label{margin:0;min-width:200px}.account-bar a{display:block;font-size:14px;color:#146b66}.account-bar button{margin:0}.usage-section{padding:22px}.usage-section h2{font-size:17px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{background:#f3f7fa;border:1px solid #e1e8ee;border-radius:10px;padding:14px}.metric strong{display:block;font-size:28px;color:#146b66;line-height:1.3}.metric span{font-size:13px;color:#526b7e}.muted{font-size:13px;color:#627c90}.eyebrow{font-size:13px;font-weight:700;color:#146b66;letter-spacing:.03em}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #e2e9ef;vertical-align:top}th{background:#f4f8fb;color:#526b7e;white-space:nowrap}.table-actions{min-width:140px}.table-actions button{font-size:12px;padding:7px 10px;margin:0 0 6px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto;margin:0}#admin-error,#login-error{color:#a51d26;font-weight:bold}.login-page{background:#edf3f4;min-height:100vh;display:grid;place-items:center}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%;max-width:1060px;padding:48px 28px}.login-intro h1{font-size:48px;line-height:1.25;margin:24px 0}.login-intro p{max-width:400px;font-size:18px}.brand-mark{font-size:26px;font-weight:bold;color:#146b66}.login-tags{display:flex;gap:10px;margin-top:32px}.login-tags span{background:#e0ebe9;color:#216660;border-radius:30px;padding:6px 14px;font-size:13px}.login-card{padding:38px;margin:0;box-shadow:0 18px 50px #18344b0c}.login-card h2{font-size:28px;margin:8px 0}.login-card input{background:#fafcfd}.login-card button{width:100%;margin-top:24px}.google-button{display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;color:#17344c;border:1px solid #cedbe5;border-radius:8px;padding:12px;margin-top:20px}.google-button b{font-size:20px}.google-button:hover{background:#f6f9fb}@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:20px;padding:28px 18px;max-width:520px}.login-intro h1{font-size:32px}.login-intro p,.login-tags{display:none}.login-card{padding:26px}.metrics{grid-template-columns:repeat(2,1fr)}.account-bar{flex-wrap:wrap}.account-bar label{width:100%}.workspace-tabs{flex-wrap:wrap}.workspace-tabs [role=tab]{min-width:40%}.section-heading{align-items:start}}

.connection-summary{display:grid;gap:5px;max-width:410px;font-size:.92rem}.connection-summary small{color:#52677e}.connection-ok{color:#14756d}.connection-bad{color:#a13628}
.schedule-form{margin:18px 0;padding:16px;background:#f4f8fb;border:1px solid #d4e0e9;border-radius:10px}.report-badge{background:#e3f5f2;color:#174d48;border-radius:20px;padding:5px 12px;font-size:14px}.schedule-row{border-bottom:1px solid #e2e9ef;padding:12px 0;display:flex;gap:16px;align-items:center;justify-content:space-between}#report-rows td:nth-child(2){direction:ltr;text-align:right;white-space:nowrap}#report-rows td:nth-child(5){min-width:200px}#reports-panel .table-scroll{max-height:560px;overflow:auto}#reports-panel th{position:sticky;top:0}.schedule-row button{flex-shrink:0}@media(max-width:700px){.schedule-row{display:block}}

/* Kol workspace: quiet surfaces, persistent navigation, clear task hierarchy. */
:root{--ink:#152c40;--muted:#647785;--accent:#126b60;--border:#e0e7e9;--canvas:#f4f6f5;--rail:#132e34}
body{font-family:Arial,"Segoe UI",sans-serif;color:var(--ink)}
.app-page{background:var(--canvas);font-size:15px;line-height:1.65}
.app-page main{max-width:1560px;margin:0 244px 0 auto;padding:32px 42px}
.app-page header{border:0;margin:0 0 8px;gap:24px;min-height:92px}
.app-page h1{font-size:30px;letter-spacing:-.7px;margin:5px 0 12px}
.app-page h2{font-size:20px;letter-spacing:-.3px;margin:4px 0 14px}
.app-page p{color:var(--muted)}
.app-page section{border:1px solid var(--border);padding:26px;border-radius:16px;margin:20px 0;box-shadow:0 3px 12px #192e3903}
.app-page .grid{gap:22px;align-items:start}.app-page .grid>section{margin:0}
.app-page button{font-size:14px;font-weight:600;padding:11px 18px;border-radius:8px;transition:background .15s,box-shadow .15s}
.app-page button:hover:not(:disabled){box-shadow:0 3px 10px #17344c17;background:#09564d}
.app-page button.secondary{background:#edf3f2;color:#24544e;border:1px solid #dce7e4}
.app-page button.secondary:hover:not(:disabled){background:#e0ece8}
.app-page button.danger{background:#b63f44}.app-page button.danger:hover:not(:disabled){background:#982e33}
.app-page input,.app-page select,.app-page textarea{border:1px solid #d3dde0;border-radius:8px;background:#fff;padding:11px 12px;font-size:14px;color:var(--ink)}
.app-page input:focus,.app-page select:focus,.app-page textarea:focus{border-color:var(--accent);outline:3px solid #126b601c}
.app-page label{font-size:13px;font-weight:600;color:#405866;margin:14px 0}
.app-page .workspace-tabs{position:fixed;inset:0 0 0 auto;width:224px;margin:0;padding:118px 16px 30px;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;border-radius:0;background:var(--rail);z-index:20;overflow-y:auto;counter-reset:nav}
.app-page .workspace-tabs:before{content:'קול';position:absolute;top:28px;right:28px;color:#fff;font-size:43px;font-weight:700;letter-spacing:-2px;line-height:1}
.app-page .workspace-tabs:after{content:'KOLCALL · COMMUNICATION WORKSPACE';position:absolute;right:28px;top:80px;font-size:8px;letter-spacing:1px;color:#8aadaa;direction:ltr}
.app-page .workspace-tabs [role=tab]{flex:0 0 auto;min-height:46px;padding:12px 14px;display:flex;align-items:center;gap:13px;text-align:right;color:#b6cbc9;border:0;border-radius:8px;background:transparent;font-size:14px;font-weight:500;box-shadow:none}
.app-page .workspace-tabs [role=tab]:before{counter-increment:nav;content:counter(nav,decimal-leading-zero);font-size:10px;color:#7c9a97;direction:ltr;font-weight:400}
.app-page .workspace-tabs [role=tab][aria-selected=true]{background:#285049;color:#fff;font-weight:700;box-shadow:inset -3px 0 #9cd8b9}
.app-page .workspace-tabs [role=tab][aria-selected=true]:before{color:#a8d6bf}
.app-page .workspace-tabs [role=tab]:hover{background:#24484a;color:white}
.app-page .account-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;min-height:66px;margin-bottom:24px}
.app-page .account-bar strong{font-size:13px}.app-page .account-bar label{font-size:11px;display:flex;align-items:center;gap:10px;min-width:0}
.app-page .account-bar select{min-width:180px;margin:0;padding:7px 12px}.app-page .account-bar button{padding:7px 12px;font-size:12px}
.app-page .connection-summary{padding:10px 15px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:11px;line-height:1.5;gap:2px}
.app-page .connection-summary strong{font-weight:500}.app-page .connection-summary small{font-size:10px}
.app-page .connection-ok:before{content:'●';margin-left:7px;font-size:9px;color:#39876a}
.app-page .connection-bad:before{content:'●';margin-left:7px;font-size:9px;color:#bf6563}
.app-page .welcome-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#e7eeea;border-color:#d7e2db;padding:30px 34px;overflow:hidden}
.app-page .welcome-card h2{font-size:29px;letter-spacing:-.8px;line-height:1.4;margin:8px 0}.welcome-card p{max-width:540px}
.welcome-art{width:180px;height:150px;flex:0 0 auto;border:1px solid #9ebaab;border-radius:90px 90px 28px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d4e3d9;transform:rotate(-7deg);box-shadow:14px 10px 0 #c6d9cc66}
.welcome-art span{font-size:58px;letter-spacing:-4px;font-weight:bold;color:#3c6956}.welcome-art small{font-size:9px;letter-spacing:1px;color:#547563}
.app-page .metrics{gap:12px}.app-page .metric{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.app-page .metric strong{font-size:30px;letter-spacing:-1px;color:var(--ink);margin-bottom:7px}.app-page .metric span{font-size:12px}
.app-page .usage-section{background:transparent;padding:0;border:0;box-shadow:none;margin:22px 0}.app-page .usage-section h2{font-size:14px;color:var(--muted)}
.app-page .eyebrow{font-size:11px;color:#557d70;font-weight:700;letter-spacing:.4px}.app-page .muted{font-size:12px}
.app-page .steps{list-style:none;counter-reset:steps;padding:0;margin:20px 0 0}.steps li{counter-increment:steps;position:relative;padding:0 42px 22px 0;min-height:50px}.steps li:before{content:counter(steps);position:absolute;right:0;top:0;width:28px;height:28px;background:#edf2ef;color:#527360;border-radius:50%;text-align:center;line-height:28px;font-weight:bold;font-size:12px}.steps li b,.steps li span{display:block}.steps li span{font-size:13px;color:var(--muted);margin-top:4px}
.app-page .filter-bar{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.filter-bar label:first-child{flex:1;min-width:180px}.filter-bar select{min-width:150px}.app-page .inline-actions{align-items:center;gap:10px}
.app-page .compact{padding:5px 12px;font-size:12px;margin:0}.tag-pill{display:inline-block;padding:3px 9px;margin:2px;background:#edf3ef;border-radius:5px;color:#426854;font-size:11px;white-space:nowrap}
.app-page td{padding:15px 10px;border-color:#edf0f1}.app-page th{background:#f7f9f8;font-size:12px;font-weight:600}.app-page tr:hover td{background:#fcfdfc}
.phone-cell{direction:ltr;unicode-bidi:plaintext;white-space:nowrap}.empty-state{text-align:center;padding:40px!important;color:var(--muted);font-size:14px}
#people-rows input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.app-page .checkbox-label input{accent-color:var(--accent)}
.message-previews{max-height:440px;overflow:auto;display:grid;gap:14px;margin:16px 0}.message-preview{background:#eff5f0;border:1px solid #dce6de;border-radius:12px 12px 0 12px;padding:16px}.message-preview b,.message-preview small{display:block}.message-preview small{font-size:11px;color:#728477}.message-preview p{white-space:pre-wrap;overflow-wrap:anywhere;color:#263f32;font-size:14px}
.preview-totals{font-size:18px;color:#2a6653;font-weight:bold}.preview-card{background:#fcfdfb!important}.app-page #personal-errors{color:#a43f3f;font-size:13px}
.app-page #error:not(:empty){background:#fff0ef;border:1px solid #edd2d0;border-radius:10px;padding:14px;position:sticky;top:10px;z-index:25}
.app-page .contact-import,.app-page .schedule-form{background:#f8faf9;border-color:var(--border);border-radius:10px;padding:18px}
.app-page .status{background:#edf4ef;border-radius:8px;color:#365d4d}.app-page footer{font-size:11px;color:#8b989e;padding-top:25px}
@media(min-width:1800px){.app-page main{margin-left:auto;margin-right:auto;padding-right:150px}}
@media(max-width:1100px){.app-page main{padding:24px;margin-right:202px}.app-page .workspace-tabs{width:184px;padding:116px 10px 20px}.app-page .workspace-tabs [role=tab]{font-size:13px;padding:11px 10px}.app-page .metrics{grid-template-columns:repeat(3,1fr)}.welcome-art{width:120px;height:125px}.app-page .welcome-card h2{font-size:25px}}
@media(max-width:800px){.app-page main{margin:0;padding:18px 16px}.app-page header{min-height:75px}.app-page h1{font-size:26px}.app-page .workspace-tabs{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;width:auto;padding:6px;margin:16px -4px 22px;background:#e6ece8;border-radius:11px}.app-page .workspace-tabs:before,.app-page .workspace-tabs:after,.app-page .workspace-tabs [role=tab]:before{display:none}.app-page .workspace-tabs [role=tab]{min-width:max-content;min-height:40px;padding:8px 14px;color:#496454;font-size:13px}.app-page .workspace-tabs [role=tab][aria-selected=true]{color:#fff;background:#285c4e;box-shadow:none}.app-page .grid{grid-template-columns:1fr;gap:18px}.app-page .welcome-card{padding:24px}.welcome-art{display:none}.app-page .metrics{grid-template-columns:repeat(2,1fr)}.app-page section{padding:20px}.app-page .account-bar{margin-bottom:12px;gap:12px}.app-page .account-bar label{width:auto;flex:1}.app-page .account-bar select{min-width:130px}.app-page header{display:flex;align-items:start}.app-page .connection-summary{max-width:190px;font-size:10px;padding:8px}.app-page .welcome-card h2{font-size:24px}.app-page .section-heading{gap:10px}.app-page button{min-height:42px}.app-page .inline-actions>button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}