/* Page presentation only. Operation dialogs retain the original inventory styles. */
#adminApp :is(#produtos,#estoque) > .topbar{flex-wrap:wrap;gap:var(--kc-space-4)}
#adminApp #stockPageTabs{min-width:0;width:fit-content;max-width:100%;margin:0 0 var(--kc-space-5);overflow-x:auto;scrollbar-width:thin}
#stockPageTabs .kc-tab{flex:0 0 auto;white-space:nowrap}
#stockPageIngredients[hidden],#stockPageInventory[hidden]{display:none!important}
:is(#produtos,#estoque) .stock-page-actions{justify-content:flex-end;flex-shrink:0;min-width:0;margin:0 0 var(--kc-space-5)}
:is(#produtos,#estoque) .stock-page-actions>.kc-toolbar__group{justify-content:flex-end;min-width:0;max-width:100%}
:is(#produtos,#estoque) .stock-page-actions .kc-button{height:auto;min-height:var(--kc-touch-target-min);padding-block:var(--kc-space-3);white-space:normal;line-height:var(--kc-line-height-tight)}
.inventory-backdrop--page>.inventory-modal>.inventory-fiscal-search{margin-bottom:var(--kc-space-7);flex-shrink:0}
.inventory-backdrop--page .stock-page-section-heading{padding:0;border:0;border-radius:0;background:transparent}
.inventory-backdrop--page{display:block;position:static;padding:0;background:transparent;z-index:auto}
.inventory-backdrop--page[aria-hidden="true"]{display:none}
.inventory-backdrop--page>.inventory-modal{width:100%;max-width:none;height:auto;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.inventory-backdrop--page>.inventory-modal>.kc-modal__header{padding:0 0 var(--kc-space-4);border:0;background:transparent}
.inventory-backdrop--page>.inventory-modal>.kc-modal__header .kc-modal__title{font-size:var(--kc-font-size-xl)}
.inventory-backdrop--page>.inventory-modal>.inventory-tabs,
.inventory-backdrop--page [data-inventory-action="close"]{display:none}
.inventory-backdrop--page>.inventory-modal>.kc-modal__body{overflow:visible;flex:none;max-height:none;background:transparent}
.inventory-backdrop--page .inventory-workspace{padding:0}
.inventory-backdrop--page>.inventory-modal>.kc-modal__footer{min-height:0;padding:var(--kc-space-3) 0;border:0;background:transparent}
.inventory-backdrop--page .inventory-toolbar{position:static}
.pricing-center--page{display:block;position:static;padding:0;background:transparent}
.pricing-center--page[aria-hidden="true"]{display:none}
.pricing-center--page>.pricing-center-modal{width:100%;max-width:100%;height:max(620px,calc(100dvh - 170px));max-height:none;border-radius:var(--kc-radius-lg);box-shadow:none}
.pricing-center--page>.pricing-center-modal>.kc-modal__header [data-pricing-action="close"]{display:none}
.pricing-center--page>.pricing-center-modal>.kc-modal__header .kc-modal__title{font-size:var(--kc-font-size-xl)}
@media(max-width:1100px){
  #adminApp #stockPageTabs{order:3;flex:0 0 auto;width:100%}
}
@media(max-width:680px){
  #adminApp #produtos > .topbar{position:relative}
  #adminApp #produtos .admin-page-heading{padding-right:96px}
  #adminApp #produtos .ingredient-head-actions{position:absolute;top:0;right:48px;display:flex;justify-content:flex-end;width:auto}
  #adminApp #stockPageTabs{padding:var(--kc-space-1);gap:var(--kc-space-1)}
  #stockPageTabs .kc-tab{min-height:44px;padding-inline:var(--kc-space-3)}
  :is(#produtos,#estoque) .stock-page-actions>.kc-toolbar__group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  :is(#produtos,#estoque) .stock-page-actions [data-inventory-action="toggle-fiscal-search"]{grid-column:1/-1}
  :is(#produtos,#estoque) .stock-page-actions .kc-button:only-child{grid-column:1/-1;justify-self:end}
  .pricing-center--page>.pricing-center-modal{height:max(620px,calc(100dvh - 150px))}
}

.pricing-center--page .pricing-table [data-pricing-action="edit-ingredient"]{min-width:0;max-width:100%;padding-inline:var(--kc-space-2);white-space:normal;font-size:var(--kc-font-size-sm)}

#stockPageTabs .kc-tab{font-size:var(--kc-font-size-body)}
#produtos .stock-page-actions .kc-button{font-size:var(--kc-font-size-3xl)}
#stockPageIngredients{font-size:var(--kc-font-size-3xl)}
#stockPageIngredients :is(.kc-input,.kc-select,.kc-button){font-size:var(--kc-font-size-3xl)}

@media(max-width:380px){
  :is(#produtos,#estoque) .stock-page-actions>.kc-toolbar__group{grid-template-columns:minmax(0,1fr)}
}

/* Ingredient catalog actions and the stock movements summary. */
#adminApp #produtos>.topbar>.ingredient-page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--kc-space-3);max-width:100%;margin:0 0 0 auto}
.ingredient-export>.kc-dropdown__menu{position:absolute;top:calc(100% + var(--kc-space-2));right:0;z-index:var(--kc-z-dropdown);min-width:180px;max-width:calc(100vw - var(--kc-space-7));font-size:var(--kc-font-size-md)}
.ingredient-export>.kc-dropdown__trigger svg{width:var(--kc-icon-size-sm);height:var(--kc-icon-size-sm);flex-shrink:0}
:is(#produtos,#estoque) .stock-page-actions>.stock-catalog-actions{justify-content:flex-start}
#stockPageOverview{margin-bottom:var(--kc-space-5);font-size:var(--kc-font-size-md)}
#stockPageOverview .inventory-workspace{padding:0}
#stockPageOverview .inventory-overview-grid{align-items:start}
#stockPageOverview .inventory-overview-prices{min-width:0;overflow:hidden}
#stockPageOverview .stock-overview-toggle{width:100%;justify-content:space-between;text-align:left;border-radius:var(--kc-radius-card);padding:var(--kc-space-4) var(--kc-space-5)}
#stockPageOverview .stock-overview-toggle[aria-expanded="true"] .inventory-action-chevron{transform:rotate(180deg)}
#stockOverviewSummary{display:grid;gap:var(--kc-space-4);border-top:1px solid var(--kc-color-border)}
#stockOverviewSummary[hidden]{display:none}
#stockPageOverview .inventory-overview-row{font-size:var(--kc-font-size-md)}
@media(max-width:680px){
  #adminApp #produtos .admin-page-heading{padding-right:0}
  #stockPageOverview .stock-overview-toggle{padding:var(--kc-space-3)}
  #adminApp #produtos>.topbar>.ingredient-page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0}
  #produtos .ingredient-page-actions>.kc-button,#produtos .ingredient-export>.kc-dropdown__trigger{width:100%}
  :is(#produtos,#estoque) .stock-page-actions #btnNovoIngredientePage{grid-column:1/-1}
}

/* Ingredient table: shared controls with room for values and touch targets. */
#produtos .list-section{min-width:0;overflow:hidden}
#produtos #listaIngredientesPagina{max-width:100%;padding:0;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
#produtos #listaIngredientesPagina:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--kc-color-focus)}
#produtos .ingredient-catalog-table{min-width:1080px;border-collapse:collapse;border-spacing:0;table-layout:fixed}
#produtos .ingredient-catalog-table :is(th,td){padding:var(--kc-space-4) var(--kc-space-5);line-height:var(--kc-line-height-body)}
#produtos .ingredient-catalog-table th{padding:var(--kc-space-1);vertical-align:middle;font-size:var(--kc-font-size-md);font-weight:var(--kc-font-weight-semibold);letter-spacing:normal;text-transform:none}
#produtos .ingredient-catalog-table th:first-child{width:auto}
#produtos .ingredient-catalog-table th:nth-child(2){width:17%}
#produtos .ingredient-catalog-table th:nth-child(3){width:13%}
#produtos .ingredient-catalog-table th:nth-child(4){width:11%}
#produtos .ingredient-catalog-table th:nth-child(5),
#produtos .ingredient-catalog-table th:nth-child(6){width:13%}
#produtos .ingredient-catalog-table th:last-child{width:calc(3 * var(--kc-touch-target-min) + 2 * var(--kc-space-1) + 2 * var(--kc-space-5));text-align:center}
#produtos .ingredient-catalog-table tbody td{font-size:var(--kc-font-size-lg)}
#produtos .ingredient-catalog-table :is(th,td):nth-child(n+3):nth-child(-n+6){text-align:right}
#produtos .ingredient-catalog-table td:nth-child(n+3):nth-child(-n+6){white-space:nowrap}
#produtos .ingredient-catalog-table .ingredient-sort-button{width:auto;max-width:100%;min-height:calc(2em * var(--kc-line-height-body) + var(--kc-space-5));height:auto;gap:var(--kc-space-3);padding:var(--kc-space-2) var(--kc-space-3)!important;border:0;border-radius:var(--kc-radius-sm)!important;background:transparent;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit;text-transform:none;vertical-align:middle;scroll-margin:var(--kc-space-2)}
#produtos .ingredient-catalog-table .ingredient-sort-button>span:first-child{min-width:0}
#produtos .ingredient-catalog-table .ingredient-sort-arrow{flex:0 0 var(--kc-icon-size-sm);width:var(--kc-icon-size-sm);min-width:var(--kc-icon-size-sm)}
#produtos .ingredient-catalog-table .ingredient-sort-button:active{transform:none}
#produtos .ingredient-catalog-table th:nth-child(-n+2) .ingredient-sort-button{justify-content:flex-start}
#produtos .ingredient-catalog-table th:nth-child(n+3) .ingredient-sort-button{justify-content:flex-end}
#produtos .ingredient-catalog-table .ingredient-sort-button:hover{background:var(--kc-color-primary-surface);color:var(--kc-color-primary-surface-text)}
#produtos .ingredient-catalog-table .ingredient-sort-button:focus-visible{outline:0;box-shadow:var(--kc-shadow-focus)}
#produtos .ingredient-catalog-table .product-name-line{flex-wrap:wrap;gap:var(--kc-space-2)}
#produtos .ingredient-catalog-table .product-name-cell strong{overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:var(--kc-font-size-lg);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-body)}
#produtos .ingredient-catalog-table .ingredient-list-tag{padding:var(--kc-space-1) var(--kc-space-3);font-size:var(--kc-font-size-xs);font-weight:var(--kc-font-weight-semibold);line-height:var(--kc-line-height-tight)}
#produtos .ingredient-catalog-table .cmv-inline{font-size:var(--kc-font-size-2xs);padding:var(--kc-space-1) var(--kc-space-2)}
#produtos .ingredient-catalog-table .stock-cell strong{font-size:inherit;font-weight:var(--kc-font-weight-semibold)}
#produtos .ingredient-catalog-table .stock-cell .stock-low{min-height:0;border:0;line-height:inherit;display:inline-flex;max-width:100%;margin-top:var(--kc-space-1);padding:var(--kc-space-1) var(--kc-space-2);border-radius:var(--kc-radius-sm);background:var(--kc-color-danger-surface);color:var(--kc-color-danger-surface-text);font-size:var(--kc-font-size-xs);font-weight:var(--kc-font-weight-semibold);white-space:nowrap}
#produtos .ingredient-catalog-table .stock-cell .stock-low.kc-badge--warning{background:var(--kc-color-warning-surface)!important;color:var(--kc-color-warning-surface-text)!important}
#produtos .ingredient-catalog-table .value-stock{font-weight:var(--kc-font-weight-semibold)}
#produtos .ingredient-catalog-table .table-actions{justify-content:center;gap:var(--kc-space-1)}
/* Override mini-button sizing retained for the other legacy consumers. */
#produtos .table-actions .ingredient-row-action{width:var(--kc-touch-target-min);min-width:var(--kc-touch-target-min);height:auto;min-height:var(--kc-touch-target-min);padding:0;border-radius:var(--kc-component-control-radius)!important}
#produtos .table-actions .kc-button--ghost{border-color:transparent;background:transparent;color:var(--kc-color-text-secondary)}
#produtos .table-actions .kc-button--ghost:hover{border-color:transparent;background:var(--kc-color-primary-surface);color:var(--kc-color-primary-surface-text)}
#produtos .table-actions .ingredient-row-action--danger{color:var(--kc-color-danger-surface-text)}
#produtos .table-actions .ingredient-row-action--danger:hover{background:var(--kc-color-danger-surface);color:var(--kc-color-danger-surface-text)}
#produtos .ingredient-catalog-table tbody tr:focus-within td{background:var(--kc-color-surface-subtle)}
#produtos .ingredients-list-footer{position:sticky;left:0;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:var(--kc-space-3);width:100%;padding:var(--kc-space-5);color:var(--kc-color-text-muted);font-size:var(--kc-font-size-md)}
#produtos .ingredients-list-footer .top-action{height:auto!important;min-height:var(--kc-touch-target-min);border-radius:var(--kc-component-control-radius);padding:var(--kc-space-3) var(--kc-space-5)}

/* Stock page composition. Dialogs retain their own density and draft lifecycle. */
#estoque .inventory-backdrop--page>.inventory-modal{background:transparent;border:0;border-radius:0;box-shadow:none}
#estoque .inventory-backdrop--page .inventory-workspace{padding:0!important}
#estoque .inventory-backdrop--page>.inventory-modal>.kc-modal__footer{padding:0!important}
#estoque .stock-page-actions{justify-content:space-between;gap:var(--kc-space-3);margin-bottom:var(--kc-space-5)}
#estoque .stock-page-actions>.kc-toolbar__group{justify-content:flex-start;flex-wrap:wrap}
#estoque .stock-page-actions>.kc-toolbar__group:last-child{justify-content:flex-end}
#estoque #stockPageOverview{margin:0}
#estoque #stockPageOverview .inventory-overview-row{font-size:var(--kc-font-size-body);padding:var(--kc-space-3) var(--kc-space-4);gap:var(--kc-space-3)}
#estoque #stockPageOverview .inventory-overview-grid{gap:var(--kc-space-4)}
#estoque .inventory-history-heading>div{flex:1;min-width:0}
#estoque .inventory-history-heading p{margin:var(--kc-space-1) 0 0;color:var(--kc-color-text-muted);font-size:var(--kc-font-size-caption)}
#estoque .inventory-history-card>.inventory-movement-metrics{margin:0;gap:var(--kc-space-4);padding:var(--kc-space-4);border-bottom:1px solid var(--kc-color-border);background:var(--kc-color-surface-subtle)}
#estoque .inventory-movement-metrics .inventory-metric{min-height:0;padding:0;border:0;border-radius:0;background:transparent}
#estoque .inventory-movement-metrics .inventory-metric span{text-transform:none;letter-spacing:normal;font-weight:var(--kc-font-weight-medium);font-size:var(--kc-font-size-caption)}
#estoque .inventory-movement-metrics .inventory-metric strong{font-size:var(--kc-font-size-4xl);font-weight:var(--kc-font-weight-semibold);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#estoque .inventory-overview .kc-card__header{padding:var(--kc-space-4)}
#estoque .inventory-overview-copy small{font-size:var(--kc-font-size-caption)}
#estoque .inventory-overview-note{font-size:var(--kc-font-size-caption);line-height:var(--kc-line-height-body)}
#estoque .inventory-overview-row .inventory-overview-increase{font-size:var(--kc-font-size-body)}
@media(max-width:680px){
  #adminApp #stockPageTabs{width:100%}
  #stockPageTabs .kc-tab{flex:1}
  #estoque .stock-page-actions>.kc-toolbar__group{width:100%;flex:1 1 100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  #estoque .stock-page-actions>.kc-toolbar__group:last-child{justify-content:stretch}
  #estoque .stock-page-actions .kc-button:only-child{justify-self:stretch}
  #estoque .inventory-history-card>.inventory-movement-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){#estoque .stock-page-actions>.kc-toolbar__group{grid-template-columns:minmax(0,1fr)}}

/* Product identity is shared by ingredient catalog and stock operations. */
.stock-product-label{display:inline-flex;align-items:center;gap:var(--kc-space-3);min-width:0;max-width:100%;vertical-align:middle}
.stock-product-identity{display:inline-grid;justify-items:center;align-content:center;gap:var(--kc-space-1);width:var(--kc-space-14);flex:0 0 var(--kc-space-14);vertical-align:middle}
.stock-product-identity .kc-entity-mark{width:var(--kc-space-12);height:var(--kc-space-12);padding:0;box-sizing:border-box}
.stock-product-identity .stock-product-cmv{min-height:0;max-width:100%;padding:0 var(--kc-space-1);font-size:var(--kc-font-size-xs);line-height:var(--kc-line-height-body)}
#produtos .ingredient-catalog-table .stock-product-label{align-items:flex-start;gap:var(--kc-space-2)}
#produtos .ingredient-catalog-table .stock-product-identity{width:var(--kc-space-9);flex-basis:var(--kc-space-9);gap:calc(var(--kc-space-1)/2);margin-top:max(var(--kc-space-0),calc((1em * var(--kc-line-height-body) - var(--kc-space-9))/2))}
#produtos .ingredient-catalog-table .stock-product-identity .kc-entity-mark{width:var(--kc-space-9);height:var(--kc-space-9);border-radius:var(--kc-radius-xs)}
#produtos .ingredient-catalog-table .stock-product-identity .kc-entity-mark svg{width:var(--kc-space-5);height:var(--kc-space-5)}
#produtos .ingredient-catalog-table .product-name-line{display:block}
#produtos .ingredient-catalog-table .product-name-line strong{display:inline}
#produtos .ingredient-catalog-table .product-name-tail{display:inline-block;max-width:100%}
#produtos .ingredient-catalog-table .stock-product-cmv{box-sizing:border-box;min-height:0;width:auto;min-width:var(--kc-space-9);margin-left:var(--kc-space-2);padding:0;font-size:calc(var(--kc-font-size-2xs)*.75);line-height:var(--kc-line-height-heading);vertical-align:middle}
.stock-product-name{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere}
#produtos .ingredient-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.recipe-stock-control,.recipe-stock-minimum{display:block}
.recipe-stock-control .kc-label,.recipe-stock-minimum .kc-label{display:block;margin:0 0 var(--kc-space-1);font-size:var(--kc-font-size-caption);font-weight:var(--kc-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;line-height:inherit;text-align:left}
.recipe-stock-control .kc-help-anchor{display:inline-flex;min-height:0;max-width:calc(100% - var(--kc-space-12));margin-bottom:var(--kc-space-1)}
.recipe-stock-control .kc-help-anchor .kc-label{margin:0}
.recipe-stock-control .kc-help{position:absolute;left:calc(100% + var(--kc-space-2));top:50%;transform:translateY(-50%)}
.inventory-manual-editor .inventory-manual-supplier[hidden]{display:none!important}
@media(max-width:1000px){#produtos .ingredient-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#produtos .ingredient-filters{grid-template-columns:minmax(0,1fr)}}
