/* Presentation layer for the caller sales cockpit. */
.header{position:sticky;top:0;z-index:30}
.caller-workspace{max-width:1500px;margin:0 auto}.caller-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.caller-page-header h2{margin:3px 0;font:700 27px Manrope;color:var(--ink)}.caller-page-header p{margin:0;color:var(--muted);font-size:13px}.caller-customer-summary{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(260px,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid #dce7f0;border-radius:15px;background:linear-gradient(120deg,#fff,#f7fbff);box-shadow:0 8px 24px #0b36500a}.caller-customer-main h3{margin:3px 0 4px;font:700 21px Manrope;color:#173a5c}.caller-customer-main p{margin:0;color:#60768d;font-size:13px}.caller-customer-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.caller-customer-meta span{padding:4px 7px;border-radius:6px;background:#edf4fa;color:#516b84;font-size:10px;font-weight:600}.caller-contact-row{display:grid;gap:6px;color:#60768d;font-size:12px;overflow-wrap:anywhere}.caller-contact-row a{color:#0968d9;font-weight:700;text-decoration:none}.caller-quick-actions{display:flex;gap:7px;align-items:center}.caller-quick-actions .secondary{min-height:34px;padding:7px 10px}.caller-health-strip{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.caller-health-strip .pill{padding:6px 9px;border:1px solid #e0eaf2;background:#fff;color:#536d86}.caller-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,340px);gap:18px;align-items:start}.caller-main-workflow{min-width:0}.caller-stepper{display:flex;gap:5px;overflow:auto;padding:3px 0 11px}.caller-stepper span{white-space:nowrap;padding:6px 9px;border-radius:7px;color:#6b8096;background:#eaf1f7;font-size:11px;font-weight:700}.caller-stepper .active{color:#fff;background:#0b4b8d}.caller-workflow{border:1px solid #dce7f0;border-radius:15px;background:#fff;box-shadow:0 10px 28px #153e5f0c}.caller-workflow form{padding:4px 20px 0}.caller-workflow .dynamic-section,.caller-outcome-section{padding:17px 0;border-bottom:1px solid #e8eef4}.caller-workflow .dynamic-section:last-of-type{border-bottom:0}.caller-section-title,.caller-workflow .section-head{display:flex;align-items:center;gap:9px;margin:0 0 13px;padding:0;border:0}.caller-section-title span,.caller-workflow .section-head .eyebrow{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#eaf3fd;color:#0968d9;font-size:10px;font-weight:800}.caller-section-title h3,.caller-workflow .section-head h3{margin:0;font:700 15px Manrope;color:#1a3d5e}.caller-workflow .subhead{margin-top:0;padding-top:0}.caller-workflow .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.caller-workflow .field{gap:5px}.caller-workflow .field label{font-size:10px;color:#6a7f94;letter-spacing:.01em}.caller-workflow .field input,.caller-workflow .field select,.caller-workflow .field textarea{min-height:38px;border-color:#d7e3ed;border-radius:8px;background:#fcfdff;transition:border-color .15s,box-shadow .15s}.caller-workflow .field input:focus,.caller-workflow .field select:focus,.caller-workflow .field textarea:focus{outline:0;border-color:#4e96de;box-shadow:0 0 0 3px #1476d514}.caller-workflow .field textarea{min-height:74px}.caller-workflow .span-3{grid-column:span 3}.caller-workflow [data-caller-core-form="machine"] .form-grid{grid-template-columns:minmax(220px,360px)}.caller-workflow [data-caller-core-form="qualification"] .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.caller-workflow [data-caller-core-form="next-action"]>div.form-grid:first-of-type{grid-template-columns:minmax(220px,360px)}.caller-action-bar{position:sticky;z-index:3;bottom:0;margin:0 -20px;padding:13px 20px;border-top:1px solid #dce7f0;background:#ffffffed;backdrop-filter:blur(10px);box-shadow:0 -8px 18px #183c5b0a}.caller-action-bar .save-state{font-size:11px;color:#6b8094}.caller-action-bar .primary{min-width:138px}.caller-context-panel{display:grid;gap:12px;position:sticky;top:14px}.caller-context-card{padding:14px;border:1px solid #dce7f0;border-radius:13px;background:#fff;box-shadow:0 7px 20px #153e5f09}.caller-context-card>.eyebrow{display:block;margin-bottom:8px;color:#6a8096}.caller-context-card strong{display:block;color:#1c3e60;font:700 14px Manrope}.caller-context-card p{margin:5px 0 0;color:#708399;font-size:12px}.caller-health-grid{display:grid;gap:7px;color:#63788f;font-size:12px}.caller-health-grid b{color:#168356;font-size:12px}.caller-context-panel details{margin:0;padding:0;border:0;box-shadow:none}.caller-context-panel summary{cursor:pointer;color:#234864;font-size:12px;font-weight:700}.caller-context-panel table{margin-top:10px;font-size:10px}.caller-context-panel th,.caller-context-panel td{padding:7px;white-space:normal}.caller-context-panel .table-card{margin:0;overflow:visible}.caller-context-history>.kpi-sub{margin:0}.caller-workspace [hidden]{display:none!important}
@media(max-width:1279px){.caller-workspace-grid{grid-template-columns:minmax(0,1fr) 300px}.caller-customer-summary{grid-template-columns:1fr auto}.caller-contact-row{grid-column:1/-1;grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.caller-workspace-grid{grid-template-columns:1fr}.caller-context-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.caller-context-card:last-child{grid-column:span 2}.caller-workflow .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caller-workflow .span-3{grid-column:span 2}}
@media(max-width:760px){.caller-page-header{align-items:flex-start}.caller-page-header h2{font-size:23px}.caller-customer-summary{grid-template-columns:1fr;padding:15px}.caller-contact-row{grid-column:auto;grid-auto-flow:row;grid-template-columns:1fr}.caller-quick-actions{justify-content:flex-start}.caller-workspace-grid{gap:12px}.caller-context-panel{grid-template-columns:1fr}.caller-context-card:last-child{grid-column:auto}.caller-workflow form{padding-inline:14px}.caller-workflow .form-grid,.caller-workflow [data-caller-core-form="qualification"] .form-grid{grid-template-columns:1fr}.caller-workflow .span-3{grid-column:auto}.caller-workflow [data-caller-core-form="machine"] .form-grid,.caller-workflow [data-caller-core-form="next-action"]>div.form-grid:first-of-type{grid-template-columns:1fr}.caller-action-bar{margin-inline:-14px;padding-inline:14px}.caller-stepper{margin-inline:-2px}.caller-context-panel{position:static}.caller-workspace{overflow-x:clip}}