/* Summary rows retain the dashboard density; expanded details inherit their source search CSS. */
.dashboard-warehouse-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-operation-heading{display:flex;align-items:center;gap:13px;padding:16px 17px 8px}
.dashboard-operation-heading>strong{color:var(--blue);font-size:26px;font-weight:650}
.dashboard-operation-heading h3{font-size:14px;font-weight:600;margin:0}
.dashboard-operation-scroll,.dashboard-source-table-scroll{overflow:auto}
.dashboard-operations .dashboard-operation-table{min-width:1580px;table-layout:fixed}
.dashboard-operation-table>thead th{background:var(--head);padding:10px 9px;font-size:12px;font-weight:600}
.dashboard-operation-table>thead th button{border:0;padding:0;min-height:0;background:transparent;color:inherit;font:inherit;white-space:nowrap}
.dashboard-operation-row{cursor:pointer}
.dashboard-operation-row>td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;height:44px}
.dashboard-operation-row .operation-id>a,.dashboard-operation-row .operation-balance{font-weight:650}
.dashboard-operation-row .dashboard-customer-reference{font-size:11px;color:var(--muted)}
.dashboard-operation-row:hover,.dashboard-operation-row.is-expanded{box-shadow:inset 3px 0 var(--blue)}
.dashboard-operation-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.operation-green{background:light-dark(#e6f3eb,#203d32)}
.operation-yellow{background:light-dark(#fff7df,#4a4123)}
.operation-red{background:light-dark(#fbecee,#492b34)}
.operation-orange{background:light-dark(#fff0e2,#503822)}
.operation-purple{background:light-dark(#eee6f8,#3e3052)}
.operation-neutral,.operation-undated{background:var(--panel)}
.dashboard-operations .dashboard-source-legend{flex-wrap:wrap;gap:8px 18px}
.dashboard-operations .dashboard-sales-footer{flex-wrap:wrap}
.dashboard-operations .dashboard-operation-detail-row>td{padding:0;border-left:3px solid var(--blue);background:var(--panel);white-space:normal;overflow:visible}
.dashboard-source-detail{padding:0 14px 14px;font-size:14px}
.dashboard-source-detail .searchtable{table-layout:auto}
.dashboard-source-detail .searchtable td.part{min-width:30ch}
.dashboard-source-detail [data-operations-line]{cursor:pointer}
.dashboard-source-detail .bulk{margin-top:0;border-top:0}
.dashboard-operations .dashboard-sales-toolbar form{flex-wrap:wrap}
.dashboard-inbound-late{color:light-dark(#a92332,#ffacb5);font-weight:650}
.dashboard-inbound-today{font-weight:650}
.dashboard-inbound-packages{margin-bottom:16px}
.dashboard-inbound-packages h4{font-size:13px;font-weight:600;margin:0 0 8px}
.dashboard-inbound-packages .searchtable{min-width:760px}
.dashboard-inbound-packages td{white-space:nowrap}
/* T2827: page content follows the width #content has (container "main", base.css), not the viewport; the @media copy keeps dialogs/menus outside #content on the viewport */
@container main (max-width:736px){.dashboard-operations .dashboard-sales-toolbar form input[type=search]{min-width:0;width:100%;flex-basis:100%}}
@media (max-width:760px){.dashboard-operations .dashboard-sales-toolbar form input[type=search]:where(:not(#content *)){min-width:0;width:100%;flex-basis:100%}}