/* v12 faithfully follows the approved Connect Now website and operations references. */
.cn-pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-top:1px solid var(--cn-line);background:#fff}.cn-pagination-wrap>span{font-size:12px;color:var(--cn-muted)}.cn-pagination{display:flex;gap:6px;flex-wrap:wrap}.cn-pagination button,.cn-server-pagination a{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--cn-line);border-radius:9px;background:#fff;color:var(--cn-ink);font:700 12px Manrope,sans-serif;cursor:pointer}.cn-pagination button.active,.cn-server-pagination a.active{background:var(--cn-lime);border-color:var(--cn-lime);color:#14210d}.cn-pagination button:disabled{opacity:.4;cursor:not-allowed}
.cn-provider-logo{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 38px}.cn-provider-logo svg{width:100%!important;height:100%!important}.portal-nav .cn-provider-logo{width:24px;height:24px;flex-basis:24px}.portal-nav .cn-provider-logo svg{width:24px!important;height:24px!important}

/* Approved operations overview */
.admin-shell .portal-main{background:radial-gradient(circle at 90% 8%,rgba(201,243,71,.10),transparent 24%),#f6f7f1!important}.admin-shell .cn-admin-head{margin-top:2px!important}.admin-shell .cn-admin-head h1{font-size:48px!important;letter-spacing:-.055em!important}.admin-shell .admin-stats .stat-card{min-height:136px!important;padding:20px 18px 18px 82px!important;transition:transform .2s ease,box-shadow .2s ease}.admin-shell .admin-stats .stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(19,39,27,.09)!important}.admin-shell .admin-stats .stat-card:nth-child(1){background:linear-gradient(135deg,#fff,#f4fae9)!important}.admin-shell .admin-stats .stat-card:nth-child(2){background:linear-gradient(135deg,#fff,#fff5e8)!important}.admin-shell .admin-stats .stat-card:nth-child(3){background:linear-gradient(135deg,#fff,#ecfbf0)!important}.admin-shell .admin-stats .stat-card:nth-child(4){background:linear-gradient(135deg,#fff,#eaf5ff)!important}.admin-shell .admin-stats .stat-card:nth-child(5){background:linear-gradient(135deg,#fff,#fff7e9)!important}.admin-shell .admin-stats .stat-card:nth-child(6){background:linear-gradient(135deg,#fff,#fff0f1)!important}.admin-shell .admin-stats .stat-card:nth-child(2) .stat-icon,.admin-shell .admin-stats .stat-card:nth-child(5) .stat-icon{background:#fff0cd!important}.admin-shell .admin-stats .stat-card:nth-child(4) .stat-icon{background:#dcefff!important}.admin-shell .admin-stats .stat-card:nth-child(6) .stat-icon{background:#ffdadd!important}.admin-shell .admin-stats .stat-value{font-size:36px!important}.admin-shell .portal-panel{box-shadow:0 9px 28px rgba(26,45,33,.045)!important}.admin-shell .portal-panel-head{min-height:72px!important}.admin-shell .portal-panel-head b{font-size:19px!important}.cn-queue-filters{display:grid;grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(130px,.7fr));gap:10px;padding:13px 16px;border-bottom:1px solid var(--cn-line)}.cn-queue-filters label{display:flex;align-items:center;gap:9px;border:1px solid var(--cn-line);border-radius:9px;padding:0 11px;background:#fbfcfa}.cn-queue-filters svg{width:17px}.cn-queue-filters input,.cn-queue-filters select{min-height:40px;width:100%;border:1px solid var(--cn-line);border-radius:9px;padding:8px 10px;background:#fbfcfa;font:12px Manrope,sans-serif}.cn-queue-filters label input{border:0;padding:0;background:transparent;outline:0}.cn-admin-overview-grid{align-items:start!important}.cn-admin-overview-grid>.cn-stack>.portal-panel:first-child{min-height:310px}.cn-renewal-chart{height:245px!important;align-items:end}.cn-renewal-chart>div{height:100%;display:grid;grid-template-rows:20px 1fr 18px;align-items:end}.cn-renewal-chart>div>b{align-self:end;text-align:center}.cn-renewal-chart>div>span{height:150px!important}.cn-renewal-chart i{background:linear-gradient(#c9f347,#83c93b)!important}.cn-provider-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto auto!important;gap:10px!important}.cn-provider-row>span:nth-child(2){display:grid}.cn-provider-row .cn-provider-logo{width:34px;height:34px}.cn-admin-quick{min-height:82px!important;background:#fff!important;color:var(--cn-ink)!important;border:1px solid var(--cn-line)!important;padding:12px 16px!important}.cn-admin-quick>span:first-child{display:grid;min-width:230px;margin-right:auto}.cn-admin-quick>span:first-child b{font-size:17px}.cn-admin-quick>span:first-child small{font-size:11px;color:var(--cn-muted)}.cn-admin-quick>a{min-width:230px;background:#fafbf7!important;color:var(--cn-ink)!important;border:1px solid var(--cn-line);padding:11px 13px!important}.cn-admin-quick>a.primary{background:var(--cn-lime)!important;border-color:var(--cn-lime)}.cn-admin-quick>a>span{display:grid}.cn-admin-quick>a b{font-size:12px}.cn-admin-quick>a small{font-size:9px;color:var(--cn-muted)}.cn-admin-quick>a>svg:last-child{margin-left:auto}

/* Communication history */
.cn-history-stats{margin-bottom:18px!important}.cn-history-filter{display:grid;grid-template-columns:1fr 1.5fr 1fr auto;align-items:end;gap:12px;padding:16px 18px;border-bottom:1px solid var(--cn-line)}.cn-history-filter label{display:grid;gap:6px;font-size:11px;font-weight:800;color:var(--cn-muted)}.cn-history-filter select{min-height:42px;border:1px solid var(--cn-line);border-radius:10px;background:#fbfcf9;padding:8px 11px;font:12px Manrope,sans-serif}.cn-history-filter .cn-button{min-height:42px}.cn-history-table .cn-event-kind{display:inline-flex;align-items:center;gap:7px;font-weight:800}.cn-history-table .cn-event-kind svg{width:18px}.cn-event-kind.call{color:#147843}.cn-event-kind.message{color:#1768a6}.cn-event-kind.voicemail{color:#7043a5}.cn-server-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-top:1px solid var(--cn-line);font-size:12px;color:var(--cn-muted)}.cn-server-pagination nav{display:flex;gap:6px}.cn-server-pagination a{display:grid;place-items:center;text-decoration:none}

/* Landing page proportions from the approved reference */
body>.cn-header .cn-header-inner{max-width:1450px}.cn-hero .cn-container,.cn-section .cn-container,.cn-section-compact .cn-container,.cn-footer .cn-container{max-width:1450px}.cn-hero{background:radial-gradient(circle at 75% 35%,rgba(201,243,71,.18),transparent 35%),#f7f9f1!important}.cn-hero-grid{grid-template-columns:.86fr 1.14fr!important}.cn-display{font-size:clamp(58px,5vw,78px)!important;max-width:660px!important}.cn-product-stage{height:460px!important}.cn-hero+section{padding-top:38px!important}.cn-home-split{grid-template-columns:1.25fr .92fr!important}.cn-cta{min-height:86px!important}.cn-footer{margin-top:0!important}

@media(max-width:1180px){.cn-queue-filters{grid-template-columns:1fr 1fr}.cn-admin-quick{flex-wrap:wrap}.cn-admin-quick>span:first-child{width:100%}.cn-admin-quick>a{flex:1}.cn-history-filter{grid-template-columns:1fr 1fr}.cn-hero-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:880px){.cn-queue-filters,.cn-history-filter{grid-template-columns:1fr}.cn-admin-quick>a{min-width:100%}.cn-home-split,.cn-hero-grid{grid-template-columns:1fr!important}.cn-pagination-wrap{align-items:flex-start;flex-direction:column}.cn-server-pagination{align-items:flex-start;flex-direction:column;gap:12px}}