/* Detail pages lead with the object and its current state. Editing keeps its existing dialogs. */
@media screen {
  html[data-theme] #content :is(.product-page,.asset-detail-page) {min-width:0}
  html[data-theme] #content :is(.product-heading,.asset-detail-heading) {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:20px}
  html[data-theme] #content :is(.product-heading,.asset-detail-heading)>div {min-width:0;width:auto}
  html[data-theme] #content :is(.product-heading,.asset-detail-heading) h1 {max-width:100%;margin:8px 0 10px;font-size:clamp(30px,3.2vw,44px);font-weight:400;line-height:1.16;letter-spacing:-.04em;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
  html[data-theme] #content .product-title-view {min-width:0}
  html[data-theme] #content :is(.product-title-view,.asset-detail-heading>div)>p {font-size:13px;color:var(--erp-muted);line-height:1.45}
  html[data-theme] #content .product-placement-context {flex-wrap:wrap;gap:6px;margin-top:8px;font-size:13px;line-height:1.45}
  html[data-theme] #content .product-placement-context strong {font-weight:500;overflow-wrap:anywhere}
  html[data-theme] #content .product-heading #product-edit-toggle {min-height:44px;align-self:start;margin:8px 0 0}
  html[data-theme] #content .product-page .detail-layout {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:min-content 1fr;grid-template-areas:"stock batches" "facts batches";gap:20px;align-items:start}
  html[data-theme] #content .product-page .detail-layout>.product-stock-summary {grid-area:stock}
  html[data-theme] #content .product-page .detail-layout>.product-batches {grid-area:batches;min-width:0}
  html[data-theme] #content .product-page .product-facts {grid-area:facts;display:flex;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
  html[data-theme] #content .product-stock-summary {display:grid;gap:18px;min-width:0;padding:26px;border:1px solid var(--erp-summary-line);border-radius:30px;background:var(--erp-summary-mesh);color:var(--erp-summary-ink);box-shadow:var(--erp-shadow)}
  html[data-theme] #content .product-stock-heading {display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px;min-width:0}
  html[data-theme] #content .product-stock-heading .product-photo {min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
  html[data-theme] #content .product-stock-heading .photo-preview {width:88px;height:96px;max-height:none;aspect-ratio:auto;padding:0;border:1px solid var(--erp-summary-line);border-radius:24px;background:var(--erp-summary-soft);color:var(--erp-summary-muted)}
  html[data-theme] #content .product-stock-heading .photo-preview>img {height:100%;max-height:none;padding:0;object-fit:cover}
  html[data-theme] #content .product-stock-heading .photo-preview>.catalog-placeholder {width:42px;height:42px;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--erp-summary-muted)}
  html[data-theme] #content .product-stock-heading .catalog-placeholder svg {width:36px;height:36px}
  html[data-theme] #content .product-stock-heading .detail-stock {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:12px;min-width:0;margin:0}
  html[data-theme] #content .product-stock-heading .detail-stock>div {min-width:0}
  html[data-theme] #content .product-stock-heading .detail-stock :is(.eyebrow,.quantity-caption) {margin:0 0 8px;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--erp-summary-muted)}
  html[data-theme] #content .product-stock-heading .detail-stock .quantity {font-size:clamp(34px,3.5vw,52px);font-weight:400;line-height:1.1;letter-spacing:-.045em;color:var(--erp-summary-ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
  html[data-theme] #content .product-stock-heading .detail-stock>div+div .quantity {font-size:32px;line-height:1.3}
  html[data-theme] #content .product-stock-heading .detail-stock .quantity small {display:block;margin:4px 0 0;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--erp-summary-muted)}
  html[data-theme] #content .product-stock-summary>.expiry-status {--expiry-fill:var(--erp-success);margin:0;border-color:var(--erp-summary-line);background:var(--erp-summary-soft);color:var(--erp-summary-ink);font-size:13px}
  html[data-theme] #content .product-stock-summary>.expiry-status[data-state="soon"] {--expiry-fill:var(--erp-warning);color:var(--erp-summary-warning)}
  html[data-theme] #content .product-stock-summary>.expiry-status[data-state="expired"] {--expiry-fill:var(--erp-danger);color:var(--erp-danger)}
  html[data-theme] #content .product-stock-summary .expiry-label {color:inherit}
  html[data-theme] #content .product-stock-summary .expiry-bar::-webkit-progress-value {background:var(--expiry-fill)}
  html[data-theme] #content .product-stock-summary .expiry-bar::-moz-progress-bar {background:var(--expiry-fill)}
  html[data-theme] #content .product-stock-summary .inventory-value-card {margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--erp-summary-line);border-radius:0;background:transparent;box-shadow:none;color:var(--erp-summary-ink)}
  html[data-theme] #content .product-stock-summary .inventory-value-heading {margin:0 0 8px}
  html[data-theme] #content .product-stock-summary .inventory-value-heading .eyebrow {display:none}
  html[data-theme] #content .product-stock-summary .inventory-value-heading h3 {margin:0;color:var(--erp-summary-muted);font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0}
  html[data-theme] #content .product-stock-summary .money-breakdown {margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--erp-summary-ink)}
  html[data-theme] #content .product-stock-summary .money-breakdown :is(dl,dl>div) {display:block;margin:0;padding:0;border:0}
  html[data-theme] #content .product-stock-summary .money-breakdown dd {margin:0;font-size:32px;line-height:1.2;font-weight:400;text-align:left;color:var(--erp-summary-ink)}
  html[data-theme] #content .product-stock-summary .money-breakdown :is(dt,.money-breakdown-title) {display:none}
  html[data-theme] #content .product-stock-summary .inventory-value-coverage {margin-top:10px;color:var(--erp-summary-warning);font-size:13px;line-height:1.5}
  html[data-theme] #content .product-stock-summary .product-detail-actions {display:flex;flex-wrap:wrap;gap:8px;margin:0}
  html[data-theme] #content .product-stock-summary .product-detail-actions .button {flex:1 1 160px;min-height:46px;padding:11px 16px;border:1px solid var(--erp-summary-action-surface);border-radius:999px;background:var(--erp-summary-action-surface);color:var(--erp-summary-action-ink);font-size:14px;font-weight:500;line-height:1.4;white-space:normal;box-shadow:none}
  html[data-theme] #content .product-stock-summary .product-detail-actions .secondary {border-color:var(--erp-summary-line);background:var(--erp-summary-soft);color:var(--erp-summary-ink)}
  html[data-theme] #content .product-stock-summary .button:focus-visible {outline:2px solid var(--erp-summary-ink);outline-offset:3px}
  html[data-theme] #content .product-facts>.metadata {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:24px;border:1px solid var(--erp-line);border-radius:28px;background:var(--erp-mesh-quiet)}
  html[data-theme] #content .product-facts>.metadata>div {min-width:0;padding:0;border:0}
  html[data-theme] #content .product-facts>.metadata dt {margin-bottom:5px;font-size:13px;line-height:1.4;color:var(--erp-muted)}
  html[data-theme] #content .product-facts>.metadata dd {font-size:15px;line-height:1.45;overflow-wrap:anywhere}
  html[data-theme] #content .product-facts>.divider {display:none}
  html[data-theme] #content .product-label-help {border:1px solid var(--erp-line);border-radius:22px;background:var(--erp-mesh-quiet);color:var(--erp-muted)}
  html[data-theme] #content .product-label-help>summary {min-height:48px;padding:14px 18px;cursor:pointer;font-size:14px;line-height:1.4}
  html[data-theme] #content .product-label-help>p {margin:0;padding:0 18px 18px;font-size:13px;line-height:1.5}
  html[data-theme] #content .product-management-disclosure {min-width:0;margin:0;padding:0;border:1px solid var(--erp-line);border-radius:26px;background:var(--erp-mesh-quiet);color:var(--erp-ink)}
  html[data-theme] #content .product-management-disclosure>summary {display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:82px;margin:0;padding:18px 20px;border-radius:inherit;list-style:none;cursor:pointer}
  html[data-theme] #content .product-management-disclosure>summary::-webkit-details-marker {display:none}
  html[data-theme] #content .product-management-icon {display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--erp-line);border-radius:50%;background:var(--erp-surface);color:var(--erp-accent-ink)}
  html[data-theme] #content .product-management-icon svg {width:20px;height:20px}
  html[data-theme] #content .product-management-copy {display:grid;gap:4px;min-width:0}
  html[data-theme] #content .product-management-copy strong {font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}
  html[data-theme] #content .product-management-copy small {font-size:13px;line-height:1.4;color:var(--erp-muted);overflow-wrap:anywhere}
  html[data-theme] #content .product-management-chevron {width:20px;height:20px;color:var(--erp-muted);transition:transform .16s ease}
  html[data-theme] #content .product-management-disclosure[open]>summary .product-management-chevron {transform:rotate(180deg)}
  html[data-theme] #content .product-management-body {display:grid;gap:12px;min-width:0;padding:0 16px 16px}
  html[data-theme] #content .product-management-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}
  html[data-theme] #content .product-management-controls:empty {display:none}
  html[data-theme] #content .product-management-controls .product-stock-actions {display:grid;gap:6px;min-width:0;margin:0}
  html[data-theme] #content .product-management-controls :is(.button,#product-edit-toggle) {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:46px;height:auto;margin:0;padding:11px 14px;border:1px solid var(--erp-control-line);border-radius:18px;background:var(--erp-surface);color:var(--erp-ink);font-size:14px;font-weight:500;line-height:1.4;white-space:normal;box-shadow:none}
  html[data-theme] #content .product-management-controls :is(.button,#product-edit-toggle) svg {flex:none;width:18px;height:18px}
  html[data-theme] #content .product-management-controls .product-stock-actions>span {margin:0;max-width:none;padding-inline:4px;font-size:12px;line-height:1.4;color:var(--erp-muted);overflow-wrap:anywhere}
  html[data-theme] #content .product-management-body>details {margin:0;padding:0;border:1px solid var(--erp-line);border-radius:18px;background:var(--erp-surface);animation:none}
  html[data-theme] #content .product-management-body>details>summary {display:list-item;min-height:48px;margin:0;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.45;color:var(--erp-ink);list-style-position:inside;cursor:pointer}
  html[data-theme] #content .product-management-body>details>summary small {margin-left:6px}
  html[data-theme] #content .product-management-body>details>:not(summary) {margin:0;padding:12px 16px}
  html[data-theme] #content .product-management-body>.product-delete-zone {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:16px;border:1px solid var(--erp-line);border-radius:18px;background:var(--erp-surface);box-shadow:none}
  html[data-theme] #content .product-management-body>.product-delete-zone h2 {margin:0;font-size:16px;font-weight:500;line-height:1.4;color:var(--erp-ink)}
  html[data-theme] #content .product-management-body>.product-delete-zone>div>p {margin:6px 0 0;color:var(--erp-muted);font-size:12px;line-height:1.5}
  html[data-theme] #content .product-management-body>.product-delete-zone>.button {justify-self:start;width:auto;min-width:0;min-height:44px;margin:0}
  html[data-theme] #content .product-management-disclosure :is(summary,button):focus-visible {outline:2px solid var(--erp-focus);outline-offset:3px}
  html[data-theme] #content .product-page .detail-layout>section:last-child {min-width:0}
  html[data-theme] #content .product-page .section-label {margin:0 0 14px;align-items:center}
  html[data-theme] #content .product-page .section-label h2 {font-size:24px;font-weight:400;letter-spacing:-.035em}
  html[data-theme] #content .product-page .batch {padding:22px;border-radius:28px}
  html[data-theme] #content .product-page .batch-top {flex-wrap:wrap;gap:12px}
  html[data-theme] #content .product-page .batch-top>div:first-child {flex:1 1 200px;min-width:0}
  html[data-theme] #content .product-page .batch-quantity {min-width:0;max-width:100%;font-size:24px;font-weight:400;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  html[data-theme] #content .product-page .batch .actions {gap:8px;flex-wrap:wrap}
  html[data-theme] #content .product-page .batch .actions>.button {min-height:44px;white-space:normal}
  html[data-theme] #content .asset-overview {padding:26px;border-radius:30px;background:var(--erp-mesh-hero)}
  html[data-theme] #content .asset-key-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;padding:0;border:0}
  html[data-theme] #content :is(.asset-key-facts,.asset-passport .asset-metadata)>div {min-width:0;padding:0;border:0}
  html[data-theme] #content :is(.asset-key-facts,.asset-passport .asset-metadata) dt {margin:0 0 6px;font-size:13px;font-weight:400;line-height:1.45;color:var(--erp-muted)}
  html[data-theme] #content :is(.asset-key-facts,.asset-passport .asset-metadata) dd {font-size:16px;line-height:1.45;overflow-wrap:anywhere}
  html[data-theme] #content .asset-key-facts>div:last-child dd {font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.035em}
  html[data-theme] #content .asset-passport {border-block:1px solid var(--erp-line)}
  html[data-theme] #content .asset-passport>summary {display:list-item;min-height:50px;padding:15px 0;color:var(--erp-ink);font-size:14px;line-height:1.4;cursor:pointer}
  html[data-theme] #content .asset-passport .asset-metadata {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:8px 0 22px;border:0}
  html[data-theme] #content :is(.asset-passport,.product-label-help)>summary:focus-visible {outline:2px solid var(--erp-focus);outline-offset:3px;border-radius:12px}
  html[data-theme] #content .asset-overview .asset-notes {margin-top:18px;font-size:14px;line-height:1.5}
  html[data-theme] #content .asset-repair-summary {padding:14px;border-radius:22px;gap:10px;background:var(--erp-mesh-quiet)}
  html[data-theme] #content .asset-repair-summary>div {padding:8px 4px;background:transparent;border:0}
  html[data-theme] #content .asset-repair-summary span {font-size:13px;line-height:1.4}
  html[data-theme] #content .asset-repair-summary strong {font-size:26px;font-weight:400;line-height:1.2}
  html[data-theme] #content .asset-actions>.section-label h2 {font-size:24px;font-weight:400;letter-spacing:-.035em}
  html[data-theme] #content .asset-detail-page .asset-detail-heading h1 {font-size:var(--erp-page-heading-size);line-height:var(--erp-page-heading-leading);letter-spacing:var(--erp-page-heading-tracking)}
  html[data-theme] #content .asset-management-disclosure {min-width:0;padding:0;border:1px solid var(--erp-line);border-radius:26px;background:var(--erp-mesh-quiet);color:var(--erp-ink)}
  html[data-theme] #content .asset-management-disclosure>summary {display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:82px;margin:0;padding:18px 20px;border-radius:inherit;list-style:none;cursor:pointer}
  html[data-theme] #content .asset-management-disclosure>summary::-webkit-details-marker {display:none}
  html[data-theme] #content .asset-management-icon {display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--erp-line);border-radius:50%;background:var(--erp-surface);color:var(--erp-accent-ink)}
  html[data-theme] #content .asset-management-icon svg {width:20px;height:20px}
  html[data-theme] #content .asset-management-copy {display:grid;gap:4px;min-width:0}
  html[data-theme] #content .asset-management-copy strong {font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}
  html[data-theme] #content .asset-management-copy small {font-size:13px;line-height:1.4;color:var(--erp-muted);overflow-wrap:anywhere}
  html[data-theme] #content .asset-management-chevron {width:20px;height:20px;color:var(--erp-muted);transition:transform .16s ease}
  html[data-theme] #content .asset-management-disclosure[open]>summary .asset-management-chevron {transform:rotate(180deg)}
  html[data-theme] #content .asset-management-body {display:grid;gap:10px;min-width:0;padding:0 16px 16px}
  html[data-theme] #content .asset-management-body .asset-action-panel {min-width:0;margin:0;padding:0;border:1px solid var(--erp-line);border-radius:18px;background:var(--erp-surface);box-shadow:none}
  html[data-theme] #content .asset-management-body .asset-action-panel>summary {display:list-item;min-height:48px;margin:0;padding:14px 16px;color:var(--erp-ink);font-size:14px;font-weight:500;line-height:1.4;list-style-position:inside;overflow-wrap:anywhere}
  html[data-theme] #content .asset-management-body .asset-action-panel>summary small {display:block;margin:5px 0 0;font-size:12px;font-weight:400;line-height:1.4;text-align:left;color:var(--erp-muted)}
  html[data-theme] #content .asset-management-body .asset-action-panel>form {min-width:0;margin:0;padding:16px;border:0;border-top:1px solid var(--erp-line);border-radius:0;background:transparent}
  html[data-theme] #content .asset-management-body>.asset-danger-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  html[data-theme] #content .asset-management-disclosure summary:focus-visible {outline:2px solid var(--erp-focus);outline-offset:3px;border-radius:16px}
}
@media screen and (max-width:850px) {
  html[data-theme] #content .product-page .detail-layout {grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"stock" "batches" "facts";gap:24px}
  html[data-theme] #content .asset-detail-layout {grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:600px) {
  html[data-theme] #content :is(.product-heading,.asset-detail-heading) {grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-theme] #content :is(.product-heading #product-edit-toggle,.asset-detail-label) {justify-self:start;margin:0}
  html[data-theme] #content :is(.product-heading,.asset-detail-heading) h1 {font-size:30px;text-wrap:initial}
  html[data-theme] #content .product-stock-summary {padding:20px;gap:16px;border-radius:28px}
  html[data-theme] #content .product-stock-heading {grid-template-columns:60px minmax(0,1fr);gap:14px}
  html[data-theme] #content .product-stock-heading .photo-preview {width:60px;height:76px;border-radius:19px}
  html[data-theme] #content .product-stock-heading .detail-stock {grid-template-columns:minmax(0,1fr);gap:12px}
  html[data-theme] #content .product-stock-heading .detail-stock>div+div {display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 8px}
  html[data-theme] #content .product-stock-heading .detail-stock>div+div .quantity {font-size:18px;line-height:1.4;letter-spacing:0}
  html[data-theme] #content .product-stock-heading .detail-stock>div+div .quantity-caption {margin:0}
  html[data-theme] #content .product-stock-heading .detail-stock>div+div .quantity small {display:inline;font-size:13px;margin-left:4px}
  html[data-theme] #content .product-facts>.metadata {gap:18px;padding:20px}
  html[data-theme] #content .product-management-disclosure>summary {grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;padding:16px}
  html[data-theme] #content .product-management-icon {width:36px;height:36px}
  html[data-theme] #content .product-management-copy strong {font-size:16px}
  html[data-theme] #content .product-management-body {padding:0 12px 12px}
  html[data-theme] #content .product-management-controls {grid-template-columns:minmax(0,1fr)}
  html[data-theme] #content .product-page .batch {padding:20px}
  html[data-theme] #content .asset-overview {padding:20px}
  html[data-theme] #content .asset-key-facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:20px}
  html[data-theme] #content .asset-key-facts>div:last-child {grid-column:1/-1}
  html[data-theme] #content .asset-passport .asset-metadata {grid-template-columns:minmax(0,1fr);gap:16px}
  html[data-theme] #content .asset-repair-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html[data-theme] #content .asset-management-disclosure>summary {grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;padding:16px}
  html[data-theme] #content .asset-management-icon {width:36px;height:36px}
  html[data-theme] #content .asset-management-copy strong {font-size:16px}
  html[data-theme] #content .asset-management-body {padding:0 12px 12px}
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] #content :is(.asset-management-chevron,.product-management-chevron) {transition:none}
}