.call-clear-button,.call-back-button{margin-left:8px}
.guided-screen{display:grid;gap:14px}
.guided-fields{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}
.call-handler-modal .call-layout{grid-template-columns:340px minmax(430px,1fr) 300px}
.call-customer-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.call-customer-card label{margin:0}
.call-customer-card label:nth-child(1),.call-customer-card label:nth-child(3){grid-column:1/-1}
.call-hidden-select{display:none!important}
.vehicle-lookup-card{border:1px solid #35566d;background:#0b2639;color:#d9edf8;border-radius:10px;padding:12px;font-size:10px;line-height:1.45}
.vehicle-lookup-card span,.vehicle-lookup-card strong,.vehicle-lookup-card small{display:block}
.vehicle-lookup-card strong{font:800 16px Manrope;color:#fff;margin:3px 0}
.vehicle-lookup-card div{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.vehicle-lookup-card b{background:#173d57;color:#cce8f7;border-radius:999px;padding:5px 8px;font-size:9px}
.vehicle-lookup-card.success{background:#0f332b;border-color:#2b826d}
.vehicle-lookup-card.success b{background:#164c3f;color:#dff2eb}
.vehicle-lookup-card.fallback{background:#3a2d16;border-color:#8c6827;color:#fff0d6}
.vehicle-lookup-card.loading strong{color:#86d7ff}
.customer-first-screen h2{font-size:26px}
.customer-path-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.customer-path-strip strong,.customer-path-strip span{border:1px solid #dbe4ea;border-radius:999px;padding:8px 12px;background:#fff;font-size:11px}
.customer-path-strip strong{background:#dff2eb;border-color:#29956a;color:#317159}
.booking-customer-summary{display:none}
#booking-modal.booking-schedule-mode .booking-customer-summary{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:#eef6fa;border:1px solid #d6e7f0;border-radius:10px;padding:14px;margin-bottom:14px}
#booking-modal.booking-schedule-mode .booking-customer-summary h3{font:800 15px Manrope;margin:0 0 4px}
#booking-modal.booking-schedule-mode .booking-customer-summary p{margin:2px 0;color:#607583;font-size:10px}
#booking-modal.booking-schedule-mode .booking-customer-summary strong,#booking-modal.booking-schedule-mode .booking-customer-summary small{display:block;text-align:right}
#booking-modal.booking-schedule-mode .customer-seed-field{display:none}
#booking-modal.booking-schedule-mode .form-row{align-items:end}
.guided-fields span{background:#fff;border:1px solid #dbe4ea;border-radius:10px;padding:12px;font-size:11px;color:#435b6d}
.guided-fields b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#176ca4;color:#fff;margin-right:7px}
.manual-call-flags,.call-template-list{display:grid;gap:7px;margin-top:10px}
.sms-builder-actions{display:none!important}
.manual-call-flags button,.call-template-list button{border:1px solid #dbe8f0;background:#fff;border-radius:8px;padding:9px;text-align:left;cursor:pointer;color:#173247}
.manual-call-flags button.active{background:#dff2eb;border-color:#29956a;color:#317159;font-weight:800}
.call-template-list strong,.call-template-list small{display:block}
.call-template-list small{color:#6e8090;margin-top:3px}
.text-confirm-actions{display:flex;flex-wrap:wrap;gap:8px}
.category-picker-label select{font-size:16px;padding:14px;border-radius:10px}
.text-preview-screen textarea{width:100%;border:1px solid #d4dfe5;border-radius:10px;padding:13px;line-height:1.45;color:#102f4d;background:#fff}
.large-template-list{grid-template-columns:repeat(2,minmax(180px,1fr))}
.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}
.outcome-card{border:1px solid #dbe4ea;background:#fff;border-radius:10px;padding:16px;text-align:left;cursor:pointer;color:#173247}
.outcome-card strong,.outcome-card span{display:block}
.outcome-card strong{font:800 16px Manrope;margin-bottom:6px}
.outcome-card span{font-size:11px;color:#607583;line-height:1.45}
.outcome-card.primary-outcome{background:#176ca4;border-color:#176ca4;color:#fff}
.outcome-card.primary-outcome span{color:#d9edf8}
.completion-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.completion-grid label{margin:0}.completion-grid textarea{min-height:76px}.followup-notes-field{grid-column:1/-1}.customer-completion-screen,.followup-confirm-screen,.booking-stage-screen,.booking-confirm-screen{min-height:300px}.booking-customer-inline,.booking-confirmation-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.booking-customer-inline span,.booking-confirmation-card>div{display:grid;gap:3px;border:1px solid #dbe4ea;border-radius:9px;padding:12px;background:#f8fbfd}.booking-customer-inline b,.booking-confirmation-card strong{font:800 13px Manrope}.booking-customer-inline small,.booking-confirmation-card small,.booking-confirmation-card span{font-size:10px;color:#607583}.booking-confirmation-card{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-confirmation-card small{font-weight:800;letter-spacing:.7px;color:#4184ad}
.guided-deposit-box{display:grid;grid-template-columns:minmax(130px,1fr) auto 140px minmax(130px,1fr);gap:10px;align-items:end;border:1px solid #cfe3ed;border-radius:9px;background:#edf7fb;padding:12px}.guided-deposit-box strong,.guided-deposit-box small{display:block}.guided-deposit-box small{margin-top:3px;color:#607583;font-size:9px}.guided-deposit-box .check{display:flex;align-items:center;gap:7px;margin:0;padding:9px;border:1px solid #b9d7e4;border-radius:7px;background:#fff;font-size:10px}.guided-deposit-box .check input{width:16px;margin:0;accent-color:#176ca4}
.template-picker-inline{background:#fff;border:1px solid #dbe4ea;border-radius:10px;padding:12px}
.live-flag{display:flex;justify-content:space-between;gap:8px;align-items:center}
.live-flag button{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:800}
.call-flag-chip.blue{background:#dceef8;color:#246d99}
.call-flag-chip.orange{background:#fff0d6;color:#8c6827}
.call-flag-chip.red{background:#f5dfdf;color:#ae4848}
.return-to-call-button{position:fixed;right:24px;bottom:92px;z-index:10020;border:0;border-radius:999px;background:#102f4d;color:#fff;padding:13px 18px;font:800 12px "DM Sans";box-shadow:0 14px 40px rgba(16,47,77,.28);display:none;cursor:pointer}
.return-to-call-button.show{display:block}
.notification-button{position:fixed;z-index:10030;right:24px;top:88px;border:1px solid #dbe4ea;background:#fff;color:#102f4d;border-radius:999px;padding:11px 14px;font:800 11px "DM Sans";box-shadow:0 14px 40px rgba(16,47,77,.18);display:flex;align-items:center;gap:8px;cursor:pointer}
.notification-button b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#176ca4;color:#fff;font-size:10px}
.notification-panel{position:fixed;z-index:10031;right:24px;top:138px;width:min(360px,calc(100vw - 36px));background:#fff;border:1px solid #dbe4ea;border-radius:12px;box-shadow:0 24px 80px rgba(12,41,61,.28);display:none;color:#193044}
.notification-panel.show{display:block}
.notification-panel header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #e8eef2}
.notification-panel h3{font:800 16px Manrope;margin:0}
#notification-list{display:grid;gap:8px;padding:12px 16px}
#notification-list article{border:1px solid #e1e9ee;border-radius:9px;padding:10px;background:#f8fbfd}
#notification-list strong,#notification-list small{display:block}
#notification-list small{color:#6e8090;margin-top:4px}
.notification-settings{border-top:1px solid #e8eef2;padding:12px 16px}
.notification-settings label{display:block;margin-top:10px;font-size:9px;font-weight:800;color:#5d7382}
.notification-settings select{width:100%;border:1px solid #d4dfe5;border-radius:7px;padding:8px;margin-top:5px}
#toast{z-index:10040;right:24px;bottom:24px;max-width:min(460px,calc(100vw - 36px));font-size:13px;padding:16px 20px;border-radius:12px;box-shadow:0 18px 60px rgba(12,41,61,.32)}
#toast[data-size="compact"]{font-size:11px;padding:11px 14px}
#toast[data-size="large"]{font-size:15px;padding:18px 22px}
#toast[data-location="top-right"]{top:24px;right:24px;bottom:auto;left:auto}
#toast[data-location="top-centre"]{top:24px;left:50%;right:auto;bottom:auto;transform:translate(-50%,8px)}
#toast[data-location="top-centre"].show{transform:translate(-50%,0)}
#toast[data-location="bottom-centre"]{bottom:24px;left:50%;right:auto;top:auto;transform:translate(-50%,8px)}
#toast[data-location="bottom-centre"].show{transform:translate(-50%,0)}
.notification-button[data-location="bottom-right"]{top:auto;bottom:24px}
.notification-button[data-location="top-centre"],.notification-button[data-location="bottom-centre"]{left:50%;right:auto;transform:translateX(-50%)}
.notification-button[data-location="bottom-centre"]{top:auto;bottom:24px}
.draft-list{display:grid;gap:12px}
.draft-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:17px}
.draft-card h3{font:700 15px Manrope;margin:0 0 5px}
.draft-card p{margin:0;color:var(--muted);font-size:10px}
.draft-actions{display:flex;gap:8px}
.flag-editor-list{display:grid;gap:8px;margin-top:12px}
.flag-editor-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#f7fafb;border:1px solid #dbe4ea;border-radius:8px;padding:10px}
.flag-editor-row strong,.flag-editor-row small{display:block}
.flag-editor-row small{color:#6e8090;margin-top:3px}
.flag-edit-card{background:#fff;border:1px solid #dbe4ea;border-radius:10px;padding:14px;margin-top:12px}
@media(max-width:760px){.guided-fields,.draft-card,.flag-editor-row,.outcome-grid,.large-template-list,.completion-grid,.booking-customer-inline,.booking-confirmation-card,.guided-deposit-box{grid-template-columns:1fr}.draft-actions{justify-content:flex-start;flex-wrap:wrap}}