/* R153: the five selected reference screens only. Never changes dialogs or authorization. */
#content:has(.business-reference),#appView #content.br-dashboard:has(.dashboard-hero),#appView #content.br-plans:has(.product-filters){color:#122344}
.business-reference{font-size:14px;line-height:1.65}
.br-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 14px}
.br-stat{display:flex;gap:16px;align-items:flex-start;min-height:124px;padding:20px 18px;background:#fff;border:1px solid #e9edf2;border-radius:10px;box-shadow:0 8px 25px #34291704}
.br-stat-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:13px;background:#fcf2e6;color:#b65608;font-size:23px}
.br-stat-icon.blue{background:#eaf2ff;color:#3477e8}.br-stat-icon.red{background:#ffe8e9;color:#de342a}.br-stat-icon.green{background:#e5f9ef;color:#059467}
.br-stat>div{min-width:0}.br-stat span:not(.br-stat-icon){font-size:14px;color:#526c92}.br-stat strong{display:block;margin:3px 0;font-size:27px;line-height:1.3;font-weight:750;letter-spacing:-.6px;white-space:nowrap;color:#0d1637}.br-stat small{display:block;color:#7c8caa;font-size:12px}
.br-search-panel{padding:12px 14px;background:#fff;border:1px solid #e9edf2;border-radius:10px;margin-bottom:8px}
.business-reference .toolbar{display:flex;gap:14px;align-items:center;margin:0;flex-wrap:nowrap}.business-reference .toolbar select{min-width:0;width:19%;height:42px;border:1px solid #dbe1ec;background:#fff;border-radius:5px;color:#283c60;font-size:14px}.business-reference .toolbar>button{height:42px;min-width:92px;border-radius:6px}.business-reference .toolbar>button.primary{border:1px solid #c78c42;background:linear-gradient(115deg,#f0a74d,#a45b16);box-shadow:inset 0 1px 0 #ffffff55;color:#fff}
.br-search{display:flex;flex:1;align-items:center;min-width:0;gap:10px;margin:0;height:42px;border:1px solid #dbe1ec;background:#fff;border-radius:5px;padding:0 12px;color:#61779e}.br-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;width:100%;height:38px;margin:0;padding:0!important;font-size:14px}
.business-reference .panel{border:1px solid #e8edf3;border-radius:10px;background:#fff;box-shadow:0 10px 30px #402d1305;padding:0;overflow:hidden}
.business-reference .table-wrap{margin:0}.business-reference table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.business-reference th{background:#f5f7fa;color:#4d658a;font-size:14px;font-weight:600;height:46px;padding:12px 20px;border-bottom:1px solid #e8edf3;text-align:left}.business-reference td{padding:19px 20px;vertical-align:top;border-right:1px solid #e8edf3;border-bottom:1px solid #e8edf3;line-height:1.65;overflow-wrap:anywhere}.business-reference th:last-child,.business-reference td:last-child{border-right:0}.business-reference tr:last-child td{border-bottom:0}.business-reference td strong{color:#0f1936;font-weight:700}.business-reference td small{display:block;font-size:12px;color:#6d85a9;margin-top:4px}.business-reference .pill{min-width:65px;padding:3px 12px;border-radius:20px;white-space:normal;font-size:12px;text-align:center}.business-reference .pill.good{background:#e0f8ed;color:#098e60}.business-reference .pill.bad{background:#ffe8e8;color:#d62222}.business-reference .pill.warn{background:#fff1e1;color:#b85b10}
.business-reference .link{padding:0;background:transparent;border:0;box-shadow:none;font-size:13px;line-height:1.7;color:#0871ed}.business-reference .br-actions>.link{display:block;text-align:left;margin-bottom:7px}.br-merchants .br-actions>.link:first-child{color:#bd5504;text-decoration:underline;text-underline-offset:5px}.br-merchants th:nth-child(1){width:21%}.br-merchants th:nth-child(2){width:25%}.br-merchants th:nth-child(3){width:13%}.br-merchants th:nth-child(4){width:20%}.br-merchants th:nth-child(5){width:10%}.br-merchants th:nth-child(6){width:11%}
.br-stores{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;margin-top:12px;padding:8px 10px;background:#f4f7fa;border:0;border-radius:7px;color:#4e6a94;font-size:12px}.br-stores i{font-size:11px}.br-right{display:block;margin:8px 0;font-size:12px;color:#607b9e}.br-right i{color:#32984e}.br-price-tag{display:inline-block;padding:3px 9px;background:#fcf0e4;color:#ae570e;border-radius:8px;font-size:12px;margin:6px 4px 0 0}.business-reference .notice{padding:12px 15px;margin:18px 0;color:#a94f04;background:#fff6e9;border:1px solid #f3dcc0;border-radius:6px;font-size:12px;line-height:1.7}.business-reference .notice>i{font-size:18px;margin-right:10px;vertical-align:-2px}.business-reference .cell-risk{color:#dc2a24!important}
.br-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0;color:#627ba3;font-size:13px}.br-page-controls{display:flex;align-items:center;gap:10px}.br-page-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.br-page-controls select{width:70px;height:36px;margin:0;border:1px solid #dce4f0;background:#fff;border-radius:5px;padding:4px 7px}.br-page-controls input{width:48px;height:36px;margin:0;text-align:center;padding:4px;border:1px solid #dce4f0;border-radius:5px}.br-page-controls button{width:36px;min-width:36px;height:36px;padding:0}.br-page-controls [data-br-page]{padding:5px 11px;background:linear-gradient(115deg,#e79a3c,#995516);color:#fff;border-radius:6px}.br-pagination>small{flex-basis:100%;font-size:11px;color:#8998ae}
.br-order-tabs{display:flex;padding:9px 10px;border-bottom:1px solid #e9edf3}.br-order-tabs button{flex:1;border:0;background:#f4f7fa;color:#526b91;border-radius:0;height:44px;font-size:14px}.br-order-tabs button[aria-pressed=true]{background:linear-gradient(115deg,#eea34c,#a15d21);color:white;border-radius:14px}.br-renewal-panel>.toolbar{margin:22px 19px 16px}.br-renewal-panel>.notice{margin:0 19px 18px}.br-renewal-panel>.table-wrap{margin:0 10px}.br-renewal-panel>.br-pagination{padding:12px 20px}.br-renewals table{font-size:12px}.br-renewals th{font-size:12px;padding:17px 12px}.br-renewals td{padding:18px 12px}.br-renewals th:nth-child(1){width:15%}.br-renewals th:nth-child(2){width:13%}.br-renewals th:nth-child(3){width:15%}.br-renewals th:nth-child(4){width:10%}.br-renewals th:nth-child(5){width:11%}.br-renewals th:nth-child(6){width:12%}.br-renewals th:nth-child(7){width:9%}.br-renewals th:nth-child(8){width:8%}.br-renewals th:nth-child(9){width:7%}.br-renewals .br-boundary{margin-top:60px;margin-bottom:22px}
#appView #content.br-dashboard:has(.dashboard-hero) .dashboard-hero{min-height:0!important;display:flex!important;align-items:center;justify-content:flex-end;gap:14px;padding:0!important;margin:-8px 0 14px!important;background:none!important;border:0!important;box-shadow:none!important;color:#768ca9;font-size:12px}
#appView #content.br-dashboard .hero-health{display:flex;align-items:center;gap:5px;padding:0;min-width:0;background:transparent;box-shadow:none;border:0}#appView #content.br-dashboard .hero-health strong{font-size:14px}#appView #content.br-dashboard .hero-health small{font-size:11px}#appView #content.br-dashboard .hero-health span{font-size:11px}
#appView #content.br-dashboard .kpi-grid{gap:10px;margin-bottom:15px}#appView #content.br-dashboard .kpi-card{min-height:148px;padding:20px 22px;border-radius:7px;background:#fff;border:1px solid #e8edf3}#appView #content.br-dashboard .kpi-card>span{font-size:14px;font-weight:650;color:#121e3b}#appView #content.br-dashboard .kpi-card>strong{font-size:32px;font-weight:750;margin:10px 0;line-height:1.25}#appView #content.br-dashboard .kpi-card>small{font-size:12px;color:#7286a8}#appView #content.br-dashboard .kpi-card.primary-kpi{background:#fff!important;color:#13213c!important}#appView #content.br-dashboard .br-help{color:#7b8aa3;font-size:13px}
#appView #content.br-dashboard .dashboard-main-grid{grid-template-columns:1.03fr 1.2fr;gap:12px;margin-bottom:16px}#appView #content.br-dashboard .dashboard-main-grid>.panel{min-height:272px;padding:18px 22px;border-radius:7px}#appView #content.br-dashboard .panel-head{align-items:flex-start;margin-bottom:14px}#appView #content.br-dashboard .panel-head h2{font-size:20px;font-weight:750}#appView #content.br-dashboard .panel-head p{font-size:11px;color:#7c8da8;margin-top:4px}#appView #content.br-dashboard .panel-head .ghost{font-size:12px;padding:2px 0;border:0;background:transparent;box-shadow:none;color:#5174a6}#appView #content.br-dashboard .attention-row{padding:14px 0;align-items:flex-start}#appView #content.br-dashboard .attention-copy strong{font-size:14px}#appView #content.br-dashboard .attention-copy small{font-size:12px}#appView #content.br-dashboard .attention-row>.link{font-size:12px;color:#bc5707}
#appView #content.br-dashboard .br-trend-canvas{display:block;width:100%;height:172px}#appView #content.br-dashboard .br-chart-data{font-size:11px;color:#7b8ca6;margin-top:4px}#appView #content.br-dashboard .br-chart-data .trend-row{margin-top:8px}
#appView #content.br-dashboard .dashboard-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}#appView #content.br-dashboard .dashboard-secondary-grid>.panel{padding:18px 22px;min-height:316px;border-radius:7px}#appView #content.br-dashboard .renewal-funnel,#appView #content.br-dashboard .lifecycle-grid{display:flex;flex-direction:column;gap:0}#appView #content.br-dashboard .renewal-funnel>div,#appView #content.br-dashboard .lifecycle-grid>div{display:flex;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid #e8edf2;background:none;border-radius:0}#appView #content.br-dashboard .renewal-funnel span,#appView #content.br-dashboard .lifecycle-grid span{flex:1;font-size:13px}#appView #content.br-dashboard .renewal-funnel strong,#appView #content.br-dashboard .lifecycle-grid strong{font-size:14px;margin:0}#appView #content.br-dashboard .renewal-funnel small,#appView #content.br-dashboard .lifecycle-grid small{font-size:11px;color:#7a8aa5}#appView #content.br-dashboard .coverage-line{padding:12px 0;border:0;font-size:12px}#appView #content.br-dashboard .coverage-line small{font-size:11px}#appView #content.br-dashboard .risk-list button{border:0;border-bottom:1px solid #e8edf2;background:transparent;border-radius:0;min-height:34px;padding:8px 0;font-size:13px}#appView #content.br-dashboard .risk-list strong{font-size:14px}#appView #content.br-dashboard>.panel{padding:18px 22px;border-radius:7px}#appView #content.br-dashboard .plan-mix-table th,#appView #content.br-dashboard .plan-mix-table td{padding:9px 10px;font-size:13px}
#appView #content.br-plans:has(.product-filters)>.product-filters{width:440px;max-width:100%;margin:25px auto 0;justify-content:center;padding:6px;border:1px solid #eee;border-radius:30px;background:#fff;box-shadow:0 7px 20px #b57e2920}#appView #content.br-plans .product-filters button{flex:1;border:0;border-radius:24px;padding:10px 14px;background:#fff;color:#15203c}#appView #content.br-plans .product-filters button[aria-pressed=true]{background:linear-gradient(115deg,#e9a047,#a25e19);color:#fff}#appView #content.br-plans .product-section-title{margin:20px 0 8px}#appView #content.br-plans .product-section-title h2{font-size:26px}#appView #content.br-plans .product-section-title span{font-size:14px;color:#627a9e}#appView #content.br-plans .plans{gap:14px;align-items:stretch}#appView #content.br-plans .plans>.plan{position:relative;padding:24px 26px 14px;min-height:410px;background:#fff!important;border:1px solid #e7ebef;border-radius:13px;box-shadow:0 10px 30px #39290708}#appView #content.br-plans .plans>.plan h2{font-size:23px;margin:0 90px 12px 0}#appView #content.br-plans .br-list-price{position:absolute;right:22px;top:20px}#appView #content.br-plans .plans>.plan .price{font-size:31px;line-height:1.4;font-weight:750;margin:12px 0 8px;color:#111b34}#appView #content.br-plans .plans>.plan>p{font-size:14px;color:#60799d;margin:8px 0 14px}#appView #content.br-plans .plans>.plan>ul{padding:12px 0;border-top:1px solid #e0e5ec;margin:14px 0;min-height:145px}#appView #content.br-plans .plans>.plan>ul li{display:flex;align-items:center;gap:14px;padding:8px 0;font-size:15px;color:#536e93;list-style:none}#appView #content.br-plans .plans>.plan>ul li i{color:#b56914;font-size:21px}#appView #content.br-plans .plan-card-controls{display:flex;justify-content:center;gap:36px;border-top:1px solid #e3e8ef;margin-top:16px;padding-top:16px}#appView #content.br-plans .plan-card-controls button{font-size:15px;color:#a55208;padding:0 10px;border-radius:0}#appView #content.br-plans .plan-card-controls button+button{border-left:1px solid #bac2cd;padding-left:35px}#appView #content.br-plans .plan-included{padding:10px 12px!important;background:#fff3e3;border:1px solid #f0d9ba;border-radius:7px;font-size:12px!important;color:#a65b11!important}#appView #content.br-plans .standalone-product{padding:22px 25px;grid-template-columns:1.4fr 1fr auto;border-radius:12px}#appView #content.br-plans .standalone-product h2{font-size:23px}#appView #content.br-plans .standalone-product p{font-size:14px}#appView #content.br-plans .standalone-quote strong{font-size:26px}#appView #content.br-plans .standalone-scope{font-size:13px;border-top:1px solid #e6e9ef;padding-top:12px}#appView #content.br-plans .plan-history{margin-top:28px;padding:20px;border-radius:12px}#appView #content.br-plans .plan-history h2{font-size:24px}
#content .svc-design[data-svc-tab=products] .service-catalog-name>i{display:grid;place-items:center;width:55px;height:55px;flex:0 0 55px;border-radius:7px;background:#ffe8c5;color:#b76308;font-size:30px}#content .svc-design[data-svc-tab=products] .service-catalog-name{gap:16px}#content .svc-design[data-svc-tab=products] .service-catalog-actions{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}#content .svc-design[data-svc-tab=products] .service-catalog-actions button{white-space:nowrap;padding:0;font-size:13px}#content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(5){width:24%}#content .svc-design[data-svc-tab=products] .service-catalog-table th:last-child{width:14%}#content .svc-design[data-svc-tab=products] [data-service-expand]{display:flex;gap:22px;align-items:center;color:#b15406}#content .svc-design[data-svc-tab=products] [data-service-expand] i{transition:transform .15s ease}#content .svc-design[data-svc-tab=products] [data-service-expand][aria-expanded=true] i{transform:rotate(180deg)}
#appView:has(.business-reference,.dashboard-hero,.product-filters,.svc-design) main>header{margin-bottom:20px}
#appView:has(.business-reference,.dashboard-hero,.product-filters,.svc-design) #pageTitle{color:#0d1935;font-size:30px;font-weight:750;line-height:1.15;margin:3px 0}
#appView:has(.business-reference,.dashboard-hero,.product-filters,.svc-design) #pageSubtitle{color:#526f9c;font-size:16px;line-height:1.6}
#appView:has(.business-reference,.dashboard-hero,.product-filters,.svc-design) main>header .eyebrow{color:#b75009;font-size:13px}
#appView:has(.business-reference,.dashboard-hero,.product-filters,.svc-design) #primaryAction{min-width:158px;min-height:48px;border:1px solid #d19a51;border-radius:11px;background:linear-gradient(115deg,#f3aa52,#965217);box-shadow:0 8px 20px #8c581e13;color:#fff;font-size:15px}
#appView #content .business-reference .toolbar>button.primary{border:1px solid #d19a51;background:linear-gradient(115deg,#efa54b,#a35a16);color:#fff;box-shadow:inset 0 1px 0 #ffffff55}
#appView #content .business-reference th{font-size:14px;color:#4e6894;background:#f4f7fa;padding:12px 20px}
#appView #content .business-reference td{font-size:14px;color:#354f78;padding:19px 20px}
#appView #content .business-reference td strong{font-size:14px;color:#111c39}
#appView #content .business-reference .link{color:#0871ed;background:transparent;border:0;box-shadow:none;font-size:13px;padding:0}
#appView #content .br-list-panel{margin-top:0}
#appView #content .br-merchants td>strong{font-size:16px}
#appView #content .br-merchants .br-stores{font-size:13px}
#appView #content.br-dashboard .dashboard-secondary-grid .lifecycle-grid>div,#appView #content.br-dashboard .dashboard-secondary-grid .renewal-funnel>div{min-height:0;padding:9px 0}
#appView #content.br-dashboard .dashboard-secondary-grid .lifecycle-grid,#appView #content.br-dashboard .dashboard-secondary-grid .renewal-funnel{gap:0}
#appView #content.br-dashboard .br-trend-canvas{height:150px}
#appView #content.br-dashboard .dashboard-main-grid>.panel{min-height:272px}
#appView #content.br-dashboard .dashboard-secondary-grid>.panel{min-height:326px}
#appView #content.br-dashboard{position:relative}
#appView #content.br-dashboard .dashboard-hero{position:absolute!important;top:-80px;right:0;width:420px;max-width:50%;display:grid!important;grid-template-columns:1fr auto;gap:5px 12px;margin:0!important;align-items:center;text-align:right}
#appView #content.br-dashboard .dashboard-hero>span{font-size:11px;white-space:normal}
#appView #content.br-dashboard .dashboard-hero>.hero-health{grid-column:1/-1;grid-row:2;justify-content:flex-end}
#appView #content.br-dashboard .dashboard-hero>button{grid-column:2;grid-row:1}
#appView #content.br-dashboard .dashboard-hero>button{white-space:nowrap;min-width:80px}
#appView #content.br-dashboard .dashboard-secondary-grid>.panel{display:flex;flex-direction:column}
#appView #content.br-dashboard .dashboard-secondary-grid .panel-head{display:flex;min-height:28px;margin-bottom:10px}
#appView #content.br-dashboard .panel-head>div:has(.br-panel-info){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#appView #content.br-dashboard .br-panel-info{position:relative;font-size:12px;color:#7a8aa5}
#appView #content.br-dashboard .br-panel-info>summary{cursor:pointer;list-style:none}
#appView #content.br-dashboard .br-panel-info[open]>p{position:absolute;z-index:5;top:20px;left:0;width:210px;padding:10px 12px;background:#fff;border:1px solid #dde4ed;border-radius:8px;box-shadow:0 8px 25px #19264215;font-size:12px;color:#526b91}
#appView #content.br-dashboard .br-panel-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:12px;border-top:1px solid #e8edf2}
#appView #content.br-dashboard .br-panel-footer button{background:none;border:0;color:#bc5508;font-size:13px;padding:0;box-shadow:none}
#appView #content.br-dashboard .lifecycle-grid>div{min-height:35px!important;padding:7px 0!important}
#appView #content.br-dashboard .dashboard-main-grid>.panel{min-height:272px}
#appView #content .br-stat strong{white-space:normal;overflow-wrap:anywhere}
#appView #content .br-renewals .br-stat{min-height:138px}
#appView #content .br-renewals th:nth-child(2){width:12%}
#appView #content .br-renewals th:nth-child(3){width:14%}
#appView #content .br-renewals th:nth-child(4){width:9%}
#appView #content .br-renewals th:nth-child(5){width:10%}
#appView #content .br-renewals th:nth-child(7){width:10%}
#appView #content .br-renewals th:nth-child(8){width:9%}
#appView #content .br-renewals th:nth-child(9){width:9%}
#appView #content .br-renewals .br-actions>button{white-space:nowrap}
#appView #content .br-renewal-panel{min-height:848px;display:flex;flex-direction:column}
#appView #content .br-renewal-panel>.br-boundary{margin-top:auto}
#appView #content.br-plans .product-filters+.product-section-title{margin-top:0}
#appView #content.br-plans .plans>.plan{gap:0;min-height:440px}
#appView #content.br-plans .plans>.plan>p:not(.plan-included){padding:0;border:0;margin:4px 0 8px}
#appView #content.br-plans .plans>.plan .price{margin:4px 0 8px}
#appView #content.br-plans .plans>.plan>ul{margin:8px 0;padding:10px 0;min-height:145px}
#appView #content.br-plans .plan-card-controls{gap:30px;padding-top:14px;margin-top:10px}
#appView #content.br-plans .plan-card-controls>button{min-height:32px}
#appView #content .svc-design[data-svc-tab=products] .svc-summary{position:relative;padding:14px 18px;min-height:86px}
#appView #content .svc-design[data-svc-tab=products] .svc-summary>.stat{gap:0;min-height:48px;padding:0 16px}
#appView #content .svc-design[data-svc-tab=products] .svc-summary>.stat>strong{font-size:16px;margin:4px 0 0}
#appView #content .br-service-legend{position:absolute;right:8px;top:5px;font-size:11px;color:#7c8daa}
#appView #content .br-service-legend>summary{cursor:pointer;list-style:none}
#appView #content .br-service-legend-body{position:absolute;right:0;top:18px;z-index:8;width:310px;padding:12px 14px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1d2a4020}
#appView #content .br-service-legend-body p{font-size:12px;line-height:1.7;margin:6px 0;color:#536e92}
#appView #content .br-service-legend-body strong,#appView #content .br-service-legend-body small{display:inline;font-size:12px;color:inherit}
#appView #content.br-dashboard .plan-mix-table th,#appView #content.br-dashboard .plan-mix-table td{font-size:13px;color:#3e5b8a;background:#fff;padding:8px 10px}
#appView #content.br-dashboard .plan-mix-table th{background:#f4f7fa;font-weight:600}
#appView #content.br-dashboard .br-income-policy{font-size:12px;color:#b75b0a;background:#fff8ed;padding:10px 12px;margin:10px 0 0;border-radius:6px}
#appView #content .br-merchants .br-actions>.link:first-child{color:#b65208}
#appView #content .br-renewals th,#appView #content .br-renewals td{font-size:12px;padding:17px 11px}
#appView #content .br-renewals td strong{font-size:12px}
#appView #content .svc-design[data-svc-tab=products] .svc-summary{min-height:86px;padding:16px 18px;align-items:center}
#appView #content .svc-design[data-svc-tab=products] .svc-summary .stat{padding:0 16px;min-height:48px;background:transparent}
#appView #content .svc-design[data-svc-tab=products] .svc-summary .stat>small{font-size:10px;line-height:1.4;margin-top:3px}
#appView #content .svc-design[data-svc-tab=products] .svc-summary .stat>strong{font-size:14px;line-height:1.4;margin:4px 0 0}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-actions button{font-size:13px;color:#0871ed}
#appView #content .svc-design[data-svc-tab=products] [data-service-expand]{font-size:13px;color:#b15406}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th{font-size:14px;color:#4e6894}
/* R154: reference details, scoped to the business dashboard and service catalog. */
#appView #content .svc-design[data-svc-tab=products] .svc-summary .stat>span:not(.service-stat-icon){font-size:13px}
#appView #content .svc-design[data-svc-tab=products] .svc-summary .stat>strong{font-size:16px}
#appView #content .svc-design[data-svc-tab=products] #createStoreService{min-width:140px;min-height:46px}
#appView #content .svc-design[data-svc-tab=products] #createStoreService i{margin-right:7px;font-size:14px}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(1){width:29%}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(2){width:12%}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(3){width:10.5%}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(4){width:11%}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(5){width:24%}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table th:nth-child(6){width:13.5%}
#appView #content.br-dashboard .kpi-card>strong{color:#101c38}
#appView #content.br-dashboard .kpi-card{padding:18px 22px}
#appView #content.br-dashboard .kpi-card>strong{margin:6px 0}
#appView #content.br-dashboard .dashboard-hero>span{grid-column:1/-1;grid-row:1}
#appView #content.br-dashboard .dashboard-hero>.hero-health{grid-column:1;grid-row:2}
#appView #content.br-dashboard .dashboard-hero>button{grid-column:2;grid-row:2}
#appView #content.br-dashboard .coverage-line progress:not([value]){visibility:hidden}
#appView #content.br-dashboard .kpi-card[data-br-metric=receivable].critical>strong{color:#c15b0c}
#appView #content.br-dashboard .kpi-card>span{display:flex;align-items:center;gap:6px}
#appView #content.br-dashboard .br-kpi-info{position:relative;display:inline-flex;margin:0;font-weight:400}
#appView #content.br-dashboard .br-kpi-info>summary{display:grid;place-items:center;list-style:none;width:24px;height:24px;cursor:pointer}
#appView #content.br-dashboard .br-kpi-info>p{position:absolute;left:-20px;top:28px;z-index:12;width:230px;margin:0;padding:12px 14px;border:1px solid #dce4ee;border-radius:8px;background:#fff;box-shadow:0 8px 24px #19264220;color:#526b91;font-size:12px;line-height:1.7}
#appView #content.br-dashboard .br-kpi-info:last-child>p{max-width:min(230px,60vw)}
#appView #content.br-dashboard .attention-copy{line-height:1.65}
#appView #content.br-dashboard .attention-copy small{display:block;margin-top:3px}
#appView #content .svc-design[data-svc-tab=products] .br-package-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
#appView #content .svc-design[data-svc-tab=products] .br-package-head h3{font-size:16px;line-height:1.6;margin:0;color:#243d68}
#appView #content .svc-design[data-svc-tab=products] .br-package-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#appView #content .svc-design[data-svc-tab=products] .br-trial-info{position:relative;margin:0}
#appView #content .svc-design[data-svc-tab=products] .br-trial-info>summary{list-style:none;cursor:pointer;padding:3px 10px;min-height:26px;box-sizing:border-box;border:1px solid #e6c8a0;border-radius:16px;background:#fff5e8;color:#b15c10;font-size:12px;line-height:20px;white-space:nowrap}
#appView #content .svc-design[data-svc-tab=products] .br-catalog-status{padding:3px 10px;border-radius:14px;background:#edf1f6;color:#5b7398;font-size:12px;white-space:nowrap}
#appView #content .svc-design[data-svc-tab=products] .br-trial-body{position:absolute;z-index:12;right:0;top:34px;width:290px;max-width:65vw;padding:14px 16px;border:1px solid #dce4ee;border-radius:9px;background:#fff;box-shadow:0 10px 28px #19264220;color:#526b91}
#appView #content .svc-design[data-svc-tab=products] .br-trial-body p,#appView #content .svc-design[data-svc-tab=products] .br-package-ledger p{margin:0 0 12px;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
#appView #content .svc-design[data-svc-tab=products] .br-paid-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;margin:0 0 18px}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package{min-height:84px;padding:16px 10px;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:7px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package>strong{color:#314d79;font-size:16px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package>span{color:#b9570d;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package small{display:inline;color:#6d82a1;font-size:11px}
#appView #content .svc-design[data-svc-tab=products] .br-no-paid{grid-column:1/-1;color:#7586a1;font-size:12px;line-height:1.8;margin:0;min-height:84px}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail>h2{font-size:20px;color:#162443;margin:0 0 16px}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail>p{font-size:14px;line-height:1.8;color:#607a9f;margin:0 0 16px}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail .metric-list{font-size:13px;line-height:1.7}
#appView #content .svc-design[data-svc-tab=products] .service-product-metadata{font-size:12px;line-height:1.8;margin-top:14px;color:#667f9e}
#appView #content .svc-design[data-svc-tab=products] .br-package-ledger{margin-top:14px;padding-top:10px;border-top:1px solid #e5eaf1}
#appView #content .svc-design[data-svc-tab=products] .br-package-ledger h4{margin:0 0 10px;font-size:13px;color:#314d79}
#appView #content .br-trial-info>summary:focus-visible,#appView #content .br-kpi-info>summary:focus-visible{outline:2px solid #c77a29;outline-offset:3px}
/* R155: reference typography and rhythm, without altering any action or business data. */
#appView #content .business-reference .br-stat>div>span{font-size:16px;line-height:1.5}
#appView #content .business-reference th{font-weight:600}
#appView #content .business-reference .br-stat>div>span{font-weight:500}
#appView #content .business-reference .br-stat strong{font-size:30px;line-height:1.3;font-weight:700;letter-spacing:-.4px}
#appView #content .business-reference .br-stat small{font-size:13px;line-height:1.6;color:#6b83aa}
#appView #content .br-merchants .br-stat{padding:16px 18px;min-height:124px}
#appView #content .br-merchants th:nth-child(1){width:19.5%}
#appView #content .br-merchants th:nth-child(2){width:26.5%}
#appView #content .br-merchants th:nth-child(3){width:12.5%}
#appView #content .br-merchants th:nth-child(4){width:19.5%}
#appView #content .br-merchants th:nth-child(5){width:10%}
#appView #content .br-merchants th:nth-child(6){width:12%}
#appView #content .br-merchants td>strong{font-size:17px;font-weight:650}
#appView #content .br-merchants td>small{font-size:14px;line-height:1.6;margin-top:3px;color:#5b76a0}
#appView #content .br-merchants td:first-child>small:last-child{font-size:12px;line-height:1.6}
#appView #content .br-merchants td:nth-child(3)>small:first-of-type{font-size:13px}
#appView #content .br-merchants .br-right{font-size:14px;line-height:1.6}
#appView #content .br-merchants .br-stores{font-size:14px;min-height:44px;margin-top:10px}
#appView #content .business-reference .br-actions>.link{font-size:15px;line-height:1.6;min-height:28px;margin:0 0 4px;padding:2px 0;font-weight:600}
#appView #content.br-plans .product-section-title{margin-bottom:0}
#appView #content.br-plans .plans>.plan h2{margin-bottom:8px}
#appView #content.br-plans .plans>.plan>ul{min-height:132px}
#appView #content.br-plans .plans>.plan>ul li{font-size:18px;line-height:1.5}
#appView #content.br-plans .plans>.plan>p:not(.plan-included){font-size:16px;line-height:1.5;color:#526f9c}
#appView #content.br-plans .plan-included{font-size:13px!important}
#appView #content.br-plans .standalone-product p,#appView #content.br-plans .product-section-title span{color:#607a9f}
#appView #content.br-plans .plan-card-controls button{font-size:16px;min-height:36px}
#appView #content.br-plans .standalone-product{grid-template-columns:minmax(0,1fr) auto auto;column-gap:30px;row-gap:12px;padding:20px 25px}
#appView #content.br-plans .standalone-product h2{margin:0;line-height:1.3}
#appView #content.br-plans .standalone-product>div:first-child>p{margin:6px 0 0;line-height:1.6}
#appView #content.br-plans .standalone-quote{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#appView #content.br-plans .standalone-quote strong{white-space:nowrap}
#appView #content.br-plans .standalone-scope{margin:0;padding-top:10px;line-height:1.65}
#appView #content.br-plans .plan-history{padding:0;border:0;background:transparent;box-shadow:none}
#appView #content.br-plans .plan-history>.panel-head{margin:0 0 8px}
#appView #content.br-plans .plan-history>.panel-head h2{font-size:26px}
#appView #content.br-plans .plan-history>.panel-head p{font-size:14px}
#appView #content.br-plans .plan-history-body{padding:12px 18px;background:#fff;border:1px solid #e6ebf2;border-radius:12px}
#appView #content .br-renewals th:nth-child(1){width:15.5%}
#appView #content .br-renewals th:nth-child(2){width:12%}
#appView #content .br-renewals th:nth-child(3){width:15%}
#appView #content .br-renewals th:nth-child(4){width:9%}
#appView #content .br-renewals th:nth-child(5){width:10%}
#appView #content .br-renewals th:nth-child(6){width:11%}
#appView #content .br-renewals th:nth-child(7){width:10%}
#appView #content .br-renewals th:nth-child(8){width:9%}
#appView #content .br-renewals th:nth-child(9){width:8.5%}
#appView #content .br-renewals th,#appView #content .br-renewals td{font-size:14px;padding:18px 12px;line-height:1.7}
#appView #content .br-renewals td strong{font-size:14px;font-weight:650}
#appView #content .br-renewals td small{font-size:13px;line-height:1.7;color:#5b76a0}
#appView #content .br-renewals td .cell-risk{color:#dc2a24}
#appView #content .br-renewals .pill{min-width:0;max-width:100%;box-sizing:border-box;padding:3px 8px}
#appView #content .br-renewals td:first-child>strong{overflow-wrap:anywhere;word-break:normal;font-variant-numeric:tabular-nums}
#appView #content .br-renewals .table-wrap{overflow-x:auto;width:auto;min-width:0;max-width:calc(100% - 20px)}
#appView #content .br-renewals table{min-width:990px}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table table{table-layout:fixed;width:100%}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table tbody>tr:not(.service-catalog-detail)>td{padding:10px 12px}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-name>i{width:58px;height:58px;flex-basis:58px}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-actions{min-width:0;gap:8px;flex-wrap:wrap}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-detail .service-product{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail>h2{margin-bottom:12px}
#appView #content .svc-design[data-svc-tab=products] .br-package-head h3{font-size:18px}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail>p{line-height:22px;margin-bottom:14px}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail .metric-list>div{min-height:28px;padding:4px 0;font-weight:400}
#appView #content .svc-design[data-svc-tab=products] .service-product-detail .metric-list dd{font-weight:400;color:#526f9c}
#appView #content .svc-design[data-svc-tab=products] .service-product-metadata{margin-top:10px}
#appView #content .svc-design[data-svc-tab=products] .service-product-metadata>summary{min-height:28px}
/* R156: official local outline icons and reference policy notes, never alter dialogs. */
#appView #content .br-stat-glyph,#appView #content .br-note-icon{display:inline-block;width:26px;height:26px;flex:0 0 26px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
#appView #content .br-glyph-wallet{mask-image:url('/assets/icons/business-reference/wallet.svg');-webkit-mask-image:url('/assets/icons/business-reference/wallet.svg')}
#appView #content .br-glyph-clock{mask-image:url('/assets/icons/business-reference/clock.svg');-webkit-mask-image:url('/assets/icons/business-reference/clock.svg')}
#appView #content .br-glyph-risk{mask-image:url('/assets/icons/business-reference/risk.svg');-webkit-mask-image:url('/assets/icons/business-reference/risk.svg')}
#appView #content .br-glyph-document{mask-image:url('/assets/icons/business-reference/document.svg');-webkit-mask-image:url('/assets/icons/business-reference/document.svg')}
#appView #content .business-reference .br-stat-icon{flex-basis:48px;height:48px;border-radius:12px}
#appView #content .br-stat-icon>.br-stat-glyph{color:inherit}
#appView #content.br-plans .plan-included{display:flex;align-items:center;gap:8px}
#appView #content.br-plans .br-note-icon{width:18px;height:18px;flex-basis:18px;color:#ae5c0b;mask-image:url('/assets/icons/business-reference/notice.svg');-webkit-mask-image:url('/assets/icons/business-reference/notice.svg')}
#appView #content.br-plans .plans>.plan>p.br-rights-note{font-size:14px;line-height:1.6;color:#607a9f;margin:0;padding:12px 0 0;border-top:1px solid #e3e8ef}
#appView #content.br-plans .plans>.plan:has(.br-rights-note) .plan-card-controls{border-top:0;margin-top:8px;padding-top:8px}
#appView #content .business-reference .notice{font-size:13px;line-height:1.7}
#appView #content .business-reference .notice>i{font-size:20px;vertical-align:-2px}
/* R157: measured card footer and catalog header rhythm; preserve natural content growth. */
#appView #content.br-plans .plans>.plan{min-height:439px}
#appView #content.br-plans .plan-pro .plan-card-controls{padding-top:7px}
#appView #content .svc-design[data-svc-tab=products] .service-catalog-table thead th{padding-top:12.5px;padding-bottom:12.5px}
#appView #content .br-merchants th{font-size:15px;font-weight:600;color:#48618b}
#appView #content .br-merchants td:nth-child(1)>strong,#appView #content .br-merchants td:nth-child(2)>strong{font-size:18px;font-weight:700}
#appView #content .br-merchants td:nth-child(4)>strong{font-size:16px;font-weight:700}
/* R158: compensate native gutter without hiding it; keep all original package actions. */
#appView:has(#content.br-dashboard,#content.br-plans,#content>.br-merchants,#content>.br-renewals,#content>.svc-design)>main{padding-inline-end:max(9px,calc(24px - var(--br-scrollbar-gutter,0px)))}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package{padding:14px 8px;gap:8px;min-height:84px}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package>strong{font-size:16px;font-weight:600;color:#17243b}
#appView #content .svc-design[data-svc-tab=products] .br-paid-package>.br-package-price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:2px;row-gap:2px;font-size:16px;line-height:1.4}
#appView #content .svc-design[data-svc-tab=products] .br-package-price>strong{font-size:18px;font-weight:700;color:#b75308;overflow-wrap:anywhere}
#appView #content .svc-design[data-svc-tab=products] .br-package-price>.br-package-currency,#appView #content .svc-design[data-svc-tab=products] .br-package-price>small{font-size:14px;font-weight:500;color:#17243b}
#appView #content .svc-design[data-svc-tab=products] .service-product-packages>button[data-package-service]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:104px;padding:8px 16px;border:1px solid #dfba85;border-radius:6px;background:#fffdfa;color:#ad550b;font-size:15px;font-weight:600;line-height:1.4}
#appView #content .svc-design[data-svc-tab=products] .service-product-packages>button[data-package-service]:enabled:hover{background:#fff4e5;border-color:#be873f}
#appView #content .svc-design[data-svc-tab=products] .service-product-packages>button[data-package-service]:focus-visible{outline:2px solid #b87524;outline-offset:3px}
#appView #content .svc-design[data-svc-tab=products] .service-product-packages>button[data-package-service]:disabled{color:#7d8795;border-color:#d6dce4;background:#f7f8fa;cursor:not-allowed}
#appView #content .svc-design[data-svc-tab=products] .service-product-packages>p.muted{font-size:14px;line-height:1.6;color:#5b749a;margin-inline-start:20px}
#appView #content .svc-design[data-svc-tab=products] .br-package-head{margin-bottom:26px}
#appView #content .svc-design[data-svc-tab=products] .br-paid-packages{margin-bottom:25px}
@media(max-width:1000px){#appView #content .svc-design[data-svc-tab=products] .br-paid-packages{grid-template-columns:repeat(2,minmax(0,1fr))}#appView #content .svc-design[data-svc-tab=products] .br-package-head{align-items:flex-start;flex-wrap:wrap}#appView #content.br-plans .standalone-product{grid-template-columns:minmax(0,1fr) auto}#appView #content.br-plans .standalone-quote{gap:10px}}
@media(max-width:1100px){.br-stat{gap:10px;padding:15px 12px}.br-stat strong{font-size:22px}.br-stat-icon{flex-basis:35px;height:35px;font-size:19px}.business-reference td,.business-reference th{padding:12px 10px}.business-reference .toolbar{gap:8px}.business-reference .toolbar>button{min-width:65px}}
@media(max-width:800px){.br-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.business-reference .toolbar{flex-wrap:wrap}.br-search{flex-basis:100%}.business-reference .toolbar select{flex:1}.business-reference table{min-width:850px}.business-reference .table-wrap{overflow-x:auto}.br-page-controls{flex-wrap:wrap}#appView #content.br-dashboard .dashboard-main-grid,#appView #content.br-dashboard .dashboard-secondary-grid{grid-template-columns:1fr}#appView #content.br-dashboard .dashboard-hero{position:static!important;display:flex!important;flex-wrap:wrap;width:100%;max-width:100%;margin:0 0 16px!important}#appView #content.br-plans .plans{grid-template-columns:1fr}#appView #content.br-plans .standalone-product{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#content .svc-design[data-svc-tab=products] [data-service-expand] i{transition:none}}