/* Opt-in summary presentation only. Shared header and other table pages are unchanged. */
#app-shell[data-portal-page="dashboard"] { --summary-sku-height:60px; --summary-group-height:38px; }
#app-shell[data-portal-page="dashboard"] .summary-period-controls { margin-bottom:6px; gap:8px; }
#app-shell[data-portal-page="dashboard"] .table-card { padding-top:4px; }
#app-shell[data-portal-page="dashboard"] .table-heading { margin-bottom:4px; gap:4px; }
#app-shell[data-portal-page="dashboard"] .applied-filters-toolbar { margin-bottom:4px; flex-wrap:nowrap; min-width:0; }
#app-shell[data-portal-page="dashboard"] #applied-filters-list { display:flex!important; min-width:0; flex:0 1 auto; gap:4px; }
#app-shell[data-portal-page="dashboard"] .applied-filter-tag > span:first-child { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#app-shell[data-portal-page="dashboard"] .compact-clear-filters { flex:none; }
#summary-more-filters { flex:none; }
#summary-density-setting { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
#app-shell:not([data-portal-page="dashboard"]) #summary-density-setting { display:none; }
#summary-density { min-height:44px; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] :is(#stock-table,#sticky-stock-table) th { height:60px; padding:4px 8px; font-size:12px; overflow:visible; overflow-wrap:normal; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] :is(#stock-table-header,#sticky-stock-table-header) { height:60px; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] .column-header-label { padding-right:12px; line-height:1.25; font-size:12px; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] .column-header-label small { display:block; margin-right:-12px; font-size:12px; font-weight:400; white-space:normal; }
.summary-header-info { position:absolute; right:0; top:2px; border:0; padding:2px; min-width:20px; min-height:24px; font:14px/1 inherit; color:inherit; background:transparent; cursor:pointer; }
#app-shell[data-portal-page="dashboard"] :is(#stock-table,#sticky-stock-table) th:has(> .summary-header-info) {padding-right:32px;}
#app-shell[data-portal-page="dashboard"] .summary-header-info {right:4px;width:20px;}
#summary-column-popover {position:fixed;inset:auto;margin:0;padding:12px;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);box-sizing:border-box;overflow:auto;z-index:200;border:1px solid var(--portal-line);border-radius:8px;background:var(--portal-surface);color:var(--portal-text);box-shadow:0 6px 24px #0002;font-size:13px;}
#summary-column-popover .summary-column-popover-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
#summary-column-popover .summary-column-popover-heading button {width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--portal-muted);font-size:20px;cursor:pointer;}
#summary-column-popover p {margin:8px 0 0;overflow-wrap:anywhere;}
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table tbody tr:not(.virtual-spacer):not(.group-row):not(.table-total-row) { height:var(--summary-sku-height); }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table tbody tr:not(.virtual-spacer):not(.group-row):not(.table-total-row) td { height:var(--summary-sku-height); max-height:none; padding:4px 8px; font-size:14px; line-height:1.25; vertical-align:middle; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table :is(.product-photo,.photo-placeholder) { width:38px; height:38px; object-fit:contain; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .product-title { -webkit-line-clamp:2; overflow-wrap:normal; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .cell-text { display:block; overflow-x:auto; white-space:nowrap; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table small { font-size:12px; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .feedback-rating-agent { display:none; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .group-row td { height:var(--summary-group-height); padding-top:2px; padding-bottom:2px; font-size:14px; line-height:1.2; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .table-total-row td { height:42px; padding-top:3px; padding-bottom:3px; font-size:14px; line-height:1.2; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .group-row { height:var(--summary-group-height); }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .table-total-row { height:42px; }
.summary-coverage { position:relative; display:inline-flex; border:0; color:inherit; background:transparent; font:inherit; padding:2px; cursor:pointer; vertical-align:middle; min-width:24px; min-height:24px; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table :is(.group-row,.table-total-row) .order-comparison-cell { display:inline-block; padding:2px 4px; }
#app-shell[data-portal-page="dashboard"][data-summary-density="compact"] :is(#stock-table,#sticky-stock-table) th:not([class*="sticky-"]) { position:relative; }
.summary-detail-trigger { display:block; border:0; padding:0; margin:0; background:transparent; color:inherit; cursor:pointer; }
#app-shell[data-portal-page="dashboard"] #stock-table .stock-value { font:inherit; font-variant-numeric:inherit; letter-spacing:inherit; color:inherit; }
.summary-group-info { position:relative; border:0; color:inherit; background:transparent; flex:none; padding:2px; min-width:24px; min-height:24px; cursor:pointer; }
:is(.summary-detail-trigger,.summary-header-info,.summary-coverage,.summary-group-info):focus-visible { outline:2px solid var(--portal-text); outline-offset:2px; }
/* Shell, heading, close control and scrolling use the shared sw-drawer component. */
#summary-detail-body { overflow-wrap:anywhere; }
#summary-detail-body section { border-top:1px solid var(--portal-line); padding:10px 0; }
#summary-detail-body h3 { font-size:14px; margin:0 0 6px; }
#summary-detail-body :is(dt,small) { font-size:12px; }
#summary-detail-body dd { margin:4px 0 10px; }
#summary-detail-body .product-photo { width:160px; height:160px; object-fit:contain; }
#summary-detail-body .profit-explanation { position:static; width:auto; }
#summary-detail-body .profit-explanation { max-height:none; overflow:visible; border:0; padding:0; font-size:inherit; }
.profit-calculation-trigger { display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:inherit; cursor:pointer; }
.profit-calculation-trigger:focus-visible { outline:2px solid var(--portal-accent); outline-offset:2px; }
@media(max-width:600px) {
 #app-shell[data-portal-page="dashboard"] { --summary-sku-height:68px; --summary-group-height:44px; }
 #app-shell[data-portal-page="dashboard"] .summary-period-controls { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; align-items:stretch; }
 #app-shell[data-portal-page="dashboard"] .summary-period-controls #date-range-button { grid-area:1 / 1 / 2 / 2; }
 #app-shell[data-portal-page="dashboard"] .summary-period-controls #comparison-range-button { grid-area:1 / 2 / 2 / 3; }
 #app-shell[data-portal-page="dashboard"] .summary-period-controls #summary-insights-toggle { grid-area:2 / 1 / 3 / 3; justify-self:end; }
 #app-shell[data-portal-page="dashboard"] .summary-period-controls .date-range-button { padding:6px; gap:4px; }
 #app-shell[data-portal-page="dashboard"] #date-range-button .control-icon { display:none; }
 #app-shell[data-portal-page="dashboard"] .date-range-copy strong { font-size:12px; }
 #app-shell[data-portal-page="dashboard"] .applied-filters-toolbar { min-height:44px; }
 #app-shell[data-portal-page="dashboard"] .applied-filters-toolbar.is-empty:has(#summary-insights-toggle:not([hidden])) { display:flex!important; }
 #app-shell[data-portal-page="dashboard"] .applied-filters-toolbar.is-empty .compact-clear-filters { display:none; }
 #app-shell[data-portal-page="dashboard"] .applied-filters-toolbar #summary-insights-toggle { margin-left:auto; min-height:44px; padding:6px; font-size:12px; }
 #app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .table-total-row td { height:46px; }
 #app-shell[data-portal-page="dashboard"][data-summary-density="compact"] #stock-table .group-toggle { min-height:40px; }
 .summary-detail-trigger { min-width:44px; min-height:44px; }
 .summary-header-info { min-height:36px; }
}
@media(pointer:coarse) {
 #app-shell[data-portal-page="dashboard"] .table-heading-actions .column-settings-button { min-height:44px; min-width:44px; }
 #app-shell[data-portal-page="dashboard"] .table-search-field input { height:44px; min-height:44px; }
 @container(max-width:680px) {
  #app-shell[data-portal-page="dashboard"] .table-heading-actions .column-settings-button { width:44px; flex-basis:44px; }
 }
}