:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#17243c;background:#f4f7fc}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e1e7f0;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:#0551a8}.tag{font-size:12px;background:#eaf2ff;color:#0551a8;padding:8px 12px;border-radius:20px}main{max-width:1400px;margin:38px auto;padding:0 28px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 8px}p{color:#68758b;margin:0 0 25px;line-height:1.6}.filters{display:flex;flex-wrap:wrap;gap:14px;background:white;border:1px solid #e1e7f0;border-radius:14px;padding:20px;align-items:end}label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#5b687f}select,input,button{font:inherit;padding:11px 13px;border:1px solid #d5dfeb;border-radius:8px;background:white;color:#17243c}select{min-width:270px;max-width:100%}button{cursor:pointer;background:#0551a8;color:white;border-color:#0551a8;font-weight:650}button:disabled{opacity:.5;cursor:wait}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.card{background:white;border:1px solid #e1e7f0;border-radius:12px;padding:20px}.card small{color:#69778d}.card strong{display:block;font-size:30px;margin-top:8px}.table{background:white;border:1px solid #e1e7f0;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#718096;background:#fafbfd}td,th{padding:17px 20px;border-bottom:1px solid #edf1f6}td{font-size:13px}tbody tr{cursor:pointer}tbody tr:hover{background:#f1f6ff}.pill{padding:5px 9px;background:#edf4ff;color:#0551a8;border-radius:6px;font-size:11px}.status{margin:16px 0;color:#64748b;font-size:13px;min-height:20px}.error{color:#b42318}.empty{padding:55px;text-align:center;color:#64748b}dialog{border:1px solid #dce4ee;border-radius:16px;padding:28px;width:min(650px,94vw);max-height:85vh;color:#17243c}dialog::backdrop{background:#0d1e3b88}dialog button{float:right}h2{margin:0 0 20px;font-size:22px}.detail{display:grid;grid-template-columns:140px 1fr;gap:12px;font-size:14px;margin:22px 0}.detail dt{color:#64748b}.detail dd{margin:0;overflow-wrap:anywhere}.conversation{border:1px solid #e1e7f0;background:#f7f9fc;border-radius:10px;padding:15px;margin:12px 0;white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}a{color:#0551a8}footer{font-size:12px;color:#78869a;margin-top:22px}@media(max-width:650px){header{padding:18px}.tag{font-size:10px}main{padding:0 16px;margin-top:24px}.filters label{width:100%}select{min-width:0}.cards{gap:8px}.card{padding:14px}.detail{grid-template-columns:100px 1fr}}

[hidden]{display:none!important}.login{max-width:520px;margin:90px auto;padding:36px}.login p{margin-top:20px}#identity{font-size:12px}#team-form{display:grid;gap:16px}#team-form button{float:none}.check{display:flex;align-items:center;gap:10px;margin:8px 0}fieldset{border:1px solid #d5dfeb;border-radius:8px}#team-users button{float:none;display:block;margin:8px 0;background:white;color:#0551a8;width:100%;text-align:left}#team-status{margin-top:18px}header>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:650px){.login{margin:35px 16px}header{flex-wrap:wrap;gap:12px}}
/* UltraFix CRM visual theme */
:root{color:#302f2b;background:#faf9f6;font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif}
body{background:#faf9f6}button{background:#347cc6;border-color:#347cc6;border-radius:6px;font-weight:600}button:hover:not(:disabled){background:#2469b0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #76b4f3;outline-offset:3px}
.app-header{padding:14px 32px;min-height:76px;background:#fff;border-bottom:1px solid #e5e3dc;box-shadow:0 2px 5px #28282408}.brand{display:flex;align-items:center;gap:18px}.brand img{width:145px;height:auto;display:block}.brand-divider{height:26px;width:1px;background:#dad8d0}.brand .product-name{font-size:18px;font-weight:500;letter-spacing:0;color:#77766d}#identity{color:#68675f}#logout{background:transparent;color:#595b60;border-color:#dcdad3}main{max-width:1540px}h1{color:#302f2b;font-size:29px;letter-spacing:-.8px}p{color:#898a81}.filters,.card,.table{border-color:#e7e4dc;border-radius:9px}.filters{background:#fff}label{color:#73776e}select,input{border-color:#dcdad1;border-radius:6px}th{background:#efeee7;color:#515960;text-transform:none;letter-spacing:0;font-size:12px}td,th{border-bottom-color:#eeece7}td{color:#6f8097}tbody tr:hover{background:#f1f5f9}.pill{background:#f1f5f8;color:#3475ab;border-radius:0}.card strong{color:#353a3e}.card small{color:#85877e}dialog{color:#30342f;background:#fffefa;border-color:#e7e4dc}#team-users button{color:#347cc6}.conversation{background:#f7f7f3;border-color:#e6e5dc}
body:has(#login:not([hidden])) .app-header{display:none}
.login{display:grid;grid-template-columns:45% 55%;min-height:100dvh;max-width:none;margin:0;padding:0;background:#fcfbf8}
.login-content{display:flex;flex-direction:column;justify-content:center;position:relative;padding:70px clamp(32px,7vw,145px)}
.login-form-wrap{width:100%;max-width:560px;margin:auto}.login-logo{display:block;width:182px;max-width:65%;height:auto;margin-bottom:58px;mix-blend-mode:multiply}
.login h1{font-size:32px;font-weight:750;margin:0 0 4px;letter-spacing:-1px}.login p{margin:0;line-height:1.6}.login .login-subtitle{font-size:15px;color:#95958b;margin-bottom:36px}.login-service{background:#f0efe8;color:#72776e;text-align:center;padding:12px 10px;border-radius:6px;font-size:13px;margin-bottom:22px}
#signin{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600}.google-mark{display:inline-grid;place-items:center;background:#fff;color:#4285f4;border-radius:50%;width:24px;height:24px;font-family:Arial,sans-serif;font-weight:700}
.login #login-status{margin-top:19px;font-size:13px;color:#70766f;min-height:42px}.login .login-help{text-align:center;font-size:13px;color:#656962;margin-top:24px}.login-footer{position:absolute;bottom:28px;left:24px;right:24px;text-align:center;color:#a0a095;font-size:11px;letter-spacing:.3px}
.login-brand-panel{position:relative;isolation:isolate;overflow:hidden;background:#2c80cd;border-bottom-left-radius:220px;display:flex;align-items:center;justify-content:center;min-height:100dvh}
.login-brand-panel:before{content:"";position:absolute;inset:-8% -15% 0 3%;background:radial-gradient(ellipse at 53% 43%,#237be3 0%,#1d62b7 44%,#123b6a 100%);border-bottom-left-radius:220px;transform:skewX(4deg);z-index:-1}
.brand-panel-inner{display:flex;align-items:center;flex-direction:column;gap:35px;padding:45px}.brand-panel-inner img{width:310px;max-width:80%;filter:grayscale(1) invert(1) brightness(4);mix-blend-mode:screen}.brand-panel-inner span{font-size:11px;color:#c2daf8;letter-spacing:5px}
@media(max-width:900px){.login-content{padding:50px 32px}.login-brand-panel,.login-brand-panel:before{border-bottom-left-radius:120px}.brand-panel-inner img{width:260px}.login-logo{margin-bottom:40px}}
@media(max-width:640px){.login{grid-template-columns:1fr}.login-brand-panel{display:none}.login-content{min-height:100dvh;padding:45px 27px 80px}.login-form-wrap{max-width:420px}.login-logo{width:172px;margin-bottom:48px}.app-header{padding:12px 18px}.brand img{width:120px}.brand{gap:12px}.app-header>div:last-child{width:100%}#identity{margin-right:auto}.brand .product-name{font-size:16px}}

.lead-workflow{background:#f5f7fa;border:1px solid #dce4ee;border-radius:10px;padding:18px;margin:20px 0}.lead-workflow h3{margin-top:0}.lead-workflow p{font-size:13px;margin:12px 0}.lead-workflow button,#refresh-conversations{float:none;margin-top:12px}.lead-workflow textarea{width:100%;font:inherit;padding:12px;border:1px solid #d5dfeb;border-radius:6px;resize:vertical}#conversations{clear:both}td[data-rating-lead]{font-weight:650}td[data-workflow-lead]{font-weight:650;color:#0551a8}

.secondary-filters{margin-top:14px;flex-wrap:wrap}.secondary-filters input[type=search]{min-width:180px}.table table{min-width:1250px}.table button{font-size:12px;padding:7px 10px;white-space:nowrap}.table select{min-width:135px}.unread-badge{background:#b42318;color:white}#unread-count{align-self:center;color:#b42318}

#campaign-dialog{width:min(840px,calc(100% - 24px));max-height:90dvh;padding:20px}
#campaign-dialog[open]{display:flex;flex-direction:column}
#campaign-dialog button{float:none}
.campaign-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;border:0;background:transparent}
.campaign-heading h2,.campaign-heading p{margin:0}
.campaign-heading p{margin-top:6px}
.campaign-toolbar,.campaign-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}
.campaign-toolbar{justify-content:space-between;border-bottom:1px solid #ddd}
#campaign-rows{overflow:auto;min-height:0;overscroll-behavior:contain}
.campaign-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 8px;margin:0;border-bottom:1px solid #e7e5df;cursor:pointer}
.campaign-row:has(input:checked){background:#eaf2ff}
.campaign-row input,.campaign-toolbar input{width:19px;height:19px;accent-color:#0551a8}
.campaign-row small{display:block;font-weight:400;overflow-wrap:anywhere;margin-top:3px}
.campaign-badge{border-radius:999px;padding:4px 9px;background:#f3e8d2;color:#66460e}
.campaign-badge.enabled{background:#e1f4e8;color:#176039}
.campaign-actions{border-top:1px solid #ddd;justify-content:flex-end}
#campaign-reload{margin-right:auto}
#campaign-pause{background:#8d3c19}
#campaign-resume{background:#176039}
#campaign-results{max-height:18vh;overflow:auto;margin:0}
#campaign-note{margin:12px 0 4px}