.callin-shell{color:#f7fbfa;min-height:100vh;font-family:var(--font-sans),system-ui,sans-serif;background:radial-gradient(circle at 84% 8%,#49cfc638,#0000 28%),#062e3b;padding:clamp(16px,4vw,42px)}.callin-card{background:#0a3a47;border:1px solid #78ddd647;border-radius:28px;width:min(860px,100%);margin:0 auto;overflow:hidden;box-shadow:0 28px 80px #0000004d}.callin-card>header{border-bottom:1px solid #82d9d42e;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.callin-card>header>a{color:#b3d9d9;align-items:center;gap:7px;font-size:13px;font-weight:850;text-decoration:none;display:flex}.callin-card>header>a svg{width:16px}.callin-card>header>span{grid-template-columns:auto 1fr;gap:0 9px;display:grid}.callin-card>header>span svg{color:#66d8d1;grid-row:1/3;width:28px;height:28px}.callin-card>header small{color:#78cbc8;letter-spacing:.13em;font-size:9px;font-weight:950}.callin-card>header b{font-size:18px}.callin-hero{background:linear-gradient(135deg,#0c4654,#0b3846);grid-template-columns:1fr auto;gap:24px;padding:clamp(24px,5vw,44px);display:grid}.callin-hero small{color:#68d5cf;letter-spacing:.14em;font-size:10px;font-weight:950}.callin-hero h1{letter-spacing:-.05em;max-width:600px;margin:7px 0 12px;font-size:clamp(36px,7vw,64px);line-height:.95}.callin-hero p{color:#c1d9da;max-width:610px;margin:0;font-size:16px;line-height:1.55}.callin-lights{flex-direction:column;align-items:stretch;gap:8px;display:flex}.callin-lights span{color:#aac2c5;letter-spacing:.08em;border:1px solid #52727a;border-radius:999px;align-items:center;gap:8px;min-width:150px;padding:8px 11px;font-size:10px;font-weight:950;display:flex}.callin-lights i{background:#71878b;border-radius:50%;width:9px;height:9px}.callin-lights .on{color:#83ebe2;border-color:#3d918d}.callin-lights .on i,.callin-lights .clear i{background:#4bd4c9;box-shadow:0 0 0 4px #4bd4c91f}.callin-lights .busy{color:#ffd0c3;border-color:#a95a4c}.callin-lights .busy i{background:#f27758;box-shadow:0 0 0 4px #f2775821}.callin-lights .waiting{color:#ffe0a5;border-color:#a47d39}.callin-lights .waiting i{background:#f3ba52}.callin-form{gap:15px;padding:clamp(22px,5vw,38px);display:grid}.callin-form label{gap:7px;display:grid}.callin-form label>span{font-size:13px;font-weight:900}.callin-form em{color:#8faeb1;font-style:normal;font-weight:600}.callin-form input,.callin-form textarea{color:#103842;background:#f9fdfc;border:1px solid #6a8b91;border-radius:12px;outline:none;width:100%;padding:13px 14px;font:15px inherit}.callin-form textarea{resize:vertical;min-height:105px}.callin-form input:focus,.callin-form textarea:focus{border-color:#67ddd5;box-shadow:0 0 0 3px #67ddd52e}.callin-form>button{min-height:52px;font-weight:950;color:#062d39!important;background:#5ed2cc!important}.callin-form>button svg{width:19px}.callin-form>p{color:#99b7ba;align-items:center;gap:7px;margin:0;font-size:11px;line-height:1.4;display:flex}.callin-form>p svg{color:#61d0ca;width:17px}.callin-error{color:#ffd8cc;background:#4b302f;border:1px solid #c97562;border-radius:11px;padding:11px 13px;font-size:13px;font-weight:750}.callin-closed{flex-direction:column;align-items:flex-start;padding:clamp(26px,5vw,42px);display:flex}.callin-closed>svg{color:#f5b35f;width:36px;height:36px}.callin-closed h2{margin:12px 0 7px;font-size:28px}.callin-closed p{color:#bbd2d4;margin:0;line-height:1.55}.callin-closed small{color:#f3ad99;margin-top:9px}.callin-actions{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 clamp(22px,5vw,38px) 26px;display:grid}.callin-actions a,.callin-actions button{color:#f2f8f7;cursor:pointer;background:0 0;border:1px solid #527981;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;font:900 12px inherit;text-decoration:none;display:flex}.callin-actions .listen{color:#18323a;background:#f4b25f;border-color:#f4b25f}.callin-actions svg{width:16px}.callin-notes{background:#315c65;border-top:1px solid #315c65;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.callin-notes>span{background:#082f3c;grid-template-columns:auto 1fr;gap:0 9px;padding:18px;display:grid}.callin-notes svg{color:#62d1cb;grid-row:1/3;width:20px}.callin-notes b{font-size:12px}.callin-notes small{color:#85a6aa;font-size:10px}.callin-spin{animation:.8s linear infinite callin-spin}@keyframes callin-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.callin-card>header{align-items:flex-start}.callin-hero{grid-template-columns:1fr}.callin-lights{flex-flow:wrap}.callin-lights span{min-width:0}.callin-actions{grid-template-columns:1fr 1fr}.callin-notes{grid-template-columns:1fr}.callin-card{border-radius:20px}.callin-hero h1{font-size:43px}}@media (max-width:430px){.callin-shell{padding:0}.callin-card{border:0;border-radius:0;min-height:100vh}.callin-card>header{padding:15px}.callin-card>header>span small{display:none}.callin-hero{padding:25px 18px}.callin-form{padding:22px 18px}.callin-actions{grid-template-columns:1fr;padding:0 18px 24px}}.callin-form select{color:#103842;background:#f9fdfc;border:1px solid #6a8b91;border-radius:12px;outline:none;width:100%;min-height:50px;padding:0 14px;font:15px inherit}.callin-form select:focus{border-color:#67ddd5;box-shadow:0 0 0 3px #67ddd52e}.callin-safety{color:#733a2e;background:#fff0ea;border:1px solid #d58b78;border-radius:11px;gap:3px;padding:12px 14px;display:grid}.callin-safety b{font-size:13px}.callin-safety span{font-size:12px;line-height:1.45}
