.tld-cx-nav-count{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#d5443e;color:#fff;display:inline-grid;place-items:center;padding:0 6px;font-size:.68rem;font-weight:900}.tld-cx-page{display:grid;gap:18px;padding-bottom:34px}.tld-cx-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#0f3445,#16647b 60%,#1c8469);color:#fff;box-shadow:0 14px 36px rgba(20,73,91,.16)}.tld-cx-hero h1{font-size:1.75rem;line-height:1.15;margin:3px 0 5px}.tld-cx-hero p{max-width:720px;color:#dceef3;margin:0}.tld-cx-kicker{display:block;font-size:.67rem;font-weight:900;letter-spacing:.14em;color:#5c8190}.tld-cx-hero .tld-cx-kicker{color:#a9d9e5}.tld-cx-live-state{display:grid;gap:6px;justify-items:end}.tld-cx-live-state small{color:#dceef3}.tld-cx-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:850;white-space:nowrap;background:#edf2f4;color:#526b76}.tld-cx-pill.ok{background:#dff5e8;color:#17633a}.tld-cx-pill.warn{background:#fff1ce;color:#865e08}.tld-cx-pill.bad{background:#ffe3e0;color:#9a342f}.tld-cx-pill.neutral{background:#e9f0f3;color:#49636f}.tld-cx-interaction-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:16px}.tld-cx-card{background:#fff;border:1px solid #dbe6ea;border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(20,54,68,.05);min-width:0}.tld-cx-current{grid-column:1/2}.tld-cx-guidance{grid-column:2/3}.tld-cx-next{grid-column:2/3}.tld-cx-timeline{grid-column:1/2;grid-row:2/4}.tld-cx-card h2{margin:3px 0 10px;font-size:1.1rem;color:#173f4f}.tld-cx-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tld-cx-section-head small{color:#738b95}.tld-cx-timer{font-variant-numeric:tabular-nums;color:#176b82;font-size:1.15rem}.tld-cx-call-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tld-cx-call-controls button,.tld-cx-transfer-box button,.tld-cx-card>button,.tld-cx-number-list button,.tld-cx-notify-tools button,.tld-cx-notification-actions button{border:1px solid #c7d9e0;border-radius:9px;background:#f8fcfd;color:#174f65;padding:8px 11px;font-weight:800}.tld-cx-call-controls .primary,.tld-cx-transfer-box button{background:#167b91;color:#fff;border-color:#167b91}.tld-cx-call-controls .danger{background:#fff1f0;color:#9b332f;border-color:#efbfbc}.tld-cx-dtmf{display:grid;grid-template-columns:repeat(6,42px);gap:6px;margin-top:12px}.tld-cx-dtmf button{height:34px;border:1px solid #d5e2e7;border-radius:8px;background:#fff;font-weight:800}.tld-cx-transfer-box{display:none;margin-top:14px;border:1px solid #cee0e6;border-radius:12px;padding:12px;background:#f7fbfc;gap:10px}.tld-cx-transfer-box.open{display:grid}.tld-cx-transfer-box label{display:grid;gap:5px;font-size:.76rem;font-weight:800;color:#486a78}.tld-cx-transfer-box input,.tld-cx-transfer-box textarea{width:100%;border:1px solid #c6d8df;border-radius:9px;padding:9px;background:#fff}.tld-cx-transfer-box textarea{min-height:72px;resize:vertical}.tld-cx-transfer-box>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tld-cx-transfer-box small{color:#71868f;max-width:560px}.tld-cx-acw{margin-top:14px;border-left:4px solid #e0a62f;background:#fff9e9;border-radius:10px;padding:11px 13px}.tld-cx-acw p{margin:3px 0 8px;color:#735d2c}.tld-cx-acw button{border:0;background:#815f0f;color:#fff;border-radius:8px;padding:7px 10px;font-weight:800}.tld-cx-muted,.tld-cx-empty{color:#748992;margin:8px 0}.tld-cx-customer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tld-cx-customer-head h2{margin:3px 0 1px}.tld-cx-customer-head p{margin:0;color:#6e828b;font-size:.8rem}.tld-cx-alert{display:grid;gap:2px;border-radius:10px;padding:9px 11px;margin:9px 0;font-size:.8rem}.tld-cx-alert.bad{background:#fff0ef;color:#8b3531;border:1px solid #f0cbc8}.tld-cx-alert.warn{background:#fff7e5;color:#795d1b;border:1px solid #f0ddb0}.tld-cx-alert.ok{background:#effbf3;color:#306945;border:1px solid #cce8d6}.tld-cx-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.tld-cx-facts>div{border:1px solid #e1eaee;border-radius:10px;padding:9px;background:#fbfdfe}.tld-cx-facts small,.tld-cx-facts strong{display:block}.tld-cx-facts small{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#7b9098}.tld-cx-facts strong{margin-top:2px;color:#224b5c;font-size:.82rem}.tld-cx-number-list{display:grid;gap:5px}.tld-cx-number-list>div{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;background:#f7fafb}.tld-cx-number-list span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:1;overflow-wrap:anywhere}.tld-cx-dnc{font-size:.68rem;background:#c7433f;color:#fff;padding:3px 6px;border-radius:999px}.tld-cx-guidance ul{padding-left:20px;display:grid;gap:8px;color:#49636e}.tld-cx-safety{display:grid;gap:2px;border-top:1px solid #e3ecef;margin-top:14px;padding-top:12px}.tld-cx-safety b{color:#234f5f}.tld-cx-safety span{color:#71868f;font-size:.76rem}.tld-cx-work-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f3}.tld-cx-work-row>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e6f3f6;color:#22677c;font-size:.7rem;font-weight:900}.tld-cx-work-row strong,.tld-cx-work-row small{display:block}.tld-cx-work-row small,.tld-cx-work-row time{font-size:.7rem;color:#788c95}.tld-cx-timeline-list{max-height:580px;overflow:auto;padding-right:6px}.tld-cx-timeline-item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid #eef2f4}.tld-cx-timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#77a6b5}.tld-cx-timeline-dot.call{background:#1d829a}.tld-cx-timeline-dot.phone{background:#5b62b5}.tld-cx-timeline-dot.callback{background:#d69a26}.tld-cx-timeline-item strong,.tld-cx-timeline-item p,.tld-cx-timeline-item small{display:block}.tld-cx-timeline-item strong{font-size:.82rem;color:#244d5d}.tld-cx-timeline-item p{margin:2px 0;font-size:.77rem;color:#607983;overflow-wrap:anywhere}.tld-cx-timeline-item small{font-size:.68rem;color:#8798a0}.tld-cx-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tld-cx-metrics>div{background:#fff;border:1px solid #dce7eb;border-radius:14px;padding:13px;display:grid;gap:2px}.tld-cx-metrics small{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#6f8791}.tld-cx-metrics strong{font-size:1.65rem;color:#164f62}.tld-cx-metrics span{font-size:.7rem;color:#7e9097}.tld-cx-super-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.tld-cx-table-wrap{overflow:auto;max-height:560px}.tld-cx-table-wrap table{width:100%;border-collapse:collapse;font-size:.78rem}.tld-cx-table-wrap th,.tld-cx-table-wrap td{padding:8px;border-bottom:1px solid #edf1f3;text-align:left;vertical-align:middle}.tld-cx-table-wrap th{position:sticky;top:0;background:#fff;color:#6a818b}.tld-cx-table-wrap td strong,.tld-cx-table-wrap td small{display:block}.tld-cx-table-wrap td small{color:#84949a}.tld-cx-live-call{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f3}.tld-cx-live-call strong,.tld-cx-live-call span{display:block}.tld-cx-live-call span{font-size:.72rem;color:#6b828c}.tld-cx-live-call time{font-variant-numeric:tabular-nums;color:#657d87}.tld-cx-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tld-cx-mini-stats span{background:#f4f8fa;border-radius:999px;padding:5px 8px;font-size:.72rem}.tld-cx-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 0}.tld-cx-progress-row strong,.tld-cx-progress-row small{display:block}.tld-cx-progress-row small{color:#788c94}.tld-cx-progress{grid-column:1/3;height:7px;border-radius:999px;background:#ecf1f3;overflow:hidden}.tld-cx-progress i{display:block;height:100%;background:linear-gradient(90deg,#21829a,#2a9b73);border-radius:inherit}.tld-cx-notify-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.tld-cx-notify-tools>div{display:flex;gap:6px;flex-wrap:wrap}.tld-cx-notify-tools button.active{background:#175f77;color:#fff;border-color:#175f77}.tld-cx-notifications{padding:8px}.tld-cx-notification{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #edf1f3}.tld-cx-notification.read{opacity:.68}.tld-cx-notification-main{display:grid;grid-template-columns:10px minmax(0,1fr);gap:9px;border:0;background:transparent;text-align:left;padding:2px}.tld-cx-notification-dot{width:8px;height:8px;border-radius:50%;background:#1d829a;margin-top:6px}.tld-cx-notification.read .tld-cx-notification-dot{background:#bac7cc}.tld-cx-notification.critical .tld-cx-notification-dot{background:#c9433e}.tld-cx-notification.warning .tld-cx-notification-dot{background:#d99b27}.tld-cx-notification-main strong,.tld-cx-notification-main p,.tld-cx-notification-main small{display:block}.tld-cx-notification-main p{margin:2px 0;color:#5d747e}.tld-cx-notification-main small{color:#89999f}.tld-cx-notification-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:1180px){.tld-cx-metrics{grid-template-columns:repeat(3,1fr)}.tld-cx-interaction-grid,.tld-cx-super-grid{grid-template-columns:1fr}.tld-cx-current,.tld-cx-guidance,.tld-cx-next,.tld-cx-timeline{grid-column:auto;grid-row:auto}.tld-cx-timeline-list{max-height:420px}}@media(max-width:720px){.tld-cx-hero{padding:16px;display:grid}.tld-cx-live-state{justify-items:start}.tld-cx-metrics{grid-template-columns:repeat(2,1fr)}.tld-cx-facts{grid-template-columns:1fr}.tld-cx-notification{grid-template-columns:1fr}.tld-cx-notification-actions{justify-content:flex-start}.tld-cx-dtmf{grid-template-columns:repeat(6,1fr)}}
.tld-cx-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.tld-cx-health-grid>div{border:1px solid var(--border,#dbe5e8);border-radius:12px;padding:12px;display:grid;gap:5px}.tld-cx-health-grid small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.68}.tld-cx-health-grid span:last-child{font-size:12px;opacity:.72}@media(max-width:800px){.tld-cx-health-grid{grid-template-columns:1fr}}
/* 2.4.2 interaction UX */
.tld-cx-transfer-actions,.tld-cx-acw-actions,.tld-cx-assist-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tld-cx-transfer-actions .primary,.tld-cx-acw-actions .primary,.tld-cx-consult-banner .primary{background:#167b91!important;color:#fff!important;border-color:#167b91!important}.tld-cx-consult-banner{margin-top:14px;padding:13px 14px;border-radius:12px;border:1px solid #a8d4df;background:linear-gradient(135deg,#eefafe,#f1fbf5);display:flex;align-items:center;justify-content:space-between;gap:14px}.tld-cx-consult-banner>div:first-child{display:grid;gap:2px}.tld-cx-consult-banner span{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#17728a}.tld-cx-consult-banner strong{color:#143f50}.tld-cx-consult-banner small{color:#63808b}.tld-cx-consult-banner>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.tld-cx-consult-banner button,.tld-cx-acw-actions button,.tld-cx-assist-actions button{border:1px solid #bfd4dc;border-radius:9px;padding:8px 10px;background:#fff;color:#174f65;font-weight:800;cursor:pointer}.tld-cx-consult-banner button:disabled,.tld-cx-acw-actions button:disabled,.tld-cx-assist-actions button:disabled{opacity:.48;cursor:not-allowed}.tld-cx-acw-form{display:grid;gap:10px}.tld-cx-acw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tld-cx-acw-form label{display:grid;gap:5px;font-size:.76rem;font-weight:800;color:#5d542d}.tld-cx-acw-form select,.tld-cx-acw-form textarea{width:100%;border:1px solid #dfca91;border-radius:9px;background:#fff;padding:9px;color:#243c46}.tld-cx-acw-form textarea{min-height:96px;resize:vertical}.tld-cx-acw-warning{white-space:nowrap;border-radius:999px;background:#bd7112;color:#fff;padding:4px 8px;font-size:.68rem;font-weight:900}.tld-cx-assist-actions{grid-column:1/-1;padding-top:3px}.tld-cx-assist-actions button{font-size:.7rem;padding:6px 9px}.tld-cx-assist-actions .warn{border-color:#e6bf6b;background:#fff7df;color:#7b5510}.tld-cx-live-call{grid-template-columns:minmax(0,1fr) auto auto;align-items:start}.tld-cx-card button{cursor:pointer}.tld-cx-card button:focus-visible,.tld-cx-transfer-box input:focus-visible,.tld-cx-transfer-box textarea:focus-visible,.tld-cx-acw-form select:focus-visible,.tld-cx-acw-form textarea:focus-visible{outline:3px solid rgba(22,123,145,.24);outline-offset:2px}.tld-cx-page{animation:tcx-fade-in .16s ease-out}@keyframes tcx-fade-in{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:none}}@media(max-width:720px){.tld-cx-consult-banner{align-items:flex-start;flex-direction:column}.tld-cx-assist-actions{width:100%}}
