/* Responsive operator screens keep every value visible at the device's real size. */
.artboard:not([data-device="mobile"]):not([data-device="tablet"]) .admin-chart-scroll{display:contents}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-page{padding:0;min-width:0;width:100%;container-type:inline-size;container-name:admin-content}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-page-title{font-size:22px;line-height:30px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-tabs{gap:24px;min-height:48px;height:auto;overflow-x:auto;scrollbar-width:thin;margin-top:16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-tabs button{flex:0 0 auto;min-height:48px;white-space:nowrap;margin-left:0;padding:10px 0;font-size:14px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-filter-row{display:grid;grid-template-columns:minmax(0,1fr);height:auto;gap:12px;margin:20px 0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-period{min-height:46px;min-width:0;width:100%}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-period button{min-width:0;padding:0 6px;min-height:44px;font-size:13px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-date-range{min-width:0;min-height:46px;width:100%;font-size:14px;gap:8px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-product-filter{min-width:0;min-height:46px;flex-wrap:wrap;gap:6px;padding:9px 10px;overflow:visible;white-space:normal}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-product-filter>span{font-size:12px;line-height:24px;white-space:nowrap}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-group{min-width:0;padding:16px;margin-bottom:20px;border-radius:16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-group-title{font-size:16px;line-height:24px;gap:8px;margin-bottom:16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-five-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-account-metric,.admin-partner-metric,.admin-finance-metric){display:grid;min-width:0;min-height:138px;height:auto;padding:14px;grid-template-rows:minmax(40px,auto) auto minmax(36px,auto);gap:6px;align-content:start}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-metric-label{font-size:13px;line-height:20px;min-width:0;white-space:normal;overflow-wrap:normal}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-metric-value{min-width:0;font-size:24px;gap:5px;line-height:32px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-change-arrow{font-size:18px;flex:none}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-metric-detail{font-size:12px;line-height:18px;white-space:normal;overflow-wrap:normal}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-prior{font-size:11px;line-height:17px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-finance-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-finance-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-chart-panel{min-width:0;height:auto;padding:16px 12px;gap:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-chart-heading{flex-wrap:wrap;gap:12px;font-size:15px;line-height:22px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-legend{flex-wrap:wrap;gap:8px 14px;font-size:12px;line-height:18px}
/* SVG geometry is regenerated for this width: fonts are never scaled down. */
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-chart-scroll{display:block;width:100%;max-width:100%;min-width:0;overflow:visible;padding:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-cashflow-svg,.admin-risk-chart){display:block;min-width:0;width:100%;height:auto;aspect-ratio:auto;flex:none;margin:0;overflow:visible}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-cashflow-svg,.admin-risk-chart) text{font-size:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-chart text.admin-risk-last-value{font-size:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-chart polyline{vector-effect:non-scaling-stroke;stroke-width:2}

/* Funnel: each stage keeps its count, relative volume and both conversion rates. */
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-overview{flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;font-size:13px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-scroll{max-width:100%;min-width:0;overflow:visible;padding:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;gap:12px 0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-headings,.admin-funnel-rates){display:contents}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-chart{display:none}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-heading{grid-column:1;position:relative;min-width:0;grid-template-rows:18px 22px 32px;gap:3px;text-align:left;padding:14px 12px 24px;border:1px solid #303238;border-right:0;border-radius:12px 0 0 12px;background:#101010}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-heading::after{content:"";position:absolute;left:12px;right:0;bottom:12px;height:4px;border-radius:3px;background:linear-gradient(to right,var(--admin-green) var(--funnel-ratio),#303238 var(--funnel-ratio))}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-heading:nth-child(even)::after{background:linear-gradient(to right,var(--admin-cyan) var(--funnel-ratio),#303238 var(--funnel-ratio))}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-heading>span{font-size:12px;line-height:18px;letter-spacing:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-heading h4{font-size:14px;line-height:22px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-heading>strong{font-size:26px;line-height:32px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-rates{grid-column:2;display:grid;min-width:0;grid-template-rows:auto auto;align-content:center;gap:10px;margin:0;padding:14px 12px;border:1px solid #303238;border-left:0;border-radius:0 12px 12px 0;background:#101010;font-size:12px;line-height:18px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-rates>div{grid-template-columns:minmax(0,1fr);gap:2px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-rates dt{white-space:normal;font-size:11px;line-height:16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-funnel-stage-rates dd{text-align:left;font-size:14px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-stage-heading,.admin-funnel-stage-rates):nth-child(1){grid-row:1}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-stage-heading,.admin-funnel-stage-rates):nth-child(2){grid-row:2}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-stage-heading,.admin-funnel-stage-rates):nth-child(3){grid-row:3}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-stage-heading,.admin-funnel-stage-rates):nth-child(4){grid-row:4}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-stage-heading,.admin-funnel-stage-rates):nth-child(5){grid-row:5}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-funnel-stage-heading,.admin-funnel-stage-rates):nth-child(6){grid-row:6}

/* Risk summary cards have enough width for full monetary amounts. */
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-breadcrumb{font-size:12px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-updated{margin-top:16px;font-size:12px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-metric{min-width:0;height:auto;min-height:130px;border-radius:16px;padding:18px;grid-template-rows:20px 36px auto;gap:4px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-metric>span{font-size:12px;line-height:20px;margin:0;white-space:normal}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-metric>strong{font-size:26px;line-height:36px;white-space:nowrap;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-metric>small{font-size:13px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-ring-card>span,
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-ring-card>strong{padding-right:58px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-ring{width:48px;height:48px;right:18px;top:35px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-ring-card small{max-width:none}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table-panel{min-width:0;min-height:0;border-radius:16px;margin-top:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-panel-heading{min-height:58px;height:auto;padding:16px;font-size:16px;line-height:24px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table-body{padding:12px;min-width:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-table-scroll{max-width:100%;min-width:0;overflow:visible;padding:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table{display:block;min-width:0;width:100%;font-size:14px;table-layout:auto}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;min-width:0;padding:16px 14px;border:1px solid #34363b;border-radius:12px;background:#111}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table td{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:auto!important;height:auto;padding:0;border:0;text-align:left;white-space:normal;line-height:22px;font-variant-numeric:tabular-nums}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table td::before{content:attr(data-label);display:block;color:var(--admin-muted);font-size:12px;font-weight:400;line-height:18px;margin-bottom:4px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table td:first-child{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #303238!important;font-size:15px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-table td:first-child::before{display:none}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-limit-cell{width:100%;min-height:22px;flex-wrap:wrap;gap:6px;font-size:13px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-limit-cell>span{width:50px;max-width:50%;flex-shrink:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-pagination{height:auto;min-height:64px;gap:12px;flex-wrap:wrap;padding-top:16px;font-size:12px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-pagination>div{gap:6px;flex-wrap:wrap;max-width:100%}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-pagination button{width:44px;height:44px;border-radius:10px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-pagination .admin-page-size{width:auto;font-size:13px;min-width:98px;margin:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-history{min-width:0;border-radius:16px;margin-top:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-history-heading{min-height:58px;height:auto;flex-wrap:wrap;gap:12px;padding:16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-history-heading h3{font-size:16px;line-height:24px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-history-heading .admin-period{height:auto}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-risk-history-body{padding:16px 12px;min-width:0}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-zone-legend{flex-wrap:wrap;gap:12px;text-align:left;font-size:12px;line-height:20px;margin:12px 0 16px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-zone-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-zone-grid>div{min-width:0;border-radius:12px;padding:16px;gap:8px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-zone-grid span{font-size:13px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-zone-grid strong{font-size:18px;line-height:26px;white-space:normal;font-variant-numeric:tabular-nums}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-footer{margin:24px 0 0;padding:20px 0 8px;font-size:12px;line-height:20px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) .admin-footer p{font-size:11px;line-height:18px}
.artboard:is([data-device="mobile"],[data-device="tablet"]) :is(.admin-table-scroll,.admin-funnel-scroll,.admin-chart-scroll):focus-visible{outline:2px solid var(--admin-cyan);outline-offset:3px}

/* Monetary cards need more width than count cards. */
.artboard[data-device="mobile"] .admin-five-grid>:last-child:nth-child(odd){grid-column:1/-1}
.artboard[data-device="mobile"] .admin-partners .admin-five-grid{grid-template-columns:minmax(0,1fr)}
.artboard[data-device="mobile"] .admin-partners .admin-five-grid>:nth-child(n){grid-column:auto}
.artboard[data-device="mobile"] :is(.admin-partner-metric,.admin-finance-metric){grid-template-rows:auto auto auto;min-height:138px}
.artboard[data-device="tablet"] .admin-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.artboard[data-device="tablet"] .admin-filter-row>.admin-period{grid-column:1/-1}
.artboard[data-device="tablet"] .admin-finance-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
.artboard[data-device="tablet"] .admin-risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.artboard[data-device="tablet"] .admin-five-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.artboard[data-device="tablet"] .admin-five-grid>*{grid-column:span 2}
.artboard[data-device="tablet"] .admin-five-grid>:nth-child(n+4){grid-column:span 3}
.artboard[data-device="tablet"] .admin-partners .admin-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.artboard[data-device="tablet"] .admin-partners .admin-five-grid>:nth-child(n){grid-column:auto}
.artboard[data-device="tablet"] .admin-partners .admin-five-grid>:last-child{grid-column:1/-1}
.artboard[data-device="tablet"] .admin-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@container admin-content (min-width:650px){
  .artboard[data-device="tablet"] .admin-risk-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artboard[data-device="tablet"] .admin-funnel-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .artboard[data-device="tablet"] .admin-funnel-stage-rates{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;padding-left:24px}
  .artboard[data-device="tablet"] .admin-funnel-stage-rates dt{font-size:12px}
}
@container admin-content (max-width:560px){
  .artboard[data-device="tablet"] .admin-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artboard[data-device="tablet"] .admin-five-grid>:nth-child(n){grid-column:auto}
  .artboard[data-device="tablet"] .admin-five-grid>:last-child{grid-column:1/-1}
  .artboard[data-device="tablet"] :is(.admin-filter-row,.admin-finance-stack,.admin-partners .admin-five-grid,.admin-zone-grid){grid-template-columns:minmax(0,1fr)}
}
@container admin-content (max-width:340px){
  .artboard[data-device="mobile"] .admin-group{padding:12px}
  .artboard[data-device="mobile"] .admin-account-metric{padding:12px}
  .artboard[data-device="mobile"] .admin-metric-value{font-size:23px}
  .artboard[data-device="mobile"] .admin-funnel-stage-heading{padding-left:10px;padding-right:8px}
  .artboard[data-device="mobile"] .admin-funnel-stage-rates{padding-left:8px;padding-right:10px}
  .artboard[data-device="mobile"] .admin-risk-table tbody tr{padding:14px 12px;gap:14px 10px}
  .artboard[data-device="mobile"] .admin-risk-table td{font-size:13px}
  .artboard[data-device="mobile"] .admin-pagination>div{width:100%;justify-content:space-between}
  .artboard[data-device="mobile"] .admin-pagination .admin-page-size{min-width:92px}
  .artboard[data-device="mobile"] .admin-zone-grid strong{font-size:16px}
}
