@font-face{font-family:Vazirmatn;src:local("Vazirmatn"),local("Tahoma");font-display:swap}*{box-sizing:border-box}:root{--ink:#172522;--muted:#6d7975;--paper:#f5f3ed;--card:#fff;--line:#dedfd8;--green:#174c43;--green-2:#267064;--mint:#dcebe5;--amber:#e9a23b;--danger:#b44a43;--shadow:0 15px 40px rgba(26,45,40,.08)}html{font-family:Vazirmatn,Tahoma,Arial,sans-serif;background:var(--paper);color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#d8e7de 0,transparent 30rem),var(--paper)}button,input,select,textarea{font:inherit}.topbar{height:86px;background:#15312d;color:#fff;display:flex;align-items:center;gap:14px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:4px solid #b88b4e}.topbar h1{font-size:20px;margin:0 0 4px}.topbar p{margin:0;color:#b9cbc7;font-size:13px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid #78918b;border-radius:14px;font-weight:900;font-size:22px;background:linear-gradient(145deg,#28534d,#102824)}.connection{margin-right:auto;font-size:12px;background:#24433e;padding:8px 11px;border-radius:50px;display:flex;gap:7px;align-items:center}.connection span{width:8px;height:8px;border-radius:50%;background:#d6aa61}.connection.online span{background:#6bd19b}.connection.offline span{background:#ef776d}.shell{width:min(1180px,calc(100% - 32px));margin:28px auto 60px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:0;background:transparent;padding:13px 18px;border-radius:12px;color:var(--muted);cursor:pointer}.tab.active{background:var(--card);color:var(--green);box-shadow:0 4px 18px rgba(28,52,46,.07);font-weight:700}.tab b{background:var(--mint);border-radius:30px;padding:2px 7px;margin-right:4px;font-size:11px}.panel{display:none}.panel.active{display:block}form,.panel#list-panel{background:var(--card);border:1px solid rgba(36,58,52,.09);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.form-head,.list-head{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-bottom:1px solid var(--line)}h2{font-size:24px;margin:4px 0 0}.eyebrow{font-size:11px;letter-spacing:.06em;color:var(--green-2);font-weight:800}.button{border:0;border-radius:11px;padding:11px 19px;cursor:pointer;font-weight:700}.button.ghost{background:#edf1ee;color:#35554e}.button.primary{background:var(--green);color:white;min-width:160px;padding:14px 25px}.button:disabled{opacity:.6;cursor:not-allowed}.form-grid{padding:28px 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:13px;font-weight:700}.field em{font-style:normal;color:#919994;font-weight:400;font-size:11px}.field.required>span:after{content:" *";color:var(--danger)}input,select,textarea{width:100%;border:1px solid var(--line);background:#fbfcfa;border-radius:10px;padding:12px 13px;outline:0;color:var(--ink);transition:.18s}input:focus,select:focus,textarea:focus{border-color:#4b8679;box-shadow:0 0 0 3px rgba(56,123,108,.12);background:white}input[readonly]{background:#f0f1ed;color:#79817e}textarea{resize:vertical;line-height:1.9}.field small{font-size:11px;color:var(--muted)}.span-2{grid-column:span 2}.phone-list{display:flex;flex-direction:column;gap:8px}.phone-row{display:flex;gap:8px}.remove-phone{flex:0 0 40px;border:0;border-radius:9px;background:#f7e8e6;color:var(--danger);cursor:pointer}.inline-action{align-self:flex-start;border:0;background:transparent;color:var(--green-2);padding:2px;cursor:pointer;font-size:12px;font-weight:700}.attachments{border-top:1px solid var(--line);padding:28px 32px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title p{margin:0;color:var(--muted);font-size:12px}.dropzone{width:100%;border:1.5px dashed #89a49d;border-radius:15px;padding:25px;background:#f2f7f4;color:var(--green);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.dropzone:hover{background:#eaf3ef}.drop-icon{font-size:25px}.dropzone small{color:var(--muted)}.file-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.file-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fafafa;min-height:130px}.file-card img{width:100%;height:130px;object-fit:cover;display:block}.file-card .file-meta{padding:8px 10px;display:flex;justify-content:space-between;gap:8px;font-size:11px}.file-card .remove-file{position:absolute;top:7px;left:7px;border:0;background:rgba(22,34,31,.78);color:#fff;border-radius:50%;width:26px;height:26px;cursor:pointer}.analysis-state{color:var(--green-2);white-space:nowrap}.analysis-state.error{color:var(--danger)}.suggestion-card{margin-top:14px;padding:16px;border:1px solid #c9ded6;border-radius:13px;background:#f1f8f5;display:grid;grid-template-columns:180px 1fr;gap:18px}.suggestion-card p{font-size:11px;color:var(--muted);margin:4px 0}.suggestion-content{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chip{border:1px solid #a9cbc0;background:white;color:#285a51;padding:7px 11px;border-radius:30px;cursor:pointer}.suggestion-chip.applied{background:#d4e9e2}.hidden{display:none!important}.recorder{display:flex;align-items:center;gap:18px;border:1px solid var(--line);padding:16px;border-radius:14px;background:#fafbf9}.record-button{border:0;border-radius:12px;background:#e8efec;color:var(--green);padding:12px 17px;display:flex;align-items:center;gap:9px;cursor:pointer}.record-button span{width:13px;height:13px;background:#c94f48;border-radius:50%}.record-button.recording{background:#f6e6e4;color:#9d3833}.record-button.recording span{animation:pulse 1s infinite}.record-state{display:flex;flex-direction:column}.record-state strong{font-variant-numeric:tabular-nums}.record-state span{font-size:11px;color:var(--muted)}.upload-audio{margin-right:auto;color:var(--green-2);font-size:12px;font-weight:700;cursor:pointer}.upload-audio input{display:none}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(201,79,72,.18)}}.audio-list{display:flex;flex-direction:column;gap:10px;margin-top:13px}.audio-item{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.audio-item audio{width:100%;height:36px}.transcript{font-size:12px;color:#53605c;line-height:1.8}.transcript.loading{color:var(--green-2)}.remove-audio{border:0;background:#f7e8e6;color:var(--danger);border-radius:9px;padding:8px 11px;cursor:pointer}.submit-bar{position:sticky;bottom:0;background:#f8f9f6;border-top:1px solid var(--line);padding:18px 32px;display:flex;justify-content:space-between;align-items:center;z-index:2}.submit-bar>div{display:flex;flex-direction:column}.submit-bar span{font-size:11px;color:var(--muted);margin-top:3px}.spinner{display:none;width:17px;height:17px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.saving .button-label{display:none}.saving .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.search-wrap{padding:20px 32px 10px}.leads-list{padding:12px 32px 32px;display:flex;flex-direction:column;gap:9px}.lead-row{border:1px solid var(--line);border-radius:13px;padding:15px 17px;display:grid;grid-template-columns:1.2fr 1fr .8fr .7fr auto;align-items:center;gap:12px;cursor:pointer;background:#fff}.lead-row:hover{border-color:#9eb9b1;background:#fbfdfc}.lead-name strong,.lead-name span{display:block}.lead-name span,.lead-date,.lead-meta{font-size:11px;color:var(--muted)}.badge{display:inline-flex;background:#edf3f0;border-radius:30px;padding:5px 9px;font-size:11px}.badge.high{background:#f7e7e2;color:#9e423a}.empty-state{text-align:center;padding:70px 20px}.empty-state p{color:var(--muted);font-size:13px}.toast{position:fixed;left:24px;bottom:24px;background:#173d36;color:#fff;border-radius:12px;padding:13px 18px;box-shadow:0 14px 35px #0003;transform:translateY(120px);opacity:0;transition:.25s;z-index:20;max-width:400px}.toast.show{transform:none;opacity:1}.toast.error{background:#9c3f39}dialog{width:min(680px,calc(100% - 28px));border:0;border-radius:18px;padding:26px;box-shadow:0 30px 80px #10251f55}dialog::backdrop{background:rgba(13,31,27,.55)}.dialog-close{position:absolute;left:14px;top:12px;border:0;background:#eef1ef;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.detail-cell{background:#f5f7f5;border-radius:10px;padding:12px}.detail-cell span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.detail-cell.full{grid-column:span 2}.detail-files{display:flex;flex-wrap:wrap;gap:8px}.detail-files a{color:var(--green-2);background:#eaf2ef;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:12px}
@media(max-width:760px){.topbar{height:76px;padding:0 16px}.topbar h1{font-size:16px}.connection{font-size:0;padding:9px}.shell{width:calc(100% - 20px);margin-top:14px}.form-head,.list-head,.form-grid,.attachments,.submit-bar{padding-right:17px;padding-left:17px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.section-title{align-items:start;gap:10px;flex-direction:column}.file-list{grid-template-columns:repeat(2,1fr)}.suggestion-card{grid-template-columns:1fr}.recorder{align-items:stretch;flex-wrap:wrap}.upload-audio{margin-right:0}.audio-item{grid-template-columns:1fr}.submit-bar>div{display:none}.button.primary{width:100%}.lead-row{grid-template-columns:1fr auto}.lead-row>*:not(.lead-name):not(.lead-open){display:none}.search-wrap,.leads-list{padding-right:16px;padding-left:16px}.detail-grid{grid-template-columns:1fr}.detail-cell.full{grid-column:span 1}}
