/* The nine requested surfaces only. Customer form controls and unrelated routes
   intentionally do not inherit this admin sizing contract. */
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list,.sku-mapping-section,.local-trial-entry-card){font-size:14px;line-height:22px;min-width:0;box-sizing:border-box}
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list,.sku-mapping-section) :is(h2,h3,h4){font-size:16px;line-height:24px}
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list,.sku-mapping-section) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),select){height:40px!important;min-height:40px!important;box-sizing:border-box!important;padding:0 12px!important;font-size:14px!important;line-height:normal!important;min-width:0;max-width:100%;border:1px solid #ccd6e4;border-radius:6px;background:#fff;color:#253449}
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list) .btn{height:40px!important;min-height:40px!important;padding:8px 14px!important;border-radius:6px;font-size:14px!important;line-height:22px!important;box-sizing:border-box;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:6px}
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list) .btn.primary{background:#1677ff;color:#fff;border-color:#1677ff}
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list,.sku-mapping-section) :is(button,input,select,textarea):focus-visible{outline:3px solid #89b8ff;outline-offset:2px}
:is([data-maintenance="comments"],.pa-detail,.field-roi-page,.admin-selection-list) button:disabled{cursor:not-allowed;opacity:.5}

[data-maintenance="comments"]{padding:20px;border-radius:8px}
[data-maintenance="comments"] .comment-section{padding:20px;border:1px solid #dce4ef;border-radius:8px;background:#fff;margin:16px 0}
[data-maintenance="comments"] .comment-section h4{margin:0 0 16px;color:#253449}
[data-maintenance="comments"] .comment-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
[data-maintenance="comments"] .comment-section-head h4{margin:0}
[data-maintenance="comments"] :is(.comment-basic-grid,.comment-timing-grid){display:grid;gap:16px;align-items:start;min-width:0}
[data-maintenance="comments"] .comment-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-maintenance="comments"] .comment-timing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-maintenance="comments"] label{display:flex;flex-direction:column;gap:7px;margin:0;min-width:0;font-size:14px;line-height:22px}
[data-maintenance="comments"] .comment-switch{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:40px;width:auto}
[data-maintenance="comments"] .comment-switch input[type="checkbox"]{appearance:auto;width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:0;padding:0;accent-color:#1677ff;position:static;opacity:1}
[data-maintenance="comments"] .comment-new-group{display:flex;align-items:end;gap:10px;flex-wrap:wrap;min-width:0}
[data-maintenance="comments"] .comment-new-group label{flex:1;min-width:160px}
[data-maintenance="comments"] .comment-help{margin:12px 0 0;color:#66758b;font-size:14px;line-height:22px}
[data-maintenance="comments"] .comment-content-row{display:grid;grid-template-columns:170px minmax(240px,1fr) 140px;gap:16px;padding:16px;border:1px solid #e0e6ee;border-radius:8px;align-items:start;margin-bottom:12px;min-width:0}
[data-maintenance="comments"] :is(.comment-source-kind,.comment-source-fields){display:grid;gap:12px;min-width:0}
[data-maintenance="comments"] .comment-source-fields textarea{height:76px!important;min-height:76px!important;padding:10px 12px!important;font:14px/22px system-ui,sans-serif;resize:vertical;width:100%;box-sizing:border-box;border:1px solid #ccd6e4;border-radius:6px}
[data-maintenance="comments"] [hidden]{display:none!important}
[data-maintenance="comments"] .comment-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:center}
[data-maintenance="comments"] .comment-row-actions>span{grid-column:1/-1;color:#69778b}
[data-maintenance="comments"] .comment-row-actions .btn{font-size:14px!important;height:30px!important;min-height:30px!important;padding:3px 8px!important;line-height:22px!important}
[data-maintenance="comments"] .danger-link{color:#d43838!important;background:transparent!important;border-color:transparent!important}
[data-maintenance="comments"] .maintenance-actions{gap:10px;margin:16px 0;align-items:end}
[data-maintenance="comments"] .maintenance-status{font-size:14px;line-height:22px;border-radius:8px}

/* One screen boundary owns status bar and frame clipping. Product images remain
   untouched inside the iframe, which owns all customer scrolling. */
.mobile-preview-device-frame>[data-preview-phone-screen]{display:grid!important;grid-template-rows:30px minmax(0,1fr)!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;isolation:isolate;box-sizing:border-box!important}
.mobile-preview-device-frame>[data-preview-phone-screen]>.mobile-preview-device-status{position:relative!important;top:auto!important;left:auto!important;width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:0!important}
.mobile-preview-device-frame>[data-preview-phone-screen]>.mobile-preview-page-renderer{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
.assisted-mobile-drawer .assisted-phone-shell{overflow:hidden;isolation:isolate;background:#111827;border-radius:24px;border:8px solid #111827;flex:1 0 auto;min-height:460px}
.assisted-mobile-drawer .assisted-phone-frame{display:block;border:0;border-radius:16px;min-height:460px;background:#fff;box-sizing:border-box}

.pa-detail .pa-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px}
.pa-detail .pa-card{align-self:stretch!important;min-height:340px;box-sizing:border-box;padding:20px;border-radius:8px;font-size:14px;line-height:22px}
.pa-detail .pa-card.pa-wide{grid-column:auto}
.pa-detail .pa-card.pa-full{grid-column:1/-1;min-height:0}
.pa-detail .pa-card h2{margin:0 0 16px;font-size:16px;line-height:24px}
.pa-detail :is(.pa-card p,.pa-source,.pa-product span){font-size:14px;line-height:22px;overflow-wrap:anywhere}
.pa-detail .pa-chart{display:block;box-sizing:border-box;width:100%;height:240px;min-height:240px;margin:12px 0}
.pa-detail .pa-unavailable{min-height:200px;box-sizing:border-box;margin:12px 0;white-space:normal}
.pa-detail .pa-empty-ring{width:180px;height:180px;min-height:180px;max-height:none!important;box-sizing:border-box;margin:12px auto 20px}
.pa-detail .pa-detail-controls{gap:12px;align-items:end}
.pa-detail .pa-detail-controls label{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:14px}
.pa-detail .pa-detail-controls>span{font-size:14px;line-height:22px}
.pa-detail .pa-card :is(td,th){font-size:14px;line-height:22px}
.pa-detail .pa-evidence-scroll table{min-width:720px!important}
.pa-detail [data-meta-analysis-report]{min-width:0;overflow-x:auto;padding:20px;border-radius:8px}
.pa-detail [data-meta-analysis-report] table{min-width:880px;width:100%}

.field-roi-page .filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;align-items:end;border-radius:8px}
.field-roi-page .filters label{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:14px;line-height:22px}

.admin-selection-list .selection-company-table :is(th,td):last-child{width:288px!important;min-width:288px;box-sizing:border-box;padding:12px}
.admin-selection-list .selection-row-actions{display:grid;grid-template-rows:30px minmax(30px,auto);gap:8px;align-content:center;min-height:68px;width:264px}
.admin-selection-list :is(.selection-primary-actions,.selection-state-actions){display:grid;grid-template-columns:88px 72px 88px;gap:8px;align-items:center}
.admin-selection-list .selection-row-actions button{font-size:14px;line-height:22px;padding:3px 0;min-height:28px;border:0;background:transparent;color:#1677ff;white-space:normal;text-align:left;margin:0}
.admin-selection-list .selection-primary-actions .danger-link{color:#d43838}
.admin-selection-list .selection-state-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-selection-list .selection-state-actions button{font-size:14px}
.admin-selection-list .selection-list-filters{gap:16px;padding:20px;border-radius:8px}
.admin-selection-list .selection-list-filters label{display:flex;flex-direction:column;align-items:stretch!important;gap:7px;height:auto!important;min-width:0}
.admin-selection-list .selection-list-filters :is(input,select){width:100%!important;flex:auto!important}
.admin-selection-list .selection-filter-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.admin-selection-list .table-pagination{padding-bottom:28px}

.sku-mapping-section{margin-block:16px}
.sku-mapping-section .sku-mapping-help{font-size:14px;line-height:22px;margin:0 0 16px;color:#66758b}
.sku-mapping-section .company-sku-scroll{overflow-x:auto;max-width:100%;min-width:0}
.sku-mapping-section .procurement-sku-mapping-table{table-layout:fixed!important;width:1840px!important;min-width:1840px!important;border-collapse:collapse;font-size:14px}
.sku-mapping-section .procurement-sku-mapping-table :is(th,td){padding:12px;vertical-align:middle;box-sizing:border-box;white-space:normal;font-size:14px!important;line-height:22px!important;text-align:left}
.sku-mapping-section .sku-name-col{width:220px}.sku-mapping-section .sku-code-col{width:160px}.sku-mapping-section .sku-state-col{width:110px}.sku-mapping-section .sku-url-col{width:330px}.sku-mapping-section .sku-key-col{width:180px}.sku-mapping-section .sku-description-col{width:220px}.sku-mapping-section .sku-number-col{width:135px}.sku-mapping-section .sku-currency-col{width:140px}
.sku-mapping-section .procurement-sku-mapping-table :is(input,select){width:100%!important;margin:0!important}
.sku-mapping-section .sku-full-name{display:block;overflow-wrap:anywhere}
.sku-mapping-section .sku-url-control{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:center}
.sku-mapping-section .sku-url-control .btn{height:30px;min-height:30px;line-height:22px;padding:3px 6px;border-radius:6px;font-size:14px}
.company-spec-page .company-spec-value-row{align-items:center;gap:16px}
.company-spec-page .company-spec-value-row .company-field :is(input,select){height:40px!important;box-sizing:border-box;font-size:14px;padding-inline:12px!important}
.company-marketing-page .company-package-row{align-items:center;gap:12px}
.company-marketing-page .company-package-row>input:not([type="hidden"]){height:40px!important;box-sizing:border-box;font-size:14px;padding-inline:12px!important}
.company-marketing-page .company-package-row .company-switch{align-self:center}
body.product-editor-route .company-marketing-page .company-package-editor{width:100%;min-width:0;max-width:100%;overflow-x:auto}
body.product-editor-route .company-marketing-page :is(.company-package-head,.company-package-row){grid-template-columns:220px 240px 120px 120px 120px 100px 64px 84px 36px!important;gap:12px!important;width:1200px!important;min-width:1200px!important;max-width:none!important;font-size:14px!important;line-height:22px}
body.product-editor-route .company-marketing-page .company-package-head span{white-space:normal!important}
:is(.company-spec-page,.company-marketing-page) .company-media-bind-zone{display:grid;grid-template-columns:64px;justify-items:center;gap:6px;min-width:64px}
:is(.company-spec-page,.company-marketing-page) .company-square-upload{width:64px!important;height:64px!important;box-sizing:border-box;overflow:hidden}
:is(.company-spec-page,.company-marketing-page) .company-square-upload img{width:100%;height:100%;object-fit:contain}
:is(.company-spec-page,.company-marketing-page) .company-media-unbind{font-size:14px;line-height:22px;min-height:28px;padding:3px 6px}
.company-spec-page .company-spec-image-cell{display:flex;align-items:center;gap:12px}
.local-trial-entry-card{padding:20px;border:1px solid #dce5ef;border-radius:8px;background:#f8faff;max-width:520px}
.local-trial-entry-card h3{font-size:16px;line-height:24px;margin:0 0 12px}
.local-trial-entry-card p,.local-trial-entry-status{font-size:14px;line-height:22px;overflow-wrap:anywhere}

@media(max-width:1100px){[data-maintenance="comments"] .comment-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-maintenance="comments"] .comment-content-row{grid-template-columns:150px minmax(0,1fr)}[data-maintenance="comments"] .comment-row-actions{grid-column:1/-1;display:flex;flex-wrap:wrap}.pa-detail .pa-grid{grid-template-columns:1fr}.pa-detail .pa-card.pa-wide,.pa-detail .pa-card.pa-full{grid-column:auto}}
@media(max-width:650px){[data-maintenance="comments"] .comment-basic-grid{grid-template-columns:1fr}[data-maintenance="comments"] .comment-content-row{grid-template-columns:1fr}[data-maintenance="comments"] .comment-section{padding:16px}[data-maintenance="comments"] .comment-new-group{align-items:stretch;flex-direction:column}}
/* The original selection skin has a more specific 28px/11px !important
   toolbar rule. Override that toolbar only, keeping row actions compact. */
body #app .admin-selection-list :is(.page-actions,.selection-filter-actions) .btn,#drawer [data-action="prepareLocalTrialEntry"]{height:40px!important;min-height:40px!important;padding:8px 14px!important;font-size:14px!important;line-height:22px!important;border-radius:6px!important;display:inline-flex;align-items:center;justify-content:center}
body #app .admin-selection-list .selection-list-filters label{border:0!important;padding:0!important;background:transparent!important}
body #app .admin-selection-list .selection-list-filters :is(input,select){border:1px solid #ccd6e4!important;border-radius:6px!important;background:#fff!important}

/* The aggregate explanation must remain readable in the fixed advice column. */
/* Product ROI owns its 18-column geometry. Other ROI dimensions stay independent. */
#app .field-roi-page {min-width:0;max-width:100%;}
#app .field-roi-page .roi-product-scroll {width:100%;max-width:100%;min-width:0;overflow-x:auto;position:relative;isolation:isolate;}
#app .field-roi-page .ad-roi-product-table {table-layout:fixed;width:100%;min-width:var(--roi-table-min,2594px)!important;border-collapse:separate;border-spacing:0;}
#app .field-roi-page .ad-roi-product-table :is(th,td) {width:auto;min-width:0;height:auto!important;padding:8px!important;box-sizing:border-box;vertical-align:middle;text-align:left;font-size:13px;line-height:20px;white-space:normal;overflow:visible;overflow-wrap:anywhere;}
#app .field-roi-page .ad-roi-product-table th {height:56px!important;word-break:normal;}
#app .field-roi-page .ad-roi-product-table th>span {display:block;white-space:nowrap;}
#app .field-roi-page .ad-roi-product-table th>small {display:block;font-size:12px;line-height:18px;color:#64748b;font-weight:400;}
#app .field-roi-page .ad-roi-product-table tbody tr {height:84px;}
#app .field-roi-page .ad-roi-product-table :is(th,td):nth-child(n+6):nth-child(-n+16) {text-align:right;font-variant-numeric:tabular-nums;word-break:normal;}
#app .field-roi-page .ad-roi-product-table td .cover {display:grid;place-items:center;width:48px;height:48px;border-radius:5px;overflow:hidden;}
#app .field-roi-page .ad-roi-product-table .cover img {width:48px;height:48px;object-fit:contain;}
#app .field-roi-page .roi-product-name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:20px;}
#app .field-roi-page .ad-roi-product-table :is(.sub,.roi-helper,small) {display:block;font-size:12px;line-height:18px;margin:0;color:#64748b;}
#app .field-roi-page .roi-account-summary {display:grid;gap:1px;min-width:0;}
#app .field-roi-page .roi-account-summary>strong {display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#app .field-roi-page .roi-id-line {display:flex;align-items:center;gap:5px;min-width:0;}
#app .field-roi-page .roi-id-line small {min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#app .field-roi-page .roi-action {display:inline-flex;align-items:center;justify-content:flex-start;min-height:28px;max-width:100%;padding:3px 0;border:0;border-radius:4px;background:transparent;color:#2563eb;font:inherit;font-size:12px;line-height:20px;text-align:left;cursor:pointer;text-decoration:none;}
#app .field-roi-page .roi-action:visited {color:#2563eb;}
#app .field-roi-page .roi-action:hover {color:#1d4ed8;background:#eff6ff;}
#app .field-roi-page .roi-action:focus-visible {outline:2px solid #2563eb;outline-offset:2px;}
#app .field-roi-page .roi-action:disabled {color:#94a3b8;cursor:not-allowed;background:transparent;}
#app .field-roi-page .roi-copy {flex:0 0 auto;min-height:24px;padding:2px 3px;}
#app .field-roi-page .roi-product-id {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;}
#app .field-roi-page .roi-funds-summary {min-width:0;max-width:100%;font-size:13px;line-height:20px;}
#app .field-roi-page .roi-funds-summary strong {font-size:13px;white-space:normal;font-variant-numeric:tabular-nums;}
#app .field-roi-page .roi-funds-summary[aria-busy=true]:after {display:none;}
#app .field-roi-page .ad-roi-product-table .tag {display:inline-flex;align-items:center;justify-content:center;min-height:24px;max-width:100%;box-sizing:border-box;padding:2px 6px;border-radius:4px;font-size:13px;line-height:20px;text-align:center;white-space:normal;}
#app .field-roi-page .ad-roi-product-table td:last-child .roi-action {display:flex;margin-top:3px;}
#app .field-roi-page .ad-roi-product-table :is(th,td):first-child {position:sticky;left:0;z-index:2;background:#fff;}
#app .field-roi-page .ad-roi-product-table :is(th,td):last-child {position:sticky;right:0;z-index:2;background:#fff;box-shadow:-1px 0 #e2e8f0;}
#app .field-roi-page .ad-roi-product-table th:is(:first-child,:last-child) {z-index:3;background:#f4f6f8;}
#app .field-roi-page .ad-roi-product-table .roi-total-row td {background:#f8fafc;}
