/* Readable inventory presentation, explicitly enabled by each caller. */
[data-inventory-presentation="readable"] :is(.lib-table-name-link,.lib-table-name-text) { display: flex; align-items: flex-start; min-height: 32px; overflow: visible; white-space: normal; text-overflow: clip; -webkit-line-clamp: unset; font: 600 14px/1.5 var(--font-app); overflow-wrap: anywhere; }
[data-inventory-presentation="readable"] .lib-table-name-text { color: var(--ink); }
[data-inventory-presentation="readable"] .lib-table-value,
[data-inventory-presentation="readable"] .lib-dough-table td .lib-table-value { display: block; overflow: visible; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; line-height: 1.5; }
[data-inventory-presentation="readable"] .lib-table-more { min-width: 44px; min-height: 44px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] { --inventory-media-size: 56px; display: grid; grid-template-columns: 56px minmax(0,1fr) 44px; grid-template-rows: auto auto auto; gap: 6px 12px; padding: 16px 12px; min-height: 96px; height: auto; max-height: none; background: var(--card-bg); }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-primary { display: contents; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-media { grid-column: 1; grid-row: 1 / 4; width: var(--inventory-media-size); height: var(--inventory-media-size); align-self: start; border-radius: 7px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-title { grid-column: 2; grid-row: 1; display: flex; align-items: center; font: 600 16px/1.45 var(--font-app); min-width: 0; min-height: 44px; width: auto; height: auto; max-height: none; margin: 0; padding: 0; white-space: normal; overflow: visible; text-overflow: clip; -webkit-line-clamp: unset; word-break: normal; overflow-wrap: anywhere; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-facts { grid-column: 2; grid-row: 2; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-meta { grid-column: 2; grid-row: 3; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-actions { grid-column: 3; grid-row: 1; display: flex; width: 44px; height: 44px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-actions:not([data-inventory-explicit-actions]) > :not(.lib-inventory-more) { display: none; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-library-has-media="false"][data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-media { background: transparent; color: var(--stone); opacity: .6; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-library-has-media="false"][data-inventory-mode="inventory"][data-inventory-density] .save-row-glyph { background: transparent; color: inherit; border: 0; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-selectable="true"][data-inventory-mode="inventory"][data-inventory-density] { grid-template-columns: 44px 56px minmax(0,1fr) 44px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-selectable="true"][data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-selection { grid-column: 1; grid-row: 1 / 4; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-selectable="true"][data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-media { grid-column: 2; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-selectable="true"][data-inventory-mode="inventory"][data-inventory-density] :is(.lib-inventory-title,.lib-inventory-facts,.lib-inventory-meta) { grid-column: 3; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-selectable="true"][data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-actions { grid-column: 4; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-density="compact"][data-inventory-mode="inventory"] { padding-block: 8px; row-gap: 3px; min-height: 80px; }
@media (max-width: 639px) {
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] { --inventory-media-size: 44px; grid-template-columns: 44px minmax(0,1fr) 44px; padding-inline: 12px; column-gap: 8px; }
}
@media (max-width: 639px) {
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-title { font-size: 15px; }
}
@media (max-width: 639px) {
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-media { grid-row: 1; }
}
@media (max-width: 639px) {
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-selectable="true"][data-inventory-mode="inventory"][data-inventory-density] { grid-template-columns: 44px 44px minmax(0,1fr) 44px; }
}
@media (max-width: 639px) {
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] :is(.lib-inventory-facts,.lib-inventory-meta) { grid-column: 1 / -1; }
}
[data-inventory-presentation="readable"] .lib-inventory-primary:focus-visible .lib-inventory-title { outline: 2px solid var(--rust); outline-offset: 2px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-meta,
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-facts,
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-actions {
  position: static; inset: auto; width: auto; min-width: 0; max-width: 100%; height: auto; min-height: 0; max-height: none;
  margin: 0; padding: 0; transform: none; translate: none; align-self: start; overflow: visible;
}
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-facts { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; line-height: 1.5; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-fact,
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-fact-segment {
  position: static; display: inline-flex; grid-column: auto; grid-row: auto; flex: 0 1 auto; width: auto; min-width: 0; max-width: 100%;
  height: auto; max-height: none; align-items: baseline; gap: 4px; margin: 0; padding: 0; overflow: visible; white-space: normal;
}
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-fact[data-inventory-segmented="true"] { display: flex; flex-wrap: wrap; flex-basis: 100%; gap: 4px 10px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-fact-value { display: inline; min-width: 0; max-width: 100%; white-space: normal; word-break: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; font-size: 13px; line-height: 1.5; text-transform: none; letter-spacing: normal; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-fact-label { position: static; inset: auto; display: inline; width: auto; height: auto; min-width: 0; margin: 0; padding: 0; overflow: visible; clip: auto; clip-path: none; white-space: normal; color: var(--stone); font: 500 12px/1.5 var(--font-app); text-transform: none; letter-spacing: normal; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-fact-separator { display: none; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-density="compact"][data-inventory-mode="inventory"] :is(.lib-inventory-facts,.lib-inventory-meta) { row-gap: 3px; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-summary,
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-badges { position: static; inset: auto; width: auto; min-width: 0; max-width: 100%; height: auto; max-height: none; flex: 0 1 auto; grid-area: auto; margin: 0; transform: none; translate: none; overflow: visible; white-space: normal; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-summary-group--wide { display: flex !important; width: auto; min-width: 0; max-width: 100%; height: auto; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; overflow: visible; white-space: normal; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-summary-group--medium,
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-summary-group--narrow { display: none !important; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-summary-part { position: static; inset: auto; display: inline; flex: 0 1 auto; width: auto; min-width: 0; max-width: 100%; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.5; overflow-wrap: break-word; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-actions { width: 44px; min-height: 44px; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-name { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 8px; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-name { flex: 1 1 70px; max-width: 100%; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-percent { flex: 0 0 auto; max-width: 100%; white-space: nowrap; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-catalog-status { flex-basis: 100%; font: 500 11px/1.5 var(--font-app); }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure) { position: relative; display: block; margin: 0; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure,.lib-series-varies) > summary,
[data-inventory-presentation="readable"] .lib-inventory-disclosure-control { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; width: auto; max-width: 100%; height: auto; min-width: 44px; min-height: 44px; margin: 0; padding: 4px 0; border: 0; border-radius: 4px; background: transparent; color: var(--rust); font: 600 12px/1.5 var(--font-app); list-style: none; white-space: normal; text-align: left; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure,.lib-series-varies) > summary::before,
[data-inventory-presentation="readable"] .lib-inventory-disclosure-control::before { content: '▸'; position: static; width: auto; height: auto; transform: none; flex: 0 0 auto; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure,.lib-series-varies)[open] > summary::before,
[data-inventory-presentation="readable"] .lib-inventory-disclosure-control[aria-expanded="true"]::before { content: '▾'; }
[data-inventory-presentation="readable"] .lib-ingredient-disclosure > summary::-webkit-details-marker { display: none; }
[data-inventory-presentation="readable"] .lib-inventory-disclosure-control > span { min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; white-space: normal; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure,.lib-series-varies) > summary:hover,
[data-inventory-presentation="readable"] .lib-inventory-disclosure-control:hover { text-decoration: underline; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure,.lib-series-varies) > summary:active { background: var(--section-bg); }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure,.lib-series-varies) > summary:focus-visible { outline: 2px solid var(--rust); outline-offset: 2px; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure) > summary { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; padding: 0; color: var(--ink); font: inherit; cursor: pointer; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure) > summary::before,
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure,.lib-ingredient-disclosure,.lib-text-disclosure)[open] > summary::before { content: none; }
[data-inventory-presentation="readable"] :is(.lib-flour-disclosure-panel,.lib-ingredient-disclosure-panel,.lib-text-disclosure-panel,.lib-series-varies-panel),
[data-inventory-presentation="readable"] .lib-inventory-disclosure:not([hidden]) { position: static; inset: auto; display: grid; grid-column: 1 / -1; grid-row: 4; width: auto; max-width: 100%; min-width: 0; gap: 6px; margin: 4px 0 0; padding: 10px; border: 1px solid var(--card-border); border-radius: 6px; background: var(--section-bg); box-shadow: none; color: var(--ink); font: 500 12px/1.5 var(--font-app); white-space: normal; overflow-wrap: anywhere; pointer-events: auto; }
[data-inventory-presentation="readable"] .lib-inventory-disclosure-chips { display: grid; gap: 6px; }
[data-inventory-presentation="readable"] .lib-inventory-disclosure-chip { display: block; padding: 0; border-radius: 0; background: transparent; font: inherit; text-transform: none; letter-spacing: normal; }
[data-inventory-presentation="readable"] .lib-inventory-disclosure-heading { font: 600 12px/1.5 var(--font-app); text-transform: none; letter-spacing: normal; }
[data-inventory-presentation="readable"] .lib-inventory-badge[data-inventory-badge="not-in-catalog"] { font: 500 11px/1.5 var(--font-app); text-transform: none; letter-spacing: normal; white-space: normal; }
[data-inventory-presentation="readable"] .lib-text-disclosure > summary::-webkit-details-marker { display: none; }
[data-inventory-presentation="readable"] .lib-inventory-supplemental { grid-column: 2 / -1; grid-row: 4; min-width: 0; font: 400 13px/1.5 var(--font-app); overflow-wrap: anywhere; }
[data-inventory-presentation="readable"] .lib-inventory-row[data-inventory-supplemental="true"][data-inventory-mode="inventory"][data-inventory-density] .lib-inventory-disclosure { grid-row: 5; }
[data-inventory-presentation="readable"] .lib-inventory-secondary { display: block; color: var(--stone); font: 400 12px/1.5 var(--font-app); }
[data-inventory-presentation="readable"] .lib-inventory-title:has(.lib-inventory-secondary) { flex-direction: column; align-items: flex-start; }
@media (max-width: 639px) { [data-inventory-presentation="readable"] .lib-inventory-supplemental { grid-column: 1 / -1; } }

/* Two bounded flour lines; the full summary is the disclosure target. */
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary { width: 100%; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-row { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-name { flex: 1 1 0; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-percent { flex: 0 0 auto; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-row > .lib-table-disclosure-cue { flex: 0 0 auto; margin: 0; padding: 0 2px; line-height: inherit; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-row > .lib-table-disclosure-cue::before { content: none; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-disclosure > summary { min-height: 32px; justify-content: center; }

/* The percentage has its own lane; only the name lane contains a disclosure. */
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-name-lane { display: flex; align-items: center; flex: 1 1 0; min-width: 0; gap: 4px; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-name { flex: 0 1 auto; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-summary-percent { min-width: 4ch; text-align: right; align-self: flex-start; }
[data-inventory-presentation="readable"] .lib-dough-table .is-single-visible .lib-flour-summary-name { white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-more { flex: 0 0 auto; min-height: 18px; padding: 0 4px; margin: 0; border: 1px solid var(--card-border); border-radius: 4px; color: var(--ink); background: transparent; font: 600 11px/1.3 var(--font-app); white-space: nowrap; cursor: pointer; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-more:hover { background: var(--section-bg); }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-more:focus-visible { outline: 2px solid var(--rust); outline-offset: 2px; }
[data-inventory-presentation="readable"] .lib-dough-table .lib-flour-expanded:not([hidden]) { display: grid; gap: 4px; margin-top: 8px; white-space: normal; overflow-wrap: anywhere; font: 500 12px/1.4 var(--font-app); }
@media (hover: none) { [data-inventory-presentation="readable"] .lib-dough-table .lib-flour-more { min-height: 32px; min-width: 32px; } }