/* Compact line widget, aligned with the dashboard's grouped cards. */
.phone-connect-banner.number-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:center;gap:24px;padding:22px 24px;margin-bottom:22px;background:#fff;border:1px solid #e4e7eb;border-radius:18px;box-shadow:0 2px 5px #15243403;color:#20272f}
.number-banner-line{display:flex;align-items:center;gap:16px;min-width:0}
.number-banner-icon{width:48px;height:48px;border-radius:14px;background:#f0f2f5;display:grid;place-items:center;color:#647080;flex:none}
.number-banner[data-state=ready] .number-banner-icon{background:#eaf7ef;color:#22864b}
.number-banner-icon svg{width:23px;height:23px;stroke-width:1.8}
.number-banner-copy{min-width:0}
.number-banner-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;font-size:12px;color:#78828c;line-height:1.5}
.number-banner-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#53635b;white-space:nowrap}
.number-banner-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#bc852a;flex:none}
.number-banner[data-state=ready] .number-banner-status:before{background:#2b9c5c}
.number-banner-status[hidden]{display:none}
.number-banner h2{font-size:20px;font-weight:600;letter-spacing:-.4px;line-height:1.3;margin:5px 0 0;color:#242b34;overflow-wrap:anywhere}
.number-banner[data-state=ready] h2{font-size:27px;font-weight:650;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
.number-banner-action{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0;border-left:1px solid #edf0f2;padding-left:24px}
.number-banner .number-banner-action p{font-size:12px;line-height:1.5;color:#77818c;margin:0;max-width:230px}
.number-action-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:11px 15px;border:0;border-radius:10px;background:#f0f5fc;color:#245c9e;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;flex:none;transition:background .15s}
.number-action-button:hover{background:#e5eefb}
.number-action-button:focus-visible{outline:3px solid #8cb4df;outline-offset:3px}
.number-chevron{width:6px;height:6px;border-right:1.7px solid currentColor;border-top:1.7px solid currentColor;transform:rotate(45deg);flex:none}
@media(min-width:801px) and (max-width:1200px){.phone-connect-banner.number-banner{grid-template-columns:minmax(0,1fr) auto}.number-banner-action p{display:none}}
.number-page{max-width:1050px;margin:0 auto}
.number-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.number-page-heading h1{font-size:32px;margin:6px 0;color:#1c2b38}
.number-page-heading .eyebrow{font-size:11px}
.number-page>.muted{margin-bottom:24px}
.number-page .phone-setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;list-style:none;counter-reset:number-steps}
.number-page .phone-setup-steps li{counter-increment:number-steps;background:#eef1f4;border:1px solid #e0e5e9;border-radius:14px;padding:16px;color:#596675;display:flex;flex-direction:column;gap:5px;min-width:0}
.number-page .phone-setup-steps li:before{content:counter(number-steps);font-size:12px;font-weight:700;width:25px;height:25px;display:grid;place-items:center;background:white;border-radius:50%;margin-bottom:5px}
.number-page .phone-setup-steps li.complete{background:#edf6f0;color:#246345;border-color:#d7e8dc}
.number-page .phone-setup-steps li.complete:before{content:'✓'}
.number-page .phone-setup-steps li.current{border-color:#499775;box-shadow:0 0 0 1px #499775;background:#fff;color:#193f33}
.number-page .phone-setup-steps strong{font-size:15px}
.number-page .phone-setup-steps span{font-size:13px;line-height:1.45}
.number-status-card{background:white;border:1px solid #dbe4de;border-radius:18px;padding:28px;margin:0 0 24px;box-shadow:0 4px 16px #182e2305}
.number-status-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#67756d}.number-status-label:before{content:"";height:6px;width:6px;border-radius:50%;background:#a7adb5}.number-status-card[data-state=ready] .number-status-label:before{background:#2b9c5c}
.number-status-card h2{font-size:23px;line-height:1.3;margin:10px 0}
.number-status-card p{color:#586a61;line-height:1.6;font-size:15px}
.number-value-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f6f7f9;border:1px solid #eceef1;padding:18px 20px;border-radius:12px;margin-top:20px}
#number-value{font-size:30px;letter-spacing:.02em;user-select:all;font-variant-numeric:tabular-nums;color:#252d37;overflow-wrap:anywhere}
.number-page .phone-setup-details{background:white;border:1px solid #e0e6e2;border-radius:14px;padding:18px 22px;margin:14px 0}
.number-page .phone-setup-details summary{font-size:16px;line-height:1.5;font-weight:650;cursor:pointer;min-height:28px}
.number-page .phone-setup-details p{font-size:14px;line-height:1.65;color:#56685e}
.number-page .phone-setup-details a{color:#226b51;text-underline-offset:3px}
.number-page .phone-setup-details code{overflow-wrap:anywhere;white-space:normal}
.number-page .number-instructions{margin-top:22px}
.number-page .number-instructions>summary{font-size:19px;color:#203d30}
#number-status-error{color:#9c4733}
.number-page [hidden]{display:none!important}
@media(max-width:800px){.app-shell>.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.app-shell>.sidebar .nav-item{font-size:11px}}
@media(max-width:680px){
 .phone-connect-banner.number-banner{grid-template-columns:1fr;padding:18px 18px 0;gap:17px;border-radius:16px}
 .number-banner-line{gap:12px}.number-banner-icon{width:44px;height:44px;border-radius:12px}
 .number-banner-meta{font-size:11px;gap:2px 10px}.number-banner-status{font-size:10px}.number-banner h2{font-size:18px}.number-banner[data-state=ready] h2{font-size:24px;letter-spacing:-.6px}
 .number-banner-action{display:block;padding:0;border-left:0;border-top:1px solid #edf0f2}.number-banner .number-banner-action p{display:none}
 .number-banner .number-action-button{width:100%;justify-content:space-between;border-radius:0;background:transparent;min-height:52px;padding:12px 0;font-size:14px}
 .number-page-heading h1{font-size:27px}.number-page-heading .btn{padding:10px 12px;font-size:12px}
 .number-page .phone-setup-steps{gap:7px;margin:20px 0}.number-page .phone-setup-steps li{padding:11px 9px;border-radius:11px}.number-page .phone-setup-steps span{display:none}.number-page .phone-setup-steps strong{font-size:12px}
 .number-status-card{padding:20px;border-radius:14px}.number-status-card h2{font-size:21px}
 .number-value-row{flex-direction:column;align-items:stretch;padding:16px;gap:14px}#number-value{font-size:26px}
 .number-page .phone-setup-details{padding:16px}.number-page .phone-setup-details .phone-setup-details{padding:14px 12px}
}
@media(max-width:350px){.number-banner[data-state=ready] h2{font-size:21px}.number-banner-meta{gap:2px 8px}}
@media(prefers-reduced-motion:reduce){.number-action-button{transition:none}}