/* Connect Now v13 — final approved visual system and functional page fixes. */
:root{--cn-ink:#0c1813;--cn-muted:#65736b;--cn-line:#dce4d9;--cn-surface:#fff;--cn-canvas:#f7f8f2;--cn-lime:#c8f63d;--cn-lime-dark:#a9d51f;--cn-forest:#06251b;--cn-shadow:0 18px 50px rgba(13,35,25,.08);--cn-shadow-sm:0 8px 24px rgba(13,35,25,.06)}
body.cn-light{background:var(--cn-canvas);color:var(--cn-ink)}
.cn-container{width:min(1460px,calc(100% - 64px))!important}

/* Landing page: match the approved spacious, premium composition. */
.cn-header{height:78px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--cn-line)!important;backdrop-filter:blur(16px)}
.cn-header-inner{height:100%!important}.cn-brand{font-size:25px!important;letter-spacing:-.04em!important}.cn-brand-mark{width:38px!important;height:38px!important}.cn-main-nav{gap:34px!important}.cn-main-nav>a,.cn-service-menu summary{font-size:13px!important;font-weight:750!important}.cn-header-actions .cn-button{min-height:46px!important;padding:0 24px!important;border-radius:10px!important}
.cn-hero{min-height:560px!important;height:auto!important;position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 78% 18%,rgba(200,246,61,.25),transparent 31%),linear-gradient(115deg,#fbfcf7 0%,#f6f8ee 55%,#f0f6e4 100%)!important;border-bottom:1px solid var(--cn-line)!important}
.cn-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(43,86,57,.12) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 55%,#000);pointer-events:none}
.cn-hero-grid{min-height:560px!important;height:auto!important;display:grid!important;grid-template-columns:minmax(520px,.92fr) minmax(620px,1.08fr)!important;align-items:center!important;gap:62px!important;padding:70px 0 64px!important;position:relative!important;z-index:1}
.cn-hero-grid>div:first-child{width:auto!important}.cn-kicker{display:inline-flex!important;padding:8px 13px!important;border:1px solid #d8e8b0!important;border-radius:99px!important;background:#f1fbd9!important;color:#496316!important;font-size:11px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.cn-display{font-size:clamp(56px,4.6vw,78px)!important;line-height:.98!important;letter-spacing:-.067em!important;margin:23px 0 20px!important;max-width:720px!important}.cn-subhead{font-size:19px!important;line-height:1.55!important;color:#56655d!important;margin:0!important}.cn-hero-actions{margin-top:30px!important;gap:22px!important}.cn-hero-actions .cn-button{min-height:52px!important;padding:0 26px!important;border-radius:11px!important;font-size:15px!important}.cn-watch{font-size:14px!important}.cn-watch i{width:48px!important;height:48px!important;background:#fff!important;border:1px solid #ced8cb!important;box-shadow:var(--cn-shadow-sm)!important}.cn-proof{margin-top:28px!important;gap:24px!important;font-size:12px!important}.cn-proof svg{color:#6f9425!important}
.cn-product-stage{position:relative!important;inset:auto!important;width:100%!important;max-width:760px!important;height:440px!important;margin:0!important;border-radius:30px!important;background-color:rgba(255,255,255,.64)!important;box-shadow:0 30px 80px rgba(56,91,53,.12)!important;overflow:hidden!important}.cn-product-stage svg,.cn-product-stage img{width:100%!important;height:100%!important;object-fit:contain!important}
.cn-section-white{background:#fff!important}.cn-section-compact{padding:38px 0!important}.cn-section{padding:64px 0!important}.cn-section-head{margin-bottom:22px!important}.cn-section-head h2{font-size:29px!important;letter-spacing:-.045em!important}.cn-text-link{font-size:12px!important}.cn-country-strip{gap:16px!important}.cn-country-tile{min-height:88px!important;border-radius:14px!important;padding:16px 18px!important;border:1px solid var(--cn-line)!important;box-shadow:0 6px 20px rgba(13,35,25,.035)!important}.cn-country-tile .flag{font-size:37px!important}.cn-country-tile b{font-size:14px!important}.cn-country-tile small{font-size:11px!important}.cn-feature-row{gap:18px!important;margin-top:18px!important}.cn-feature-card{min-height:116px!important;border-radius:15px!important;padding:22px 25px!important;border:1px solid var(--cn-line)!important}.cn-feature-icon{width:54px!important;height:54px!important}.cn-feature-card h3{font-size:18px!important}.cn-feature-card p{font-size:13px!important;line-height:1.5!important}.cn-home-split{gap:46px!important}.cn-step-row{gap:18px!important}.cn-step{min-height:152px!important;padding:20px!important;border:1px solid var(--cn-line)!important;border-radius:14px!important;background:#fff!important}.cn-step-number{width:34px!important;height:34px!important;font-size:14px!important}.cn-step b{font-size:14px!important}.cn-step p{font-size:12px!important;line-height:1.55!important}.cn-review{min-height:156px!important;padding:22px!important;border-radius:14px!important}.cn-price-card{min-height:235px!important;height:auto!important;padding:24px!important;border-radius:15px!important;box-shadow:var(--cn-shadow-sm)!important}.cn-price-card strong{font-size:38px!important}.cn-price-card p{font-size:12px!important}.cn-faq{min-height:62px!important;border-radius:12px!important}.cn-cta{min-height:112px!important;border-radius:17px!important;padding:24px 30px!important;background:linear-gradient(105deg,#eff9de,#f7fce9)!important;border:1px solid #dcebbf!important}.cn-cta h2{font-size:25px!important}.cn-footer{padding-top:55px!important;background:var(--cn-forest)!important;color:#fff!important}.cn-footer p,.cn-footer a:not(.cn-brand),.cn-footer-grid b,.cn-footer-bottom{color:#c3d0c9!important}.cn-footer .cn-brand{color:#fff!important}

/* Inventory: fixed, aligned filters and server-enforced 20-row pages. */
.cn-results-hero{min-height:340px!important;padding:38px 0!important;background:radial-gradient(circle at 73% 20%,rgba(200,246,61,.16),transparent 33%),linear-gradient(110deg,#fbfcf8,#f2f7e8)!important}.cn-results-title h1{font-size:51px!important;line-height:1.02!important}.cn-results-title p{font-size:14px!important}.cn-results-search{height:50px!important;max-width:760px!important}.cn-results-layout{width:min(1540px,calc(100% - 48px))!important;grid-template-columns:280px minmax(0,1fr) 330px!important;gap:20px!important;padding:34px 0 72px!important;align-items:start!important}.cn-filter-panel,.cn-result-panel,.cn-order-panel{border-radius:16px!important;border:1px solid var(--cn-line)!important;box-shadow:var(--cn-shadow-sm)!important}.cn-filter-panel{padding:22px!important}.cn-filter-panel h3{font-size:19px!important;margin-bottom:18px!important}.cn-provider-filter{display:block!important}.cn-provider-filter>label{display:block!important;margin:0 0 14px!important}.cn-provider-filter>label>b{display:block!important;margin:0 0 7px!important;font-size:12px!important}.cn-provider-filter>label>input{display:block!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px!important;margin:0!important;border:1px solid #d8e0d5!important;border-radius:9px!important;background:#fbfcfa!important;font-size:12px!important}.cn-provider-filter .cn-filter-group{display:block!important;width:100%!important;margin:8px 0 18px!important;padding:14px 0!important;border-top:1px solid #e5eae3!important;border-bottom:1px solid #e5eae3!important}.cn-provider-filter .cn-filter-group>b{font-size:12px!important;margin-bottom:9px!important}.cn-provider-filter .cn-check{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:34px!important;padding:4px 0!important;margin:0!important;font-size:12px!important;color:#35453b!important}.cn-provider-filter .cn-check input{position:static!important;display:block!important;width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;appearance:auto!important;accent-color:var(--cn-lime-dark)!important}.cn-provider-filter .cn-button{width:100%!important;min-height:43px!important;margin-top:0!important}.cn-filter-clear{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin-top:9px!important;font-size:12px!important}.cn-result-panel{padding:0!important;overflow:hidden!important}.cn-result-head{min-height:64px!important;height:auto!important;padding:12px 16px!important}.cn-result-head h3{font-size:15px!important}.cn-result-head small{font-size:10px!important}.cn-inventory-sort{font-size:10px!important}.cn-inventory-sort select{height:36px!important}.cn-inventory-head,.cn-number-row{grid-template-columns:minmax(175px,1.35fr) minmax(115px,.8fr) 70px minmax(115px,.85fr) minmax(105px,.8fr) 110px!important;gap:12px!important}.cn-inventory-head{padding:11px 16px!important;font-size:10px!important}.cn-number-row{min-height:66px!important;padding:10px 16px!important}.cn-number-main b{font-size:13px!important}.cn-number-main small,.cn-cell small{font-size:10px!important}.cn-cell b{font-size:11px!important}.cn-cap-row,.cn-compliance-ok{font-size:10px!important}.cn-market-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:18px 16px!important;border-top:1px solid var(--cn-line)!important;background:#fbfcf9!important}.cn-market-pagination>span{font-size:12px!important;color:var(--cn-muted)!important}.cn-market-pagination nav{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.cn-market-pagination a{display:grid!important;place-items:center!important;min-width:36px!important;height:36px!important;padding:0 8px!important;border:1px solid #d6ded3!important;border-radius:9px!important;background:#fff!important;color:var(--cn-ink)!important;font-size:12px!important;font-weight:800!important}.cn-market-pagination a.active{background:var(--cn-lime)!important;border-color:var(--cn-lime-dark)!important}.cn-order-panel{padding:22px!important;top:95px!important}.cn-inventory-faq{border-radius:16px!important;box-shadow:var(--cn-shadow-sm)!important}

/* Admin operations: approved layout plus real communication data. */
.admin-main{background:radial-gradient(circle at 90px 30px,rgba(200,246,61,.08),transparent 300px),var(--cn-canvas)!important}.cn-live-usage{margin:22px 0!important;overflow:hidden!important}.cn-live-usage .portal-panel-head{padding:22px 24px!important}.cn-usage-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-top:1px solid var(--cn-line)!important;border-bottom:1px solid var(--cn-line)!important}.cn-usage-summary>div{min-height:112px!important;padding:20px 24px!important;border-right:1px solid var(--cn-line)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.cn-usage-summary>div:last-child{border-right:0!important}.cn-usage-summary span{font-size:12px!important;color:var(--cn-muted)!important;font-weight:750!important}.cn-usage-summary b{font-size:31px!important;line-height:1.1!important;margin:7px 0!important}.cn-usage-summary small{font-size:11px!important;color:#7d8982!important}.cn-communication-chart{height:142px!important;padding:23px 24px 10px!important;display:grid!important;grid-template-columns:repeat(14,1fr)!important;gap:10px!important;align-items:end!important}.cn-communication-chart>div{height:108px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}.cn-communication-chart .bars{height:86px!important;width:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:3px!important;border-bottom:1px solid #dce4d9!important}.cn-communication-chart i{display:block!important;width:7px!important;min-height:2px!important;border-radius:3px 3px 0 0!important}.cn-communication-chart i.call,.cn-chart-legend i.call{background:#164a35!important}.cn-communication-chart i.message,.cn-chart-legend i.message{background:#b8e82d!important}.cn-communication-chart i.voicemail,.cn-chart-legend i.voicemail{background:#8fa9a0!important}.cn-communication-chart small{font-size:9px!important;color:#7b8980!important}.cn-chart-legend{display:flex!important;justify-content:flex-end!important;gap:17px!important;padding:2px 24px 18px!important;font-size:10px!important}.cn-chart-legend span{display:flex!important;align-items:center!important;gap:5px!important}.cn-chart-legend i{width:8px!important;height:8px!important;border-radius:50%!important}.cn-live-log-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 24px!important;border-top:1px solid var(--cn-line)!important}.cn-live-log-head b,.cn-live-log-head span{display:block!important}.cn-live-log-head b{font-size:16px!important}.cn-live-log-head span{font-size:11px!important;color:var(--cn-muted)!important;margin-top:3px!important}.cn-live-log-head a{font-size:11px!important;font-weight:800!important;color:#27613f!important}.cn-live-log th{font-size:10px!important}.cn-live-log td{font-size:11px!important;padding-top:12px!important;padding-bottom:12px!important}.cn-event-kind{display:inline-flex!important;align-items:center!important;gap:7px!important;font-weight:800!important}.cn-event-kind svg{width:16px!important;height:16px!important}.cn-event-kind.call{color:#174c37!important}.cn-event-kind.message{color:#718f12!important}.cn-event-kind.voicemail{color:#6b7f78!important}
.cn-history-stats{margin-bottom:22px!important}.cn-history-filter{padding:20px 22px!important;display:grid!important;grid-template-columns:1fr 1.4fr 1fr auto!important;gap:14px!important;align-items:end!important;border-bottom:1px solid var(--cn-line)!important}.cn-history-filter label{font-size:11px!important;font-weight:800!important}.cn-history-filter select{display:block!important;width:100%!important;height:43px!important;margin-top:7px!important;border:1px solid #d7dfd4!important;border-radius:9px!important;background:#fff!important;padding:0 12px!important}.cn-history-filter .cn-button{height:43px!important}.cn-history-table td{vertical-align:top!important}.cn-server-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 22px!important;border-top:1px solid var(--cn-line)!important}.cn-server-pagination nav{display:flex!important;gap:7px!important}.cn-server-pagination nav a{display:grid!important;place-items:center!important;min-width:35px!important;height:35px!important;border:1px solid #d5ded3!important;border-radius:8px!important;background:#fff!important;font-size:12px!important;font-weight:800!important}.cn-server-pagination nav a.active{background:var(--cn-lime)!important;border-color:var(--cn-lime-dark)!important}

@media(max-width:1250px){.cn-container{width:min(1180px,calc(100% - 40px))!important}.cn-hero-grid{grid-template-columns:1fr 1fr!important;gap:30px!important}.cn-display{font-size:56px!important}.cn-product-stage{height:360px!important}.cn-results-layout{grid-template-columns:250px minmax(0,1fr)!important}.cn-order-panel{grid-column:1/-1!important;position:static!important}.cn-inventory-faq{grid-column:1/-1!important}.cn-inventory-head,.cn-number-row{grid-template-columns:minmax(170px,1.3fr) minmax(100px,.8fr) 65px minmax(95px,.7fr) 105px!important}.cn-inventory-head span:last-child,.cn-number-row .cn-select-number{display:none!important}}
@media(max-width:900px){.cn-header{height:66px!important}.cn-container{width:calc(100% - 28px)!important}.cn-hero-grid{grid-template-columns:1fr!important;padding:42px 0!important}.cn-display{font-size:48px!important}.cn-product-stage{max-width:none!important}.cn-home-split{grid-template-columns:1fr!important}.cn-results-layout{grid-template-columns:1fr!important;width:calc(100% - 24px)!important}.cn-usage-summary{grid-template-columns:1fr 1fr!important}.cn-usage-summary>div:nth-child(2){border-right:0!important}.cn-communication-chart{gap:4px!important}.cn-history-filter{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){.cn-display{font-size:39px!important}.cn-subhead{font-size:15px!important}.cn-product-stage{height:260px!important}.cn-country-strip{grid-template-columns:1fr!important}.cn-step-row{grid-template-columns:1fr!important}.cn-results-title h1{font-size:34px!important}.cn-results-hero{min-height:0!important}.cn-inventory-head{display:none!important}.cn-number-row{grid-template-columns:1fr auto!important}.cn-number-row .cn-select-number{display:block!important}.cn-market-pagination{align-items:flex-start!important;flex-direction:column!important}.cn-usage-summary{grid-template-columns:1fr!important}.cn-usage-summary>div{border-right:0!important;border-bottom:1px solid var(--cn-line)!important}.cn-communication-chart{overflow-x:auto!important;grid-template-columns:repeat(14,34px)!important}.cn-history-filter{grid-template-columns:1fr!important}.cn-server-pagination{align-items:flex-start!important;flex-direction:column!important}}

/* v14 alignment and responsive hardening — website-only overrides. */
.cn-history-stats .stat-card{
  min-height:144px!important;
  padding:20px 18px 18px 82px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.cn-history-stats .stat-label{
  display:block!important;
  width:100%!important;
  min-height:20px!important;
  margin:0!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.cn-history-stats .stat-icon{
  position:absolute!important;
  left:18px!important;
  top:20px!important;
  margin:0!important;
}
.cn-history-stats .stat-value{
  position:static!important;
  display:block!important;
  margin:10px 0 0!important;
  line-height:1!important;
}
.cn-history-stats .stat-note{
  position:static!important;
  display:block!important;
  max-width:100%!important;
  margin:8px 0 0!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.portal-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.portal-table{min-width:760px}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .portal-shell,.admin-shell{display:block!important;min-width:0!important}
  .portal-sidebar,.admin-sidebar{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:12px!important;
    overflow:visible!important;
  }
  .portal-brand{min-height:44px!important;margin:0 0 10px!important;padding:0 4px 10px!important;font-size:20px!important}
  .portal-brand .cn-brand-mark{width:34px!important;height:34px!important}
  .account-kicker,.portal-nav-label{display:none!important}
  .portal-nav{
    display:flex!important;
    grid-template-columns:none!important;
    gap:7px!important;
    width:100%!important;
    padding:0 0 7px!important;
    flex-flow:row nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }
  .portal-nav a,.admin-sidebar .portal-nav a{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:40px!important;
    padding:8px 11px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .portal-nav .nav-icon,.portal-nav .nav-icon svg{width:17px!important;height:17px!important;flex:none!important}
  .portal-sidebar-bottom{display:flex!important;grid-template-columns:none!important;gap:7px!important;margin:3px 0 0!important;padding:9px 0 0!important;overflow-x:auto!important}
  .portal-sidebar-bottom a{flex:0 0 auto!important;min-height:40px!important;padding:7px 10px!important;font-size:12px!important;white-space:nowrap!important}
  .portal-main,.admin-shell .portal-main{width:100%!important;min-width:0!important;padding:0 14px 32px!important}
  .portal-worktop,.admin-worktop{
    position:relative!important;
    top:auto!important;
    min-height:auto!important;
    margin:0 -14px 20px!important;
    padding:12px 14px!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .portal-search{order:2!important;flex:1 1 100%!important;max-width:none!important;width:100%!important;height:42px!important}
  .portal-worktop-actions{order:1!important;width:100%!important;margin-left:0!important;justify-content:flex-end!important}
  .portal-breadcrumb{display:none!important}
  .cn-admin-head,.portal-topline{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .cn-admin-head h1,.portal-topline h1{font-size:clamp(31px,8vw,42px)!important;line-height:1.05!important;overflow-wrap:anywhere!important}
  .cn-admin-head p,.portal-topline p{font-size:14px!important;line-height:1.5!important}
  .cn-admin-meta{width:100%!important;justify-content:space-between!important;gap:10px!important}
  .cn-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .cn-history-filter{grid-template-columns:1fr 1fr!important;padding:16px!important}
  .cn-history-filter .cn-button{width:100%!important;justify-content:center!important}
  .portal-panel-head{height:auto!important;min-height:64px!important;padding:15px 16px!important;gap:8px!important;flex-wrap:wrap!important}
  .portal-panel-head b{font-size:18px!important;line-height:1.25!important}
  .portal-panel-head span{font-size:11px!important;line-height:1.4!important}
  .cn-server-pagination{gap:14px!important;flex-wrap:wrap!important}
  .cn-server-pagination nav{max-width:100%!important;overflow-x:auto!important;padding-bottom:2px!important}
  .cn-dashboard-grid,.cn-admin-overview-grid{grid-template-columns:minmax(0,1fr)!important}
  .admin-profile-grid{grid-template-columns:1fr 1fr!important}
  .admin-assign-form,.cn-queue-filters{grid-template-columns:1fr 1fr!important}
}

@media(max-width:600px){
  .portal-main,.admin-shell .portal-main{padding:0 10px 26px!important}
  .portal-worktop,.admin-worktop{margin:0 -10px 18px!important;padding:10px!important}
  .portal-worktop-actions{justify-content:space-between!important}
  .portal-help{font-size:12px!important}
  .portal-account>span:nth-child(2),.portal-account>svg{display:none!important}
  .cn-admin-head{margin-bottom:18px!important}
  .cn-admin-head h1,.portal-topline h1{font-size:30px!important}
  .cn-admin-meta{align-items:stretch!important;flex-direction:column!important}
  .cn-admin-meta .cn-button{width:100%!important;justify-content:center!important}
  .cn-history-stats{grid-template-columns:1fr!important}
  .cn-history-stats .stat-card{min-height:128px!important}
  .cn-history-filter{grid-template-columns:1fr!important;padding:14px!important}
  .cn-history-filter label{min-width:0!important}
  .cn-history-filter select{font-size:14px!important}
  .cn-history-table{display:block!important;min-width:0!important;width:100%!important}
  .cn-history-table thead{display:none!important}
  .cn-history-table tbody{display:grid!important;gap:12px!important;padding:12px!important;background:#f6f8f3!important}
  .cn-history-table tr{display:block!important;border:1px solid var(--cn-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 16px rgba(13,35,25,.045)!important;overflow:hidden!important}
  .cn-history-table td{
    display:grid!important;
    grid-template-columns:105px minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    padding:11px 13px!important;
    border-bottom:1px solid #edf1eb!important;
    font-size:12px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  .cn-history-table td:last-child{border-bottom:0!important}
  .cn-history-table td::before{content:attr(data-label);color:var(--cn-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
  .cn-history-table .table-sub{font-size:10px!important;overflow-wrap:anywhere!important}
  .cn-history-table .cn-history-empty-row td{display:block!important;padding:0!important}
  .cn-history-table .cn-history-empty-row td::before{display:none!important}
  .cn-history-table .portal-empty{min-height:180px!important;padding:34px 16px!important}
  .cn-server-pagination{align-items:flex-start!important;flex-direction:column!important;padding:15px!important}
  .admin-profile-grid,.admin-assign-form,.cn-queue-filters{grid-template-columns:1fr!important}
  .admin-assign-form button{grid-column:auto!important}
  .portal-panel-body{padding:14px!important}
  .cn-footer-grid{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .portal-sidebar,.admin-sidebar{padding:10px 8px!important}
  .portal-brand{font-size:19px!important}
  .portal-nav a,.admin-sidebar .portal-nav a{padding:7px 9px!important;font-size:11px!important}
  .cn-history-table tbody{padding:9px!important;gap:9px!important}
  .cn-history-table td{grid-template-columns:92px minmax(0,1fr)!important;padding:10px!important;gap:8px!important}
  .cn-history-stats .stat-card{padding-left:74px!important}
  .cn-history-stats .stat-icon{left:15px!important;width:43px!important;height:43px!important}
}

/* v15 full-site mobile responsive system — website-only overrides. */
@media(max-width:900px){
  *,*::before,*::after{box-sizing:border-box}
  img,svg,video,canvas{max-width:100%}
  input,select,textarea,button{max-width:100%;font-size:16px}
  .cn-container,.container{width:calc(100% - 28px)!important;max-width:none!important}

  /* Public header and navigation. */
  .cn-header,.cn-header-auth{height:auto!important;min-height:66px!important}
  .cn-header-inner,.cn-header-auth .cn-header-inner{
    width:calc(100% - 24px)!important;min-height:66px!important;height:auto!important;
    padding:8px 0!important;gap:9px!important;flex-wrap:nowrap!important;
  }
  .cn-header .cn-brand,.cn-header-auth .cn-brand{font-size:20px!important;white-space:nowrap!important}
  .cn-header .cn-brand-mark,.cn-header-auth .cn-brand-mark{width:34px!important;height:34px!important}
  .cn-main-nav{display:none!important}
  .cn-mobile-menu{display:block!important;order:2!important;margin-left:auto!important;position:relative!important}
  .cn-mobile-menu summary{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid var(--cn-line)!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;list-style:none!important}
  .cn-mobile-menu summary::-webkit-details-marker{display:none}
  .cn-mobile-menu summary svg{width:21px!important;height:21px!important}
  .cn-mobile-menu nav{position:fixed!important;z-index:100!important;left:12px!important;right:12px!important;top:70px!important;max-height:calc(100dvh - 82px)!important;overflow-y:auto!important;padding:12px!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .cn-mobile-menu nav a{min-height:42px!important;padding:10px 12px!important;border-radius:8px!important;font-size:13px!important}
  .cn-header-actions{order:3!important;gap:6px!important;margin-left:0!important}
  .cn-header-actions .cn-button{min-height:40px!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap!important}
  .cn-header-actions .cn-button-quiet{display:none!important}
  .cn-account-link>span:nth-child(2),.cn-account-link>svg,.cn-header-rule{display:none!important}
  .cn-account-link,.cn-bell{flex:none!important}
  .cn-header-auth .cn-help-link:last-child{display:none!important}

  /* Landing, country catalogue and content pages. */
  .cn-hero-grid{width:calc(100% - 28px)!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;min-height:0!important;padding:38px 0!important}
  .cn-display{font-size:clamp(39px,11vw,54px)!important;line-height:1.02!important;margin:18px 0!important;overflow-wrap:anywhere!important}
  .cn-subhead{font-size:16px!important;line-height:1.55!important}
  .cn-product-stage{width:100%!important;height:auto!important;aspect-ratio:844/440!important;min-height:0!important;border-radius:18px!important}
  .cn-country-strip,.cn-feature-row,.cn-step-row,.cn-review-grid,.cn-price-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cn-home-split{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .cn-section,.cn-section-compact{padding:42px 0!important}
  .cn-section-head{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  .cn-section-head h2{font-size:27px!important;line-height:1.15!important}
  .cn-cta{align-items:flex-start!important;flex-direction:column!important;gap:18px!important}
  .cn-catalog-hero>.cn-container{grid-template-columns:minmax(0,1fr)!important;gap:25px!important}
  .cn-catalog-title h1{font-size:clamp(37px,10vw,50px)!important;line-height:1.02!important}
  .cn-catalog-title p br{display:none!important}
  .cn-search-box{width:100%!important;max-width:none!important}
  .cn-chip-row{max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:5px!important}
  .cn-chip{flex:0 0 auto!important;white-space:nowrap!important}
  .cn-catalog-art{width:100%!important;max-width:620px!important;margin:auto!important}
  .cn-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cn-detail-layout,.cn-assignment-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .cn-page-index{position:static!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
  .cn-service-cards,.cn-contact-grid,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero{padding:42px 0!important}.hero h1{font-size:clamp(36px,9vw,48px)!important;overflow-wrap:anywhere!important}
  .cta-band,.market-cta{align-items:flex-start!important;flex-direction:column!important;padding:28px!important}

  /* Number marketplace and checkout. */
  .cn-results-hero>.cn-container{min-width:0!important}
  .cn-results-title{align-items:flex-start!important;min-width:0!important}
  .cn-results-title h1{font-size:clamp(34px,9vw,47px)!important;overflow-wrap:anywhere!important}
  .cn-results-layout,.cn-checkout-layout,.checkout-shell{grid-template-columns:minmax(0,1fr)!important}
  .cn-filter-panel,.cn-order-panel,.order-summary{position:static!important;top:auto!important;width:100%!important}
  .cn-result-panel{width:100%!important;min-width:0!important;overflow:hidden!important}
  .cn-result-head{min-width:0!important;display:flex!important;flex-wrap:wrap!important;gap:9px!important}
  .cn-inventory-sort{margin-left:0!important}
  .cn-inventory-head{display:none!important}
  .cn-number-row{min-width:0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .cn-number-row>.cn-cell,.cn-number-row>.cn-cap-row,.cn-number-row>.cn-compliance-ok{grid-column:1/-1!important}
  .cn-number-row .cn-select-number{display:block!important;grid-column:2!important;grid-row:1!important;align-self:center!important}
  .cn-checkout-plans{grid-template-columns:1fr!important}
  .cn-selected-number-banner{align-items:flex-start!important;flex-wrap:wrap!important}
  .order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Login and registration. */
  .cn-auth-page{display:block!important;min-height:0!important;padding:24px 14px 32px!important}
  .cn-auth-visual{display:none!important}
  .cn-auth-panel{width:100%!important;padding:0!important}
  .cn-login-card{width:100%!important;max-width:620px!important;min-height:0!important;margin:auto!important;padding:30px 22px!important}
  .cn-login-card h2{font-size:34px!important}
  .cn-login-card>p:first-of-type{font-size:15px!important;margin-bottom:24px!important}
  .cn-auth-security{padding:20px 0!important}
  .cn-auth-footer{padding:16px!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .cn-auth-footer>span{gap:12px!important;flex-wrap:wrap!important}

  /* Customer and administrator portals. */
  .stat-grid,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stat-card,.admin-stats .stat-card{min-width:0!important;height:auto!important;min-height:128px!important;overflow:hidden!important}
  .stat-card .stat-value,.admin-stats .stat-value{position:static!important;display:block!important;margin:8px 0 0!important;line-height:1!important}
  .stat-card .stat-note,.admin-stats .stat-note{position:static!important;display:block!important;margin:8px 0 0!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  .cn-number-dashboard-row,.cn-activity-row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .cn-row-actions{justify-content:flex-start!important}
  .cn-admin-quick{align-items:stretch!important;flex-direction:column!important}
  .cn-admin-quick>span:first-child,.cn-admin-quick>a{width:100%!important;min-width:0!important}
  .cn-provider-row{grid-template-columns:38px minmax(0,1fr)!important}
  .cn-provider-row .cn-health,.cn-provider-row>a{grid-column:auto!important}
  .cn-renewal-chart{max-width:100%!important;overflow-x:auto!important}
  .cn-renewal-chart>div{min-width:74px!important}
  .admin-search{width:100%!important;max-width:none!important}
  .admin-search input,.admin-search select{width:100%!important;max-width:none!important;min-width:0!important}
  .inline-form,.inline-plan-form{max-width:100%!important;flex-wrap:wrap!important}
  .portal-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;padding-bottom:10px!important}
  .portal-table{width:max-content!important;min-width:760px!important}
  .cn-inbox-layout{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:600px){
  .cn-container,.container{width:calc(100% - 20px)!important}
  .cn-header-inner,.cn-header-auth .cn-header-inner{width:calc(100% - 16px)!important}
  .cn-header .cn-brand,.cn-header-auth .cn-brand{font-size:18px!important}
  .cn-header .cn-brand-mark,.cn-header-auth .cn-brand-mark{width:31px!important;height:31px!important}
  .cn-mobile-menu nav{grid-template-columns:1fr!important}
  .cn-header-actions .cn-button-primary{padding:7px 9px!important;font-size:10px!important}
  .cn-account-link{display:none!important}
  .cn-hero-actions{width:100%!important;align-items:stretch!important;flex-direction:column!important}
  .cn-hero-actions .cn-button{width:100%!important;justify-content:center!important}
  .cn-watch{justify-content:center!important}
  .cn-proof{display:grid!important;gap:9px!important}
  .cn-product-stage{aspect-ratio:1.35!important}
  .cn-country-strip,.cn-feature-row,.cn-step-row,.cn-review-grid,.cn-price-row,.cn-country-grid,.cn-service-cards,.cn-contact-grid,.grid3{grid-template-columns:minmax(0,1fr)!important}
  .cn-country-card{min-height:155px!important;padding:18px!important}
  .cn-search-box{height:auto!important;min-height:48px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;padding:7px 8px!important}
  .cn-search-box button{grid-column:1/-1!important;width:100%!important;margin-top:3px!important}
  .cn-catalog-art,.cn-results-art{display:none!important}
  .cn-footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .cn-footer-company{grid-column:auto!important}
  .cn-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:15px!important}
  .cn-footer-bottom>span+span{gap:12px!important;flex-wrap:wrap!important}
  .cn-result-head{align-items:flex-start!important;flex-direction:column!important}
  .cn-inventory-sort,.cn-inventory-sort select{width:100%!important}
  .cn-number-row{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
  .cn-number-row .cn-select-number{grid-column:1!important;grid-row:auto!important;width:100%!important}
  .cn-cap-row{flex-wrap:wrap!important}
  .cn-order-panel{padding:18px!important}
  .order-status-grid{grid-template-columns:1fr!important}
  .cn-login-card{padding:25px 16px!important}
  .cn-login-card h2{font-size:30px!important}
  .cn-show-password span{display:none!important}
  .cn-input-icon input{padding-right:48px!important}
  .stat-grid,.admin-stats{grid-template-columns:minmax(0,1fr)!important}
  .stat-card,.admin-stats .stat-card{min-height:118px!important}
  .portal-panel{border-radius:12px!important}
  .portal-panel-head{align-items:flex-start!important;flex-direction:column!important}
  .portal-panel-head>a,.portal-panel-head .cn-text-link,.portal-panel-head .text-link{align-self:flex-start!important}
  .cn-provider-row{grid-template-columns:34px minmax(0,1fr)!important}
  .cn-provider-row .cn-health{grid-column:2!important}
  .cn-provider-row>a{grid-column:2!important;justify-self:start!important}
  .cn-payment-row{grid-template-columns:minmax(0,1fr)!important}
  .cn-usage-summary{grid-template-columns:1fr!important}
  .cn-live-log-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .admin-search{align-items:stretch!important;flex-direction:column!important}
  .admin-search button,.admin-search .btn{width:100%!important}
  .admin-profile-grid,.admin-assign-form,.cn-queue-filters{grid-template-columns:minmax(0,1fr)!important}
  .admin-actions,.inline-form,.inline-plan-form{align-items:stretch!important;flex-direction:column!important;width:100%!important}
  .admin-actions button,.admin-actions .btn,.inline-form input,.inline-form select,.inline-form button{width:100%!important}
}

@media(max-width:380px){
  .cn-header-actions .cn-button-primary{display:none!important}
  .cn-mobile-menu{margin-left:auto!important}
  .cn-display{font-size:36px!important}
  .cn-results-title{display:block!important}
  .cn-results-title .flag{display:block!important;margin-bottom:10px!important}
  .cn-history-table td{grid-template-columns:1fr!important;gap:4px!important}
}

/* v16 premium mobile application shell and compact information density. */
.cn-mobile-portal-bar,.cn-mobile-portal-overlay,.cn-mobile-drawer-head{display:none}

@media(max-width:900px){
  body:has(.portal-shell){background:#f3f5ef!important}
  body.cn-portal-nav-open{overflow:hidden!important}

  /* Replace the horizontal navigation strip with a professional drawer. */
  .cn-mobile-portal-bar{
    position:sticky!important;top:0!important;z-index:80!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:62px!important;padding:8px 13px!important;
    background:linear-gradient(120deg,#06251b,#0b3325)!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    box-shadow:0 8px 24px rgba(6,37,27,.14)!important;
  }
  .cn-mobile-portal-brand{display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important;min-width:0!important}
  .cn-mobile-portal-brand .cn-brand-mark{width:36px!important;height:36px!important;flex:none!important}
  .cn-mobile-portal-brand>span:last-child{display:grid!important;min-width:0!important}
  .cn-mobile-portal-brand b{font-size:14px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  .cn-mobile-portal-brand small{font-size:9px!important;color:#a9bcb2!important;margin-top:2px!important}
  .cn-mobile-portal-toggle{display:flex!important;align-items:center!important;gap:7px!important;min-height:39px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font:700 11px Manrope,sans-serif!important}
  .cn-mobile-portal-toggle svg{width:17px!important;height:17px!important}
  .cn-mobile-portal-overlay{position:fixed!important;inset:0!important;z-index:88!important;display:block!important;border:0!important;background:rgba(4,18,13,.54)!important;backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}
  .portal-shell>.portal-sidebar,.portal-shell>.admin-sidebar{
    position:fixed!important;z-index:90!important;top:0!important;left:0!important;
    width:min(84vw,320px)!important;height:100dvh!important;min-height:100dvh!important;
    padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;
    transform:translateX(-105%)!important;transition:transform .24s ease!important;
    box-shadow:18px 0 50px rgba(0,0,0,.25)!important;
  }
  .cn-portal-nav-open .portal-shell>.portal-sidebar{transform:translateX(0)!important}
  .cn-portal-nav-open .cn-mobile-portal-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .cn-mobile-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;margin-bottom:7px!important;padding:0 5px 8px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
  .cn-mobile-drawer-head b{font-size:12px!important}
  .cn-mobile-portal-close{width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:24px!important;line-height:1!important}
  .portal-shell>.portal-sidebar .portal-brand{display:none!important}
  .portal-shell>.portal-sidebar .portal-nav{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;padding:0!important;overflow:visible!important}
  .portal-shell>.portal-sidebar .portal-nav a,.admin-shell>.portal-sidebar .portal-nav a{width:100%!important;min-height:44px!important;padding:8px 11px!important;border:1px solid transparent!important;font-size:12px!important;white-space:normal!important}
  .portal-shell>.portal-sidebar .portal-nav a.active{background:var(--cn-lime)!important;color:#0b2117!important;border-color:var(--cn-lime)!important}
  .portal-shell>.portal-sidebar .portal-sidebar-bottom{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:12px!important;padding-top:12px!important;overflow:visible!important}
  .portal-shell>.portal-sidebar .portal-sidebar-bottom a{width:100%!important;min-height:42px!important}

  /* A compact utility row under the app bar. */
  .portal-main,.admin-shell .portal-main{padding:0 10px 24px!important;background:#f3f5ef!important}
  .portal-worktop,.admin-worktop{
    position:relative!important;margin:0 -10px 12px!important;padding:7px 10px!important;
    min-height:52px!important;background:#fff!important;border-bottom:1px solid #e1e7dd!important;
    box-shadow:0 3px 12px rgba(13,35,25,.035)!important;flex-wrap:nowrap!important;
  }
  .portal-worktop .portal-search{order:1!important;flex:1 1 auto!important;width:auto!important;height:38px!important}
  .portal-worktop-actions{order:2!important;width:auto!important;flex:none!important;gap:7px!important}
  .portal-worktop-actions .cn-button,.portal-worktop .portal-help{display:none!important}
  .portal-account{padding:0!important}.portal-avatar{width:34px!important;height:34px!important;border-radius:10px!important}
  .cn-bell{width:34px!important;height:34px!important}

  /* Tighter page rhythm and card hierarchy. */
  .portal-topline,.cn-admin-head{margin:14px 0!important;gap:9px!important}
  .portal-topline h1,.cn-admin-head h1{font-size:clamp(26px,7vw,34px)!important;line-height:1!important;margin-bottom:5px!important}
  .portal-topline p,.cn-admin-head p{font-size:11px!important;line-height:1.4!important}
  .cn-admin-meta{gap:7px!important}.cn-admin-meta>span{font-size:9px!important}
  .cn-admin-meta .cn-button{min-height:39px!important;font-size:11px!important}
  .portal-panel{border-radius:13px!important;box-shadow:0 5px 18px rgba(20,40,27,.045)!important}
  .portal-panel-head{min-height:52px!important;padding:11px 12px!important;align-items:center!important;flex-direction:row!important}
  .portal-panel-head b{font-size:14px!important}.portal-panel-head span{font-size:9px!important}
  .portal-panel-head .cn-text-link,.portal-panel-head .text-link{padding:6px 8px!important;font-size:9px!important;align-self:auto!important}
  .portal-panel-body{padding:10px!important}
  .cn-stack{gap:10px!important}.portal-panel+.portal-panel{margin-top:10px!important}

  /* KPIs stay scannable in a two-column executive dashboard. */
  .stat-grid,.admin-stats,.cn-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}
  .stat-card,.admin-stats .stat-card,.cn-history-stats .stat-card{
    min-height:104px!important;height:auto!important;padding:12px 10px 11px 50px!important;border-radius:12px!important;
  }
  .stat-card .stat-icon,.admin-stats .stat-icon,.cn-history-stats .stat-icon{left:10px!important;top:12px!important;width:32px!important;height:32px!important}
  .stat-card .stat-icon svg,.admin-stats .stat-icon svg,.cn-history-stats .stat-icon svg{width:17px!important;height:17px!important}
  .stat-card .stat-label,.admin-stats .stat-label,.cn-history-stats .stat-label{min-height:0!important;margin:0!important;font-size:9px!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important}
  .stat-card .stat-value,.admin-stats .stat-value,.cn-history-stats .stat-value{margin:7px 0 0!important;font-size:25px!important}
  .stat-card .stat-note,.admin-stats .stat-note,.cn-history-stats .stat-note{margin:5px 0 0!important;font-size:8px!important;line-height:1.3!important}

  /* Compact customer content. */
  .cn-number-list{padding:0 7px 8px!important;gap:7px!important}
  .cn-number-dashboard-row{min-height:0!important;padding:10px!important;gap:7px!important;border-radius:10px!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important}
  .cn-number-dashboard-id{gap:8px!important}.cn-number-dashboard-id .flag{font-size:25px!important}
  .cn-number-dashboard-id b,.cn-number-value b{font-size:11px!important}.cn-number-dashboard-id small,.cn-number-value small,.cn-renew small,.cn-renew b{font-size:8px!important}
  .cn-number-value{text-align:right!important}.cn-renew{display:none!important}
  .cn-row-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}
  .cn-row-actions a{height:30px!important;padding:5px!important;justify-content:center!important;font-size:8px!important;gap:4px!important}
  .cn-row-actions svg{width:12px!important;height:12px!important}
  .cn-activity-row{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;gap:7px!important;padding:9px 11px!important}
  .cn-activity-row>span:nth-child(2){text-align:right!important}.cn-activity-row>span:nth-child(3){grid-column:2!important;text-align:right!important}
  .cn-activity-row b{font-size:9px!important}.cn-activity-row small{font-size:8px!important}
  .cn-dashboard-actions{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px!important}
  .cn-dashboard-actions a{min-height:52px!important;padding:8px!important}.cn-dashboard-actions b{font-size:9px!important}.cn-dashboard-actions small{font-size:7px!important}

  /* Compact admin modules without losing information. */
  .cn-live-usage{margin:10px 0!important}
  .cn-live-usage .portal-panel-head{padding:11px 12px!important}
  .cn-usage-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cn-usage-summary>div{min-height:82px!important;padding:12px!important}
  .cn-usage-summary span{font-size:9px!important}.cn-usage-summary b{font-size:23px!important;margin:4px 0!important}.cn-usage-summary small{font-size:8px!important}
  .cn-communication-chart{height:112px!important;padding:12px 10px 6px!important;gap:3px!important}
  .cn-communication-chart>div{height:90px!important}.cn-communication-chart .bars{height:70px!important}.cn-communication-chart small{font-size:7px!important}
  .cn-chart-legend{padding:3px 10px 10px!important;font-size:8px!important}
  .cn-live-log-head{padding:11px 12px!important}.cn-live-log-head b{font-size:12px!important}.cn-live-log-head span,.cn-live-log-head a{font-size:8px!important}
  .cn-queue-filters{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px!important}
  .cn-queue-filters input,.cn-queue-filters select{min-height:35px!important;font-size:10px!important}
  .cn-admin-overview-grid{gap:10px!important}
  .cn-payment-row{padding:9px 11px!important}.cn-provider-row{margin:0 8px 6px!important;padding:9px!important}
  .cn-provider-row b{font-size:10px!important}.cn-provider-row small,.cn-provider-row a,.cn-health{font-size:7px!important}
  .cn-renewal-chart{height:150px!important;padding:8px 10px!important}.cn-renewal-chart>div>span{height:90px!important}
  .cn-admin-quick{gap:6px!important;padding:8px!important}.cn-admin-quick>a{min-height:50px!important;padding:8px!important}

  /* Tables are intentionally swipeable inside their card, not in the header. */
  .portal-table-wrap{padding:0!important;border-top:1px solid #edf1eb!important}
  .portal-table{min-width:680px!important}
  .portal-table th{padding:8px!important;font-size:8px!important}.portal-table td{padding:9px 8px!important;font-size:9px!important}.portal-table td b{font-size:9px!important}.table-sub{font-size:7px!important}
}

@media(max-width:480px){
  .portal-worktop .portal-search{height:36px!important}.portal-search input{font-size:11px!important}
  .portal-topline h1,.cn-admin-head h1{font-size:27px!important}
  .cn-admin-meta{align-items:stretch!important;flex-direction:row!important;flex-wrap:wrap!important}
  .cn-admin-meta .cn-button{flex:1 1 100%!important}
  .stat-grid,.admin-stats,.cn-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cn-history-stats .stat-card{padding-left:50px!important}
  .cn-number-dashboard-row{grid-template-columns:minmax(0,1fr) auto!important}
  .cn-dashboard-actions{grid-template-columns:1fr 1fr!important}
  .cn-usage-summary{grid-template-columns:1fr 1fr!important}
  .cn-queue-filters{grid-template-columns:1fr!important}
  .cn-provider-row{grid-template-columns:28px minmax(0,1fr) auto!important}
  .cn-provider-row .cn-health{grid-column:2!important}.cn-provider-row>a{grid-column:3!important;grid-row:1/3!important;align-self:center!important}
}