/* Purchasing reuses the Sales dashboard controls, typography and section treatment. */
.dashboard-purchasing-scroll{overflow:auto}
.dashboard-purchasing-table{width:100%;min-width:1580px;table-layout:fixed}
.dashboard-purchasing-table>thead th{background:var(--head);padding:10px 8px;font-size:11px}
.dashboard-purchasing-table>thead th button{border:0;padding:0;min-height:0;background:transparent;color:inherit;font:inherit;white-space:nowrap}
.dashboard-purchasing-row{cursor:pointer;background:var(--panel)}
.dashboard-purchasing-row>td{height:46px;padding:10px 8px;white-space:nowrap;font-size:12px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}
.dashboard-purchasing-row>td.purchasing-part{min-width:30ch;overflow:visible;text-overflow:clip}
.dashboard-purchasing-row .purchasing-id>a{font-weight:700}
.dashboard-purchasing-row .dashboard-customer-reference{font-size:11px;color:var(--muted)}
.purchasing-qty,.purchasing-target,.purchasing-total,.purchasing-allocated,.purchasing-need,.purchasing-received,.purchasing-remaining{text-align:right;font-variant-numeric:tabular-nums}
.purchasing-lines,.purchasing-progress{text-align:center}
.purchasing-total,.purchasing-need{font-weight:650}
.dashboard-purchasing-row.purchasing-po-tracking{background:light-dark(#e6f3eb,#203d32)}
.dashboard-purchasing-row.purchasing-po-unconfirmed,.dashboard-purchasing-row.purchasing-late{background:light-dark(#fbecee,#492b34)}
.dashboard-purchasing-row.purchasing-po-no-tracking{background:light-dark(#fff7df,#4a4123)}
.dashboard-purchasing-row:hover,.dashboard-purchasing-row.is-expanded{box-shadow:inset 3px 0 var(--blue)}
.dashboard-purchasing-row:focus-visible,[data-purchasing-part]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.dashboard-purchasing .dashboard-source-legend i.purchasing-green{background:light-dark(#e6f3eb,#203d32);border-color:#83ae95}
.dashboard-purchasing .dashboard-source-legend i.purchasing-red{background:light-dark(#fbecee,#492b34);border-color:#d8a3ac}
.dashboard-purchasing .dashboard-source-legend i.purchasing-yellow{background:light-dark(#fff7df,#4a4123);border-color:#d4bc6e}
.dashboard-purchasing .dashboard-source-legend i.purchasing-neutral{background:var(--panel)}
.purchasing-status.pending{color:light-dark(#a32b3b,#ffccd2);font-weight:650}
.dashboard-purchasing-detail>td{padding:0;white-space:normal;background:var(--stripe);border-left:3px solid var(--blue)}
.dashboard-purchasing-workspace{margin:0;border:0;border-radius:0}
.dashboard-purchasing-parts{padding:12px 14px 15px;overflow:auto}
.dashboard-purchasing-parts>table{width:100%;min-width:1400px;table-layout:auto;background:var(--panel)}
.dashboard-purchasing-parts>table>thead th{background:var(--group);color:var(--text);font-size:11px;padding:9px 10px}
.dashboard-purchasing-parts>table>tbody>tr[data-purchasing-part]>td{font-size:12px;padding:10px;white-space:nowrap;height:40px}
[data-purchasing-part]{cursor:pointer}
[data-purchasing-part]:hover,[data-purchasing-part].is-expanded{background:var(--group)}
.dashboard-purchasing .dashboard-full-part{min-width:30ch;white-space:nowrap;overflow:visible;text-overflow:clip}
.dashboard-purchasing-parts .purchasing-note{min-width:180px;max-width:250px;width:25%}
.purchasing-part-workspace>td{padding:0!important}
.dashboard-purchasing .so-purchasing-content{white-space:normal}
.dashboard-purchasing .so-purchasing-content table{table-layout:auto}
.dashboard-purchasing .so-purchasing-content th{white-space:nowrap}
.dashboard-purchasing .so-purchasing-content td.part{white-space:nowrap;min-width:30ch}
/* 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-purchasing .dashboard-sales-toolbar form input[type=search]{min-width:0;width:100%;flex-basis:100%}}
@media (max-width:760px){.dashboard-purchasing .dashboard-sales-toolbar form input[type=search]:where(:not(#content *)){min-width:0;width:100%;flex-basis:100%}}

/* Sourcing uses the same VP shell, action bar and tabs as Sourcing Search. */
.dashboard-purchasing-detail.vp-row>td{border-left:0;background:var(--panel)}
.dashboard-purchasing .vp-scroller table{table-layout:auto}