/* OFC-UI-075 · 2026-11-03
   Design pass do Pandinha + estoque em acordeão.
   Folha ADITIVA final: não altera posicionamento fixed nem o dock da UI-069.
   Rollback: remover esta inclusão do HTML. */
:root{
 --pd75-bg:#111914;--pd75-panel:#1b251d;--pd75-panel2:#222f25;
 --pd75-line:#405143;--pd75-accent:#b7ec8f;--pd75-text:#edf5e8;
 --pd75-muted:#b5c6b3;--pd75-focus:#b7ec8f;
}
body:has(#workbench:not([hidden])) .hero{display:none!important}
body:has(#workbench:not([hidden])) .app{width:min(1460px,100%);padding-top:16px}
#workbench{min-width:0}
#workbench .workbench-top{align-items:center;gap:14px;margin-bottom:16px}
#workbench .workbench-heading-063 h2{
 font-size:clamp(1.1rem,1.7vw,1.4rem);letter-spacing:-.025em;
}
#workbench .mode-tabs:not(.pd-mobile-dock){gap:8px;margin-bottom:18px}
#workbench .mode-tabs:not(.pd-mobile-dock) .mode-tab{
 min-height:54px;padding:11px 8px;border-radius:13px;
 border:1px solid var(--pd75-line);background:#1b261e;color:var(--pd75-muted);
 display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;
 font-size:.85rem;letter-spacing:.005em;box-shadow:none;
}
#workbench .mode-tabs:not(.pd-mobile-dock) .mode-tab[aria-selected="true"]{
 color:#152315;background:#b7ec8f;border-color:#b7ec8f;
 box-shadow:inset 0 -2px 0 #476b37;
}
#workbench .mode-tabs:not(.pd-mobile-dock) .pd-nav-icon{font-size:1.14rem;line-height:1}
#workbench .panel{
 background:linear-gradient(150deg,#1b241e,#141c17);
 border:1px solid #405143;border-radius:17px;
 box-shadow:0 6px 28px #04080630;
}
#workbench :is(.primary,.soft,.add-row,.ingredient-lookup-trigger,.inventory-mode-button-073,.reader-mode-button-071,.top-menu-content-060 button){
 border-radius:12px;min-height:44px;
 transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}
#workbench :is(.primary,.soft,.add-row,.ingredient-lookup-trigger):not(:disabled):active{transform:scale(.985)}
#workbench button:focus-visible,#workbench summary:focus-visible,
#workbench input:focus-visible,#workbench select:focus-visible{
 outline:2px solid var(--pd75-focus);outline-offset:2px;
}
#workbench :is(input:not([type=checkbox]),select,textarea){
 border-radius:11px;border-color:#526553;min-height:43px;
 background:#121a15;color:#f0f7ec;
}
#workbench .section-head h3{font-size:.93rem;letter-spacing:-.01em}
#workbench .tag{padding:5px 10px;border-radius:999px}
#workbench[data-view="stock"] .workbench-top .toolbar{display:none!important}
/* Biblioteca: coluna de exploração e leitura clara em vez de painéis concorrentes. */
@media(min-width:731px){
 #workbench[data-view="library"] .library-layout{
  display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);
  align-items:start;gap:18px;justify-content:stretch;
 }
 #workbench[data-view="library"] .library-layout>.library-page{
  position:sticky;top:14px;align-self:start;max-height:calc(100dvh - 35px);
  overflow-y:auto;overscroll-behavior:contain;
 }
 #workbench[data-view="library"] .library-layout>.library-reader{
  max-width:880px;padding:clamp(18px,2vw,26px);
 }
}
#workbench .library-layout>.library-page{
 border:1px solid #435744;background:#162019;border-radius:16px;
 padding:17px;box-shadow:none;
}
#workbench .library-layout>.library-page .section-head{margin-bottom:14px}
#workbench .library-layout>.library-page .section-head h3{
 font-size:1rem;letter-spacing:-.02em;
}
#workbench .library-controls-075{display:grid;gap:12px;margin-bottom:12px;min-width:0}
#workbench .library-controls-075 label{margin:0;color:#bdd0b9;font-size:.76rem;letter-spacing:.005em}
#workbench .library-controls-075 input[type=search]{
 border-color:#648260;background:#121b16;min-height:48px;
}
#workbench .library-controls-075 input[type=search]:focus{border-color:var(--pd75-accent)}
#workbench .library-controls-075 select{min-height:44px;padding:9px 10px}
#workbench .library-secondary-filters-075{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;
}
#workbench .library-secondary-filters-075 .library-favorites-only-060{
 min-height:44px;padding:9px 11px;border:1px solid #4e624b;
 border-radius:11px;margin:0;display:flex;align-items:center;
 gap:7px;white-space:nowrap;cursor:pointer;
 background:#212d24;font-size:.72rem;
}
#workbench .library-secondary-filters-075 .library-favorites-only-060 input{
 width:17px;height:17px;margin:0;
}
#workbench .library-secondary-filters-075 .library-order-label-060{margin:0}
#workbench .library-compat-status-074{margin:0;font-size:.73rem;line-height:1.4}
#workbench .library-layout>.library-page .recipe-list{
 display:grid;grid-template-columns:minmax(0,1fr);gap:8px;
}
#workbench .recipe-list-entry-060{
 display:grid;grid-template-columns:minmax(0,1fr) 42px;
 align-items:center;gap:6px;padding:6px;border:1px solid #3e5141;
 border-radius:13px;background:#1b281f;
 transition:background .15s,border-color .15s;min-width:0;
}
#workbench .recipe-list-entry-060:has(.recipe-library-card.active){
 background:#2a402d;border-color:#9bcc79;
 box-shadow:inset 3px 0 0 #b7ec8f;
}
#workbench .recipe-list-entry-060:hover{border-color:#86a67a}
#workbench .recipe-list-entry-060 .recipe-library-card{
 display:flex;align-items:center;gap:10px;min-height:57px;
 border:0;background:transparent;color:#e8f2e2;border-radius:9px;
 padding:9px 7px;text-align:left;box-shadow:none;
}
#workbench .recipe-list-entry-060 .recipe-library-card.active{
 color:#f3ffe7;background:transparent;border:0;
}
#workbench .recipe-card-mark{color:var(--pd75-accent);font-size:1.3rem}
#workbench .recipe-card-content{min-width:0;flex:1}
#workbench .recipe-card-content strong{display:block;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}
#workbench .recipe-card-content small{color:#b8cbb1;font-size:.7rem}
#workbench .recipe-card-arrow{color:#c1dfa9;font-size:1.25rem}
#workbench .recipe-favorite-060{
 width:40px;height:42px;min-height:42px;border-radius:10px;
 background:#263529;border:1px solid #526d4d;
}
#workbench .library-layout>.library-page .hint{margin:15px 2px 2px}
#workbench .library-layout>.library-reader{
 border-color:#4a6149;background:linear-gradient(145deg,#1b2720,#141b17);
 min-height:320px;
}
#workbench .library-reader>.section-head{
 margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #334436;
}
#workbench .library-reader>.section-head h3{
 font-size:.78rem;font-weight:850;text-transform:uppercase;
 letter-spacing:.08em;color:#d3e3ca;
}
#workbench .pandinha-reader-modes-071{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px;padding:5px;margin:0 0 14px;
 border:1px solid #405845;border-radius:14px;background:#111b15;
}
#workbench .pandinha-reader-modes-071 .reader-mode-button-071{
 border:1px solid transparent;border-radius:10px;min-height:47px;
 background:transparent;color:#bccdb6;font-weight:800;font-size:.87rem;
}
#workbench .pandinha-reader-modes-071 .reader-mode-button-071[aria-pressed=true]{
 color:#162316;background:#b7ec8f;border-color:#b7ec8f;
 box-shadow:0 1px 8px #b7ec8f22;
}
#workbench .reader-steps-head-071 h3{
 font-size:clamp(1.6rem,3.6vw,2.5rem);font-weight:850;
 line-height:1.1;letter-spacing:-.035em;
}
#workbench .reader-steps-head-071 .reader-steps-description-071{line-height:1.55;font-size:.88rem}
#workbench .reader-steps-card-071{
 min-height:250px;border:1px solid #779968;
 border-radius:17px;padding:clamp(15px,2.3vw,24px);
 background:linear-gradient(135deg,#2a3d2d,#1a271e);
}
#workbench .reader-steps-card-071 .writer-box-detail{line-height:1.65}
#workbench .reader-steps-controls-071 button{
 min-height:52px;font-weight:850;border-radius:12px;
}
#workbench .reader-steps-ingredients-071{
 border-radius:13px;border-color:#536d50;
}
#workbench .recipe-bar-match-073{
 background:#18261b;border:1px solid #50704e;
 border-radius:13px;box-shadow:none;
}
#workbench .recipe-substitutes-074{border-radius:13px}
#workbench .inventory-modes-073{border-radius:13px}
/* Estoque: hierarquia recolhida -> detalhes -> ação explícita de salvar. */
#workbench #stock-screen-074{
 width:min(920px,100%);margin:0 auto;gap:13px;
 padding:clamp(15px,2.5vw,25px);
}
#workbench #stock-screen-074 .section-head h3{font-size:1.25rem;letter-spacing:-.025em}
#workbench #stock-screen-074>.guide{max-width:70ch;font-size:.82rem;line-height:1.6}
#workbench #stock-screen-074 .stock-search-074{
 display:grid;gap:7px;font-size:.76rem;
}
#workbench #stock-screen-074 #stock-search-074{min-height:48px}
#workbench #stock-screen-074 .stock-status-074{
 padding:11px 12px;background:#202e23;border:1px solid #3d553e;
 border-radius:10px;font-size:.76rem;
}
#workbench .stock-list-074{display:grid;gap:10px}
#workbench .stock-item-075{
 border:1px solid #485f48;border-radius:15px;
 background:#1b2820;min-width:0;overflow:hidden;
 transition:border-color .16s ease,background .16s ease;
}
#workbench .stock-item-075[open]{border-color:#8db97d;background:#203024}
#workbench .stock-item-summary-075{
 display:grid;grid-template-columns:42px minmax(0,1fr) auto 19px;
 gap:11px;align-items:center;list-style:none;cursor:pointer;
 padding:13px 15px;min-height:78px;
}
#workbench .stock-item-summary-075::-webkit-details-marker{display:none}
#workbench .stock-item-icon-075{
 display:grid;place-items:center;width:42px;height:42px;
 border:1px solid #607a58;border-radius:13px;background:#2a3c2b;
 color:#bdf19d;
}
#workbench .stock-item-icon-075 svg{width:26px;height:26px}
#workbench .stock-item-name-075{display:grid;gap:3px;min-width:0}
#workbench .stock-item-name-075 strong{
 display:block;font-size:.94rem;font-weight:850;overflow-wrap:anywhere;
 color:#f1f8ed;
}
#workbench .stock-item-name-075 small{font-size:.72rem;color:#b6c6b2}
#workbench .stock-item-value-075{
 text-align:right;font-size:.84rem;color:#c9f4a9;
 font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;
}
#workbench .stock-chevron-075{
 color:#abc2a4;font-size:1.25rem;line-height:1;transform-origin:50% 50%;
 transition:transform .16s;
}
#workbench .stock-item-075[open] .stock-chevron-075{transform:rotate(180deg)}
#workbench .stock-item-content-075,
#workbench .stock-edit-form-075{
 padding:14px 15px 16px;border-top:1px solid #3d5341;
}
#workbench .stock-edit-form-075{
 display:grid;gap:13px;
}
#workbench .stock-muted-075{
 color:#bfd0ba;line-height:1.5;font-size:.78rem;margin:0;
}
#workbench .stock-fields-075{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;
}
#workbench .stock-field-075{display:grid;gap:6px;min-width:0}
#workbench .stock-field-075>span{font-size:.75rem;color:#d4e3d0;font-weight:800}
#workbench .stock-field-075 :is(input,select){
 min-height:48px;width:100%;font-size:1rem;font-weight:800;
 font-variant-numeric:tabular-nums;
}
#workbench .stock-fields-075.is-disabled{opacity:.48}
#workbench .stock-infinity-075{
 position:relative;display:flex;align-items:center;gap:13px;
 padding:13px;border:1px solid #536a4e;border-radius:13px;
 background:#172219;cursor:pointer;
}
#workbench .stock-infinity-075 input{
 position:absolute;width:1px;height:1px;opacity:0;
}
#workbench .stock-switch-track-075{
 display:block;flex:none;width:51px;height:29px;border-radius:99px;
 background:#4b5e4c;border:1px solid #879783;
 position:relative;transition:background .18s;
}
#workbench .stock-switch-track-075::before{
 content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;
 border-radius:50%;background:#fff;box-shadow:0 1px 4px #0004;
 transition:transform .18s;
}
#workbench .stock-infinity-075 input:checked + .stock-switch-track-075{
 background:#79b45d;border-color:#bceaa1;
}
#workbench .stock-infinity-075 input:checked + .stock-switch-track-075::before{
 transform:translateX(22px);
}
#workbench .stock-infinity-075 input:focus-visible + .stock-switch-track-075{
 outline:3px solid #b7ec8f;outline-offset:3px;
}
#workbench .stock-infinity-copy-075{display:grid;gap:3px;min-width:0}
#workbench .stock-infinity-copy-075 strong{color:#e2f4d9;font-size:.87rem}
#workbench .stock-infinity-copy-075 small{color:#b7c8b3;font-size:.72rem;font-weight:500}
#workbench .stock-inline-status-075{
 font-size:.75rem;color:#d2e6be;margin:0;min-height:1em;
}
#workbench .stock-save-075{min-height:49px;justify-self:end;padding:12px 23px}
#workbench .stock-meter-075{
 background:#354737;height:7px;margin:13px 15px 0;border-radius:99px;overflow:hidden;
}
#workbench .stock-meter-fill-075{display:block;height:100%;background:#a7e880;border-radius:inherit}
/* Ritmo comum para Catálogo, Criador, consulta e métricas. */
#workbench #inventory-screen .inventory-layout{gap:16px;align-items:start}
#workbench #inventory-screen .inventory-catalog,
#workbench #inventory-screen .recipe-inventory{padding:clamp(14px,2vw,22px)}
#workbench .inventory-item{
 border:1px solid #405541;border-radius:12px;padding:10px;
 background:#1b2820;gap:9px;
}
#workbench .inventory-item-text strong{font-size:.84rem;line-height:1.4}
#workbench .inventory-item-text small{font-size:.7rem;color:#b6c9b3}
#workbench .inventory-item button.small-action{
 min-height:40px;border-radius:10px;font-size:.73rem;
}
#workbench .inv-bar-toggle-073{border-radius:10px;font-weight:800}
#workbench .inventory-modes-073 .inventory-mode-button-073[aria-pressed=true]{
 background:#375335;border-color:#8eb87d;
}
#workbench #editor-screen .edit-card{
 border-radius:14px;border-color:#455a46;background:#1b2920;
 padding:clamp(12px,1.6vw,17px);
}
#workbench #editor-screen .stage-quick-actions button,
#workbench #editor-screen .creator-start-button{
 border-radius:12px;min-height:49px;
}
#workbench .recipe-list-entry-060 .recipe-compat-badge-074{
 margin-top:5px;font-size:.68rem;line-height:1.35;
}
#workbench #analytics-screen-066{border-radius:18px}
#workbench #analytics-screen-066 .analytics-header-066 h3{
 font-size:1.25rem;letter-spacing:-.025em;
}
#workbench .other-recipes-toggle{border-radius:11px}
#workbench .library-expandable-062{min-width:0}
#workbench .library-page .library-controls-075{margin-top:4px}

/* Tema claro conserva contraste, sem alterar cores dos estados de erro ou dados. */
body[data-theme=light] #workbench .panel,
body[data-theme=light] #workbench .library-layout>.library-reader{
 background:linear-gradient(145deg,#f6faf3,#eef5e9);
 border-color:#afc3a6;
}
body[data-theme=light] #workbench .library-layout>.library-page,
body[data-theme=light] #workbench .stock-item-075,
body[data-theme=light] #workbench .stock-infinity-075{
 background:#eaf2e6;border-color:#a8bd9d;
}
body[data-theme=light] #workbench .stock-item-075[open]{background:#e1efdb;border-color:#85a978}
body[data-theme=light] #workbench .stock-item-name-075 strong,
body[data-theme=light] #workbench .stock-field-075>span,
body[data-theme=light] #workbench .stock-infinity-copy-075 strong{color:#27402d}
body[data-theme=light] #workbench .stock-item-name-075 small,
body[data-theme=light] #workbench .stock-muted-075,
body[data-theme=light] #workbench .stock-infinity-copy-075 small{color:#526951}
body[data-theme=light] #workbench .stock-item-value-075{color:#38642b}
body[data-theme=light] #workbench .stock-item-icon-075{background:#d8ead0;color:#3a782b;border-color:#a4c598}
body[data-theme=light] #workbench .stock-item-content-075,
body[data-theme=light] #workbench .stock-edit-form-075{border-top-color:#bad0af}
body[data-theme=light] #workbench :is(input:not([type=checkbox]),select,textarea){
 background:#fff;color:#243e29;border-color:#9bb596;
}
body[data-theme=light] #workbench .mode-tabs:not(.pd-mobile-dock) .mode-tab{
 background:#ecf5e7;border-color:#b2c8a8;color:#395a39;
}
body[data-theme=light] #workbench .inventory-item,
body[data-theme=light] #workbench #editor-screen .edit-card{
 background:#e9f2e5;border-color:#aec4a5;
}
body[data-theme=light] #workbench .inventory-item-text small{color:#506b50}
body[data-theme=light] #workbench .stock-inline-status-075{color:#3f6c38}
body[data-theme=light] #workbench .library-controls-075 label{color:#476343}
body[data-theme=light] #workbench .recipe-list-entry-060{background:#ecf5e9;border-color:#b5cba9}
body[data-theme=light] #workbench .recipe-list-entry-060:has(.recipe-library-card.active){background:#dcebd6;border-color:#77a26c}
body[data-theme=light] #workbench .recipe-list-entry-060 .recipe-library-card{color:#27432b}
body[data-theme=light] #workbench .recipe-card-content small{color:#597254}
body[data-theme=light] #workbench .library-secondary-filters-075 .library-favorites-only-060{
 color:#305331;background:#e6efe0;border-color:#b3c8a9;
}
body[data-theme=light] #workbench .pandinha-reader-modes-071 .reader-mode-button-071[aria-pressed=true]{
 color:#1f401f;background:#d2ecbb;border-color:#82b36d;
}
body[data-theme=light] #workbench .mode-tabs:not(.pd-mobile-dock) .mode-tab[aria-selected=true]{
 color:#21441f;background:#d4efbf;border-color:#94bc7c;
}
@media(max-width:730px){
 body:has(#workbench:not([hidden])) .app{padding-top:7px}
 #workbench .workbench-top{margin-bottom:12px;gap:8px}
 #workbench .workbench-heading-063 h2{font-size:1.05rem}
 #workbench .library-layout{gap:12px!important}
 #workbench .library-layout>.library-page{
  padding:12px!important;background:#18231c;border-radius:14px;
 }
 #workbench .library-layout>.library-page .section-head{margin-bottom:9px}
 #workbench .library-layout>.library-page .other-recipes-toggle{
  border:1px solid #668764;background:#273c2d;color:#e3f5db;
  border-radius:11px;min-height:48px;font-size:.86rem;font-weight:850;
  padding:10px 13px;display:flex;align-items:center;justify-content:space-between;
 }
 #workbench .library-layout>.library-reader{padding:14px!important}
 #workbench .library-controls-075{gap:10px}
 #workbench .library-secondary-filters-075{grid-template-columns:minmax(0,1fr) auto}
 #workbench .recipe-list-entry-060{padding:5px}
 #workbench .reader-steps-head-071 h3{font-size:clamp(1.65rem,6.3vw,2.3rem)}
 #workbench .reader-steps-card-071{padding:16px;min-height:240px}
 #workbench #stock-screen-074{padding:14px}
 #workbench .stock-item-summary-075{grid-template-columns:38px minmax(0,1fr) auto 16px;gap:8px;padding:12px 10px;min-height:74px}
 #workbench .stock-item-icon-075{width:38px;height:38px;border-radius:11px}
 #workbench .stock-item-icon-075 svg{width:23px;height:23px}
 #workbench .stock-item-name-075 strong{font-size:.84rem}
 #workbench .stock-item-value-075{font-size:.72rem}
 #workbench .stock-fields-075{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #workbench .stock-field-075:last-child{grid-column:1/-1}
 #workbench .stock-save-075{width:100%;justify-self:stretch}
 body > nav.mode-tabs.pd-mobile-dock .mode-tab{border-radius:11px!important}
 body > nav.mode-tabs.pd-mobile-dock .pd-nav-label{font-size:clamp(.58rem,2.45vw,.71rem)}
}
@media(max-width:365px){
 #workbench .stock-item-summary-075{grid-template-columns:34px minmax(0,1fr) 16px}
 #workbench .stock-item-icon-075{width:34px;height:34px}
 #workbench .stock-item-value-075{grid-column:2;grid-row:2;text-align:left}
 #workbench .stock-chevron-075{grid-column:3;grid-row:1}
 #workbench .stock-fields-075{grid-template-columns:1fr}
 #workbench .stock-field-075:last-child{grid-column:auto}
 #workbench .library-secondary-filters-075{grid-template-columns:1fr}
 #workbench .library-secondary-filters-075 .library-favorites-only-060{width:max-content}
}
@media(prefers-reduced-motion:reduce){
 #workbench .stock-item-075,#workbench .stock-chevron-075,
 #workbench .stock-switch-track-075,#workbench .stock-switch-track-075::before{
  transition:none!important;
 }
}