/* Information architecture pass: caller workspace only. */
.caller-workspace { max-width: 1580px; padding-bottom: 28px; }
.caller-customer-summary { display: block; padding: 18px 20px; }
.caller-customer-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.caller-customer-header .secondary { min-height: 34px; padding: 7px 10px; font-size: 11px; }
.caller-customer-identity { margin: 10px 0 18px; }
.caller-customer-identity h3 { margin: 3px 0 4px; color: #173a5c; font: 700 22px/1.2 Manrope, sans-serif; }
.caller-customer-identity p { margin: 0; color: #637b92; font-size: 13px; }
.caller-customer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 22px; }
.caller-summary-item { display: grid; min-width: 0; gap: 5px; }
.caller-summary-label { color: #637b92; font-size: 12px; font-weight: 700; line-height: 1.2; }
.caller-summary-item strong { min-width: 0; color: #183b5d; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.caller-summary-item a { color: #075fa8; font-weight: 700; text-decoration: none; }
.caller-summary-item a:hover, .caller-summary-item a:focus-visible { color: #053e72; text-decoration: underline; outline: 2px solid #78afe5; outline-offset: 2px; border-radius: 3px; }
.caller-quick-actions { margin-top: 18px; }
.caller-workspace-grid { grid-template-columns: minmax(0, 7fr) minmax(292px, 3fr); gap: 22px; }
.caller-stepper { position: sticky; top: 72px; z-index: 6; margin-bottom: 10px; padding: 8px; border: 1px solid #dce7f0; border-radius: 12px; background: #fffffff2; box-shadow: 0 6px 18px #153e5f0c; }
.caller-stepper button { cursor: pointer; border: 0; white-space: nowrap; padding: 8px 11px; border-radius: 8px; color: #536f89; background: #edf3f8; font: 700 12px/1 Manrope, sans-serif; }
.caller-stepper button:hover, .caller-stepper button:focus-visible { color: #083f78; background: #dfeefa; outline: 2px solid #78afe5; outline-offset: 2px; }
.caller-stepper button.active { color: #fff; background: #0b4b8d; }
.caller-workflow { overflow: clip; border-radius: 16px; }
.caller-workflow form { padding: 16px 20px 0; }
.caller-workflow .dynamic-section, .caller-workflow .caller-outcome-section { margin: 0 0 14px; padding: 17px; border: 1px solid #e0e9f1; border-radius: 12px; background: #fbfdff; }
.caller-workflow .dynamic-section:last-of-type { border-bottom: 1px solid #e0e9f1; }
.caller-workflow .caller-section-title, .caller-workflow .section-head { align-items: flex-start; margin-bottom: 15px; }
.caller-workflow .section-head > div, .caller-workflow .caller-section-title > div { min-width: 0; }
.caller-workflow .caller-section-title h3, .caller-workflow .section-head h3 { font-size: 16px; letter-spacing: -.01em; }
.caller-workflow .section-head p, .caller-workflow .caller-section-title p { margin: 3px 0 0; color: #688099; font-size: 12px; line-height: 1.4; }
.caller-workflow .form-grid, .caller-workflow .form-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px 14px; }
.caller-workflow .form-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.caller-workflow .field { min-width: 0; gap: 6px; }
.caller-workflow .field label { color: #36526e; font-size: 12px; font-weight: 700; line-height: 1.25; }
.caller-workflow .field label b { color: #c92f45; }
.caller-workflow .caller-field-unit { color: #688099; font-size: 11px; font-weight: 700; }
.caller-workflow .field input, .caller-workflow .field select, .caller-workflow .field textarea { color: #173a5c; font-size: 13px; font-weight: 500; }
.caller-workflow .field input, .caller-workflow .field select { min-height: 41px; }
.caller-machine-badge { display: inline-flex; margin-top: 12px; padding: 5px 9px; border-radius: 6px; color: #0b5b9f; background: #e6f2ff; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.caller-machine-group { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #e5edf4; }
.caller-machine-group:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.caller-machine-group h4, .caller-action-details h4 { margin: 0 0 10px; color: #1f496d; font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.caller-machine-group [hidden] { display: none !important; }
.caller-additional-remark { margin-top: 12px; }
.caller-additional-remark summary { cursor: pointer; color: #1766ad; font-size: 12px; font-weight: 700; }
.caller-additional-remark .form-grid { margin-top: 10px; }
.caller-next-action-cards { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.caller-next-action-cards button { min-height: 36px; cursor: pointer; border: 1px solid #d3e1ed; border-radius: 8px; padding: 7px 10px; color: #385a78; background: #fff; font: 700 12px/1.2 Manrope, sans-serif; }
.caller-next-action-cards button:hover, .caller-next-action-cards button:focus-visible, .caller-next-action-cards button.active { border-color: #0d70c4; color: #07528e; background: #e8f4ff; outline: none; }
.caller-action-details { margin-top: 14px; padding: 14px; border: 1px solid #dce9f3; border-radius: 10px; background: #f6fbff; }
.caller-action-bar { gap: 10px; min-height: 62px; }
.caller-context-panel { top: 72px; gap: 11px; max-height: calc(100vh - 88px); overflow: auto; padding-right: 2px; }
.caller-context-card { padding: 14px; }
.caller-context-card progress { width: 100%; height: 6px; overflow: hidden; border: 0; border-radius: 10px; accent-color: #0a9b65; }
.caller-context-card progress::-webkit-progress-bar { background: #e7eef4; }
.caller-context-card progress::-webkit-progress-value { background: #16a36b; }
.caller-context-card strong { font-size: 13px; }
.caller-context-details { margin-top: 9px; }
.caller-context-details summary { cursor: pointer; color: #1766ad; font-size: 12px; font-weight: 700; }
.caller-context-details table { margin-top: 8px; }
.caller-context-activity-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.caller-context-activity-list li { color: #536f89; font-size: 12px; line-height: 1.35; }
.caller-context-activity-list li::before { content: '•'; color: #0a9b65; margin-right: 7px; }
@media (max-width: 1279px) { .caller-workspace-grid { grid-template-columns: minmax(0, 1fr) minmax(270px, 300px); } .caller-workflow .form-grid, .caller-workflow .form-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .caller-customer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) { .caller-workspace-grid { grid-template-columns: 1fr; } .caller-context-panel { position: static; max-height: none; overflow: visible; grid-template-columns: repeat(2, minmax(0, 1fr)); } .caller-stepper { top: 0; } }
@media (max-width: 599px) { .caller-workspace { overflow-x: clip; } .caller-customer-summary { padding: 15px; } .caller-customer-grid { grid-template-columns: 1fr; gap: 16px; } .caller-customer-header { align-items: flex-start; } .caller-workflow form { padding-inline: 12px; } .caller-workflow .dynamic-section, .caller-workflow .caller-outcome-section { padding: 14px; } .caller-workflow .form-grid, .caller-workflow .form-grid-2, .caller-workflow .form-grid-3 { grid-template-columns: 1fr; } .caller-context-panel { grid-template-columns: 1fr; } .caller-next-action-cards { display: grid; grid-template-columns: 1fr; } .caller-next-action-cards button { width: 100%; text-align: left; } .caller-action-bar { margin-inline: -12px; padding-inline: 12px; } }