.nlc-phone-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;padding:5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#d8bc64;cursor:pointer;vertical-align:middle}.nlc-phone-button:hover{background:#d4af3718;border-color:#d4af3740;color:#ffe395}.nlc-phone-button svg{display:block;pointer-events:none}.nlc-phone-slot{display:flex;justify-content:flex-end;margin:0 0 3px;padding:0}.pipeline-lead>.nlc-lead-phone,.pipeline-mode .role-case-card>.nlc-lead-phone{display:flex;align-items:center;gap:5px;overflow:visible;min-width:0;height:14px}.nlc-lead-phone>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pipeline-lead .nlc-phone-button{width:24px;height:24px;min-height:24px;padding:5px}.pipeline-lead .nlc-phone-button svg{width:14px;height:14px}
.nlc-phone-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #ad8d38;border-radius:18px;background:#10243a;color:#e4edf5;padding:28px;box-shadow:0 20px 70px #0008}.nlc-phone-dialog::backdrop{background:#030c18a8}.nlc-phone-dialog h2{margin:8px 0 20px;color:#fff}.nlc-phone-dialog>small{color:#ebc75a;letter-spacing:.14em}.nlc-phone-close{position:absolute;inset-inline-end:12px;top:10px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#dce8f3;font-size:26px;cursor:pointer}.nlc-phone-dialog p{font-size:14px;line-height:1.6}.nlc-phone-client{font-size:17px!important}.nlc-phone-client strong{display:block;color:#f0cf68;font-size:22px;direction:ltr}.nlc-phone-dialog label,.nlc-phone-account label{display:grid;gap:6px;font-size:13px;font-weight:600}.nlc-phone-dialog select,.nlc-phone-account select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:9px;border:1px solid #8094ae60;border-radius:8px;background:#fff;color:#10243a;font:inherit}.nlc-phone-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.nlc-phone-actions button,.nlc-phone-account button{min-height:42px;border:1px solid #b8973c;border-radius:8px;padding:9px 16px;background:#edca60;color:#10243a;font-weight:700;cursor:pointer}.nlc-phone-actions .nlc-phone-reload{background:transparent;color:#dce8f3;border-color:#8094ae60}.nlc-phone-actions button:disabled,.nlc-phone-account button:disabled{opacity:.45;cursor:default}.nlc-phone-result{color:#f3d576}.nlc-phone-availability{font-weight:700}.nlc-phone-admin a{color:inherit;text-decoration:underline}.nlc-phone-accounts{display:grid;gap:14px;margin-top:20px}.nlc-phone-account{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(180px,1.4fr) minmax(160px,1fr) auto;align-items:end;gap:12px;border:1px solid #8094ae40;border-radius:12px;padding:16px}.nlc-phone-account>div{align-self:center}.nlc-phone-account small{display:block;font-size:12px;margin-top:4px}.nlc-phone-note{grid-column:1/-1;margin:0;font-size:13px}.nlc-phone-note:empty{display:none}.nlc-phone-button:focus-visible,.nlc-phone-dialog button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:900px){.nlc-phone-account{grid-template-columns:1fr 1fr}.nlc-phone-account>div{grid-column:1/-1}}@media(max-width:520px){.nlc-phone-account{grid-template-columns:1fr}.nlc-phone-dialog{padding:22px}}
.nlc-phone-dialog label{color:#dce8f3}

/* Calling is a separate action beside the number, including on the pipeline card. */
.nlc-lead-phone{display:flex;align-items:center;gap:8px;min-width:0}
.nlc-phone-button,.pipeline-lead .nlc-phone-button{width:auto;height:22px;min-height:22px;gap:4px;padding:2px 5px;border-color:#d4af3738;background:#d4af370a;white-space:nowrap}
.nlc-phone-button .nlc-phone-label,.pipeline-lead .nlc-phone-button .nlc-phone-label{font:600 12px/16px Inter,sans-serif;color:inherit;white-space:nowrap;overflow:visible}
.nlc-phone-button svg{width:12px;height:12px;flex:none}
/* The compact card's status row must not intercept the taller call button. */
.pipeline-lead .nlc-phone-button{position:relative;z-index:2}
.nlc-phone-button .nlc-phone-label{pointer-events:none}
.lead-field .nlc-lead-phone{flex-wrap:wrap}

/* The frame lives outside department workspaces and survives internal navigation. */
.nlc-phone-launcher{position:fixed;right:18px;bottom:18px;z-index:5100;width:42px;height:42px;display:grid;place-items:center;border:1px solid #aa913f80;border-radius:50%;background:#0e1c29;color:#e2c567;box-shadow:0 4px 18px #0005;cursor:pointer}.nlc-phone-launcher svg{width:18px;height:18px}.nlc-phone-launcher.is-calling{box-shadow:0 0 0 3px #d5b54550,0 4px 18px #0005}.nlc-embedded-phone{position:fixed;right:18px;bottom:18px;z-index:5100;box-sizing:border-box;width:398px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #a98a36;border-radius:14px;background:#0d1a26;box-shadow:0 18px 60px #0009;color:#e5edf5;scrollbar-color:#8c7b48 #0d1a26;scrollbar-width:thin}.nlc-embedded-phone[hidden],.nlc-phone-launcher[hidden]{display:none}.nlc-embedded-phone>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#101f2d;border-bottom:1px solid #d4af3728}.nlc-embedded-phone>header strong{display:block;font-size:15px;color:#efd17b}.nlc-phone-status{display:block;font-size:12px;line-height:1.4;color:#b7c8d8}.nlc-phone-minimize{flex:none;width:32px;height:32px;background:transparent;border:1px solid #ffffff20;border-radius:7px;color:#d5e0e9;font-size:24px;cursor:pointer}.nlc-phone-context{padding:10px 14px 0;font-size:13px}.nlc-phone-context strong,.nlc-phone-context span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nlc-phone-context span{margin-top:2px;color:#aec0d0;direction:ltr}.nlc-phone-help{margin:8px 14px;font-size:13px;line-height:1.5;color:#c1cdda}.nlc-phone-help:empty{display:none}.nlc-workspace-host{width:376px;max-width:100%;margin:auto;background:#fff}.nlc-workspace-host:empty{display:none}.nlc-workspace-host iframe{display:block;border:0;width:100%!important;height:600px}.nlc-phone-retry{margin:10px 14px 14px;padding:8px 14px;border:1px solid #a98a36;border-radius:7px;background:#21303c;color:#efd17b;cursor:pointer}.nlc-embedded-phone button:focus-visible,.nlc-phone-launcher:focus-visible{outline:2px solid #efd17b;outline-offset:2px}@media(max-width:760px){.pipeline-lead .nlc-phone-button{width:30px;height:30px;min-height:30px}.nlc-embedded-phone{right:12px;bottom:12px;max-height:calc(100dvh - 24px)}.nlc-phone-launcher{right:12px;bottom:12px}}
/* Keep the phone and client sheet in separate, usable areas. */
.nlc-phone-open{background:#071522}
.nlc-embedded-phone{max-width:calc(100% - 24px)}
.nlc-embedded-phone,.nlc-phone-launcher{z-index:10020}
@media(min-width:1000px){
 body.nlc-phone-open{padding-right:430px}
 .nlc-phone-open .lead-sheet{right:430px!important;width:auto;height:auto}
 .nlc-phone-open .navigation-bar{right:430px}
 .nlc-phone-open .pipeline-board{grid-template-columns:repeat(6,minmax(220px,1fr));overflow-x:auto}
 .nlc-phone-open .hero-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding-inline:24px}
 .nlc-phone-open .hero-content .progress-wrap{grid-column:1/-1}
}
@media(max-width:999px){
 .nlc-embedded-phone{right:12px;bottom:12px;max-height:48dvh}
 body.nlc-phone-open{padding-bottom:calc(var(--nlc-phone-height,48dvh) + 24px)}
 .nlc-phone-open .lead-sheet{bottom:calc(var(--nlc-phone-height,48dvh) + 24px)!important;width:100%;height:auto;padding:12px}
 .nlc-phone-open .lead-sheet aside{max-height:calc(100dvh - var(--nlc-phone-height,48dvh) - 48px)}
 .nlc-phone-open .navigation-bar{bottom:calc(var(--nlc-phone-height,48dvh) + 24px)}
}
@media(max-width:760px){.pipeline-lead .nlc-phone-button{width:auto;height:24px;min-height:24px}}

/* Compact NLC phone, with the native call controls kept available in place. */
.nlc-phone-number{position:relative;z-index:2;display:inline-block;min-width:0;min-height:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:start;cursor:pointer;box-shadow:none;flex:0 1 auto}
.pipeline-lead .nlc-phone-number{font-size:inherit;font-weight:400;color:inherit}
.nlc-phone-number:hover{color:#f1d487;text-decoration:underline;text-underline-offset:3px}
.nlc-phone-number:focus-visible{outline:2px solid #f1d487;outline-offset:3px}
.nlc-embedded-phone{border-color:#b99b514d;border-radius:20px;background:linear-gradient(145deg,#142331,#091520);box-shadow:0 16px 56px #0009,0 1px 0 #ffffff08 inset}
.nlc-embedded-phone>header{gap:11px;padding:16px 18px;background:#11202def;border-bottom:1px solid #c7ad6030}
.nlc-phone-emblem{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #d5b65a40;border-radius:12px;background:#c3a24d12;color:#e1c36d}
.nlc-phone-emblem svg{width:20px;height:20px}
.nlc-phone-brand{display:block;font-size:10px;line-height:1.4;letter-spacing:.17em;font-weight:700;color:#9eadb7}
.nlc-embedded-phone>header strong{font-size:18px;line-height:1.4;color:#edf2f5;letter-spacing:-.02em}
.nlc-phone-minimize{margin-inline-start:auto;border:0;background:#ffffff06;width:32px;height:32px;border-radius:9px;color:#aabcc9}
.nlc-phone-minimize:hover{background:#ffffff12;color:#f1d487}
.nlc-phone-summary{padding:16px 18px 18px}
.nlc-phone-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #e1c36d25;border-radius:6px;background:#d2b0510c;color:#d5be7e;font:600 12px/1.3 Inter,sans-serif}
.nlc-phone-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.nlc-embedded-phone[data-state="calling"] .nlc-phone-status,.nlc-embedded-phone[data-state="connecting"] .nlc-phone-status{color:#ffe69a;background:#d2b05120}
.nlc-embedded-phone[data-state="error"] .nlc-phone-status{color:#e6b395;border-color:#e6b39535}
.nlc-phone-context{display:flex;align-items:center;gap:12px;padding:0;margin:18px 0 16px;font-size:14px}
.nlc-phone-context[hidden],.nlc-phone-line[hidden],.nlc-phone-call[hidden],.nlc-phone-expand[hidden],.nlc-workspace-host[hidden],.nlc-phone-retry[hidden]{display:none}
.nlc-phone-avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;border:1px solid #cfb46330;background:linear-gradient(145deg,#c4a74d1f,#c4a74d08);color:#e4ca84;font:600 16px/1 Inter,sans-serif;font-style:normal}
.nlc-phone-context>div{min-width:0;flex:1}
.nlc-phone-context strong{font-size:18px;line-height:1.35;letter-spacing:-.02em;color:#f0f4f7}
.nlc-phone-context span{margin-top:4px;font-size:14px;line-height:1.4;color:#aabac6;font-variant-numeric:tabular-nums}
.nlc-phone-line{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ffffff0d;border-radius:9px;background:#06121b40;font-size:12px;color:#8e9fad}
.nlc-phone-line>span{flex:none}
.nlc-phone-line select{min-width:0;width:100%;min-height:24px;padding:0;background:transparent;color:#d8e1e8;border:0;font:500 13px/1.5 Inter,sans-serif;box-shadow:none;direction:ltr;opacity:1}
.nlc-phone-line select:disabled{appearance:none;color:#d8e1e8;-webkit-text-fill-color:#d8e1e8}
.nlc-phone-line option{background:#132431;color:#e8edf3}
.nlc-phone-help{margin:12px 0 0;color:#99adbc;font-size:13px;line-height:1.5}
.nlc-phone-call{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:14px;padding:11px 16px;border:1px solid #edd59470;border-radius:10px;background:linear-gradient(115deg,#dec478,#bb943b);color:#0d1a26;font:700 14px/1.4 Inter,sans-serif;cursor:pointer;box-shadow:0 4px 16px #0002}
.nlc-phone-call svg{width:17px;height:17px;flex:none}
.nlc-phone-call:hover:not(:disabled){filter:brightness(1.08)}
.nlc-phone-call:disabled{cursor:default;background:#d2b05115;color:#d2bd81;border-color:#d2b05130;box-shadow:none}
.nlc-phone-expand{display:block;box-sizing:border-box;width:100%;min-height:36px;padding:10px 18px;border:0;border-top:1px solid #ffffff0b;background:#06121b40;color:#94a8b8;text-align:center;font:500 12px/1.4 Inter,sans-serif;cursor:pointer}
.nlc-phone-expand:hover{color:#e2c879;background:#d2b0510b}
.nlc-workspace-host{box-sizing:border-box;width:calc(100% - 20px);max-width:376px;margin:0 auto 10px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #ffffff12}
.nlc-workspace-host iframe{height:600px}
.nlc-phone-retry{margin:12px 0 0;border-color:#d2b05145;border-radius:9px;background:#d2b05112;font:600 13px/1.4 Inter,sans-serif;color:#e2c879}
@media(max-width:480px){.nlc-phone-summary{padding:12px 14px}.nlc-embedded-phone>header{padding:12px 14px}.nlc-phone-context{margin:12px 0}.nlc-phone-context strong{font-size:16px}}