:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222922;background:#f7f8f3;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{min-height:88px;border-bottom:1px solid #dde2d7;background:#fff;display:flex;align-items:center;padding:16px 5vw;gap:40px}header .brand{display:flex;background:white}header img{width:128px;height:48px;object-fit:contain}header nav{flex:1}header nav a{font-size:14px;font-weight:600}header form{display:flex;align-items:center;gap:12px;margin:0}a{color:#25553b;text-underline-offset:3px}main{max-width:1200px;margin:0 auto;padding:44px 32px 80px}h1{font-size:48px;line-height:1.12;letter-spacing:-1.8px;font-weight:550;margin:12px 0 18px}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:18px;font-weight:600;margin:0 0 5px}p{margin:8px 0 16px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#5c715e}.intro{font-size:18px;color:#65705f}.muted{color:#687367;font-size:13px}.demo{padding:10px 14px;background:#f3ecd6;border-radius:8px;font-size:13px;margin:0 0 28px}.notice{background:#fff1d9;border-left:3px solid #ae7e2c;padding:14px;font-size:14px}.search{display:flex;gap:12px;max-width:560px;margin:30px 0 42px}.search input{margin:0}.listheading{display:flex;align-items:center;justify-content:space-between;gap:15px}.listheading span{font-size:12px;color:#687367}.calllist{border-top:1px solid #d9dfd3}.callrow{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:23px 6px;border-bottom:1px solid #d9dfd3;color:inherit;gap:20px}.callrow:hover{background:#eef2e8}.callrow p{font-size:12px;color:#687367;margin:0}.callrow>span{font-size:24px}input,textarea,select{display:block;width:100%;font:inherit;padding:11px 13px;border:1px solid #cbd3c4;border-radius:7px;background:#fff;color:inherit;margin:7px 0 18px}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:550}button,.button{display:inline-block;border:0;border-radius:7px;background:#254f36;color:white;padding:12px 18px;font:inherit;font-size:14px;font-weight:550;cursor:pointer;text-decoration:none}button:disabled{opacity:.6}.secondary{background:#edf1e7;color:#294732;border:1px solid #d5dfce}.quiet{background:transparent;color:#54674e}.columns{display:grid;grid-template-columns:360px 1fr;gap:36px;margin-top:36px}.compose{background:#fff;border:1px solid #dde3d7;border-radius:12px;padding:26px;height:fit-content;position:sticky;top:24px}.compose .primary{width:100%;margin-top:16px}.calltitle{font-size:38px;max-width:920px}.back{font-size:13px;display:block;margin-bottom:24px}.result{background:#fff;border:1px solid #dde3d7;border-radius:12px;padding:24px;margin-bottom:20px}.resultheading{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;flex-wrap:wrap}.status{font-size:12px;border-radius:16px;background:#edf2e6;padding:5px 10px}.result form{margin-top:18px}.result details{margin-bottom:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.empty{padding:40px;border:1px dashed #bbc8b4;border-radius:12px;color:#65705f}.login{max-width:430px;margin:50px auto}.login h1{font-size:38px}.login form{margin-top:30px}.login button{width:100%}summary{font-size:13px;cursor:pointer}details p{font-size:13px}footer{text-align:center;color:#75806e;font-size:12px;padding:24px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8fb477;outline-offset:3px}@media(max-width:760px){header{padding:12px 20px;gap:16px;flex-wrap:wrap}header img{width:90px}header form span{display:none}header nav{font-size:12px}main{padding:26px 18px 60px}h1{font-size:36px}.columns{grid-template-columns:1fr;gap:28px}.compose{position:static}.listheading{display:block}.listheading span{display:block;margin-bottom:10px}.calltitle{font-size:30px}.result,.compose{padding:20px}}
header nav{display:flex;gap:20px;align-items:center}header nav a{min-height:44px;display:flex;align-items:center}.connection-banner{padding:12px 16px;background:#e7f0e7;color:#25553b;border-radius:10px;font-size:14px}.connection-banner span{display:block;font-size:12px;color:#596950}.connection-card{max-width:600px;background:white;border:1px solid #dde3d7;padding:24px;border-radius:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.filter{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #d5dfce;border-radius:24px;text-decoration:none;font-size:14px;white-space:nowrap}.filter.selected{background:#254f36;color:white;border-color:#254f36}.filter span{opacity:.75}.callinfo{min-width:0}.callinfo h3{overflow-wrap:anywhere;margin:4px 0 10px}.call-date{font-size:12px;color:#687367}.status-new{background:#edf0e9;color:#53634b}.status-processed{background:#deefdf;color:#245437}.status-working{background:#e2edf9;color:#21578a}.status-attention{background:#fff0cf;color:#805817}.loadmore{margin-top:20px}.search input:not([type=hidden]){min-width:0}.listheading h2{margin-bottom:0}.listheading{margin-bottom:14px}button,.button{min-height:44px}input[type=hidden]{display:none}
@media(max-width:760px){header{gap:8px 16px;padding:10px 16px}header nav{gap:16px;justify-content:flex-end}header form{margin-left:auto}header form button{padding:8px}.brand{flex-shrink:0}main{padding:24px 16px 60px}h1{font-size:34px;letter-spacing:-1px}.intro{font-size:16px}.search{margin:22px 0;gap:8px}.filters{gap:8px;margin-bottom:24px}.filter{font-size:13px;padding:9px 12px}.callrow{padding:18px 2px;gap:14px;min-height:100px}.callinfo h3{font-size:17px;line-height:1.4}.listheading{display:flex;flex-wrap:wrap;gap:8px}.listheading h2{width:100%}.listheading span{margin:0;flex:1}.listheading a{font-size:13px;padding:10px 0}.connection-card{padding:20px}.connection-card button,.actions button{width:100%}.login{margin:24px auto}.result,.compose{padding:18px}.columns{margin-top:24px}.calltitle{overflow-wrap:anywhere}input,textarea,select{font-size:16px}.connection-banner{margin-bottom:24px}}

.login-error{margin:24px 0 0;padding:16px 18px;border:1px solid #e6b7ab;border-radius:10px;background:#fff3ef;color:#843e2a;overflow-wrap:anywhere}.login-error strong{display:block;font-size:15px}.login-error p{margin:5px 0 0;font-size:14px}.login-error+form{margin-top:22px}