/* Shared valuation status. Keep the trigger at the right edge of its summary. */
@media screen {
  html[data-theme] #content :is(.employee-received-summary,.cc-summary,.inventory-value-card) {
    container-type:inline-size;
    overflow:visible;
  }
  html[data-theme] #content :is(.employee-received-summary,.cc-summary,.inventory-value-card):has(.cost-status [aria-expanded="true"]) {
    position:relative;
    z-index:5;
  }
  html[data-theme] #content .inventory-value-heading {flex-direction:row;align-items:flex-start;gap:12px}
  html[data-theme] #content .inventory-value-heading>div {min-width:0;flex:1}
  html[data-theme] .cost-status {display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;color:var(--erp-warning)}
  html[data-theme] .cost-status .mo-status {position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;color:inherit}
  html[data-theme] .cost-status .mo-status-trigger {display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;cursor:pointer}
  html[data-theme] .cost-status .mo-status-trigger svg {width:22px;height:22px}
  html[data-theme] .cost-status .mo-status-trigger svg>path:first-child {fill:var(--erp-warning-surface)}
  html[data-theme] .cost-status .mo-status-trigger:is(:hover,[aria-expanded="true"]) {background:color-mix(in srgb,currentColor 10%,transparent)}
  html[data-theme] .cost-status .mo-status-trigger:focus-visible {outline:2px solid var(--erp-focus);outline-offset:2px}
  html[data-theme] .cost-status .mo-status-tooltip {position:absolute;z-index:8;top:calc(100% + 4px);right:0;display:block;width:max-content;max-width:min(280px,calc(100cqw - 8px),calc(100vw - 40px));padding:11px 13px;border:1px solid var(--erp-control-line);border-radius:16px;background:var(--erp-raised);color:var(--erp-ink);box-shadow:var(--erp-shadow);font-family:var(--erp-font);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-align:left;pointer-events:auto}
  html[data-theme] .cost-status .mo-status-tooltip[hidden] {display:none}
}
@media screen and (forced-colors:active) {
  html[data-theme] .cost-status {color:ButtonText}
  html[data-theme] .cost-status .mo-status-tooltip {background:Canvas;color:CanvasText;border-color:CanvasText}
}