/* OFC-UI-063 — UX coesa: leitura antes do preparo, cabeçalho consistente,
   menu de ações único e biblioteca adaptada ao tamanho real de tela. */
#workbench{width:100%;max-width:1370px;margin-inline:auto}
#workbench .workbench-top{
 position:relative;z-index:35;display:flex;align-items:center;justify-content:space-between;
 gap:16px;margin:0 0 12px;min-width:0
}
#workbench .workbench-heading-063{min-width:0;flex:1}
#workbench .workbench-top h2{font-size:clamp(1.05rem,1.55vw,1.32rem);line-height:1.25;margin:0;letter-spacing:-.015em}
#workbench .workbench-top .toolbar,
#workbench[data-view="editor"] .workbench-top .toolbar,
#workbench[data-view="library"] .workbench-top .toolbar{
 display:flex!important;flex:0 0 auto;align-items:center;justify-content:flex-end;
 width:auto!important;max-width:unset;gap:9px;flex-wrap:nowrap;margin:0;padding:0
}
#workbench[data-view="inventory"] .workbench-top .toolbar{display:none!important}
#workbench .workbench-top .toolbar>button[hidden],
#workbench .workbench-top .toolbar>details[hidden],
#workbench .top-menu-content-060 button[hidden],
#workbench .legacy-recipe-actions-063[hidden]{display:none!important}
#workbench .workbench-top .toolbar>button:not([hidden]){
 display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;
 min-height:44px;padding:9px 15px;border-radius:11px;font-size:.84rem;
 white-space:nowrap;width:auto
}
#workbench .workbench-top #new-recipe{
 background:var(--lime);border-color:var(--lime);color:#17210f;
 box-shadow:0 1px 0 #eaffae33 inset;font-weight:900;
}
#workbench .new-short-063{display:none}
#workbench .top-recipe-menu-060{position:relative;z-index:48;flex:0 0 auto}
#workbench .top-recipe-menu-060>summary{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:44px;min-width:44px;border-radius:11px;
 border:1px solid #657c60;background:#223027;color:#d8e9cf;
 padding:9px 13px;cursor:pointer;line-height:1;transition:background .16s,border-color .16s;
}
#workbench .top-recipe-menu-060>summary .menu-label-062{display:inline;font-size:.82rem;font-weight:850}
#workbench .top-recipe-menu-060>summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
#workbench .top-recipe-menu-060[open]>summary{
 background:#354b35;color:#edffe7;border-color:#c2ec83
}
#workbench .top-menu-content-060{
 position:absolute;right:0;top:calc(100% + 7px);z-index:55;
 width:min(235px,calc(100vw - 25px));min-width:0;
 display:flex;flex-direction:column;gap:4px;
 background:#17221a;border:1px solid #728969;border-radius:12px;
 padding:7px;box-shadow:0 18px 38px #000b;
}
#workbench .top-menu-content-060 button{
 min-height:44px;max-width:100%;width:100%;
 background:#25352a;border-radius:8px;text-align:left;
 padding:9px 12px;font-size:.83rem;font-weight:750;white-space:normal;color:#f1f8ec
}
#workbench .top-menu-content-060 button:hover{background:#355039}
#workbench .top-menu-content-060 .danger{
 background:#42262b;color:#ffcfcb;border-top:none;margin-top:4px
}
#workbench .mode-tabs{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;margin-bottom:17px;min-width:0
}
#workbench .mode-tabs .mode-tab{
 min-height:47px;min-width:0;white-space:normal;text-wrap:balance;
 line-height:1.25;font-weight:800;border-radius:10px
}
#workbench .library-layout{
 display:grid;grid-template-columns:minmax(255px,310px) minmax(0,1fr);
 align-items:start;justify-content:stretch;gap:15px
}
#workbench .library-layout>.library-page{min-width:0;width:100%;position:static}
#workbench .library-layout>.library-page .library-expandable-062{display:block}
#workbench .library-layout>.library-page .library-expandable-062[hidden]{display:none!important}
#workbench .library-layout>.library-page .section-head{align-items:center}
#workbench .library-layout>.library-page .section-head h3{font-size:.92rem}
#workbench .library-layout>.library-page .recipe-list{display:grid;grid-template-columns:1fr;gap:8px}
#workbench .library-layout>.library-page .library-order-label-060{
 margin:9px 0 8px;font-size:.73rem
}
#workbench .library-layout>.library-reader{
 width:100%;min-width:0;max-width:none;padding:18px;
 border-radius:14px
}
#workbench .library-reader .preview-body{
 display:flex;flex-direction:column;gap:12px;min-width:0;
}
#workbench .library-reader .service-summary-054{margin:2px 0 3px}
#workbench .library-reader .reader-ingredient-details{margin:4px 0 6px}
#workbench .library-reader .mini-portion-converter{margin:4px 0}
#workbench .library-reader .writer-sequence{margin-top:3px}
#workbench .legacy-recipe-actions-063{display:none!important}
#workbench .other-recipes-toggle[hidden]{display:none!important}
body[data-theme="light"] #workbench .top-recipe-menu-060>summary{
 background:#e9f2e5;border-color:#a4bda0;color:#2c532c
}
body[data-theme="light"] #workbench .top-recipe-menu-060[open]>summary{
 background:#d6edcd;border-color:#78a36c
}
body[data-theme="light"] #workbench .top-menu-content-060{
 background:#f1f7ee;border-color:#a6c19c;box-shadow:0 18px 32px #192b2444
}
body[data-theme="light"] #workbench .top-menu-content-060 button{
 background:#e4efe0;color:#30532b
}
body[data-theme="light"] #workbench .top-menu-content-060 .danger{background:#f8e4e3;color:#822f32}
@media (min-width:731px) and (max-width:1020px){
 #workbench .library-layout{grid-template-columns:minmax(215px,31%) minmax(0,1fr);gap:11px}
 #workbench .library-layout>.library-reader{padding:13px}
 #workbench .workbench-top h2{font-size:1.08rem}
}
@media (max-width:730px){
 #workbench .workbench-top{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;gap:8px;margin:0 0 10px;z-index:45
 }
 #workbench .workbench-heading-063{min-width:0}
 #workbench .workbench-top h2{font-size:clamp(.9rem,3.9vw,1.08rem);line-height:1.23}
 #workbench .workbench-top .toolbar,
 #workbench[data-view="editor"] .workbench-top .toolbar,
 #workbench[data-view="library"] .workbench-top .toolbar{
  display:flex!important;align-items:center;justify-content:flex-end;
  width:auto!important;max-width:none;gap:6px;flex-wrap:nowrap
 }
 #workbench .workbench-top .toolbar>button:not([hidden]){
  min-height:44px;min-width:0;padding:10px 11px;font-size:.77rem;
 }
 #workbench .top-recipe-menu-060>summary{
  width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;
 }
 #workbench .top-recipe-menu-060>summary .menu-label-062{display:none}
 #workbench .top-menu-content-060{right:-1px}
 #workbench .new-full-063{display:none}
 #workbench .new-short-063{display:inline}
 #workbench .mode-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;margin:0 0 11px;padding:3px 0
 }
 #workbench .mode-tabs .mode-tab{
  min-height:43px;font-size:clamp(.66rem,2.55vw,.79rem);
  padding:7px 4px;letter-spacing:-.01em
 }
 #workbench .library-layout{display:flex;flex-direction:column;gap:0}
 #workbench .library-layout>.library-reader{
  order:0;padding:11px;border-radius:12px;margin:0 0 78px;
 }
 #workbench .library-layout>.library-page{
  position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));
  order:1;width:auto;padding:7px;border-radius:12px;z-index:21;
 }
 #workbench .library-layout>.library-page:not(.is-open){max-height:63px;overflow:hidden}
 #workbench .library-layout>.library-page.is-open{
  max-height:min(72dvh,640px);overflow-y:auto;overscroll-behavior:contain
 }
 #workbench .library-layout>.library-page:not(.is-open)>.section-head{display:none!important}
 #workbench .library-layout>.library-page .library-expandable-062{padding:5px 2px}
 #workbench .library-layout>.library-page .library-expandable-062[hidden]{display:none!important}
 #workbench .library-reader .service-summary-054,
 #workbench .library-reader .reader-ingredient-details,
 #workbench .library-reader .mini-portion-converter{max-width:100%}
}
@media(max-width:360px){
 #workbench .workbench-top .toolbar>button:not([hidden]){padding:9px 8px;font-size:.73rem}
 #workbench .workbench-top h2{font-size:.88rem}
 #workbench .mode-tabs .mode-tab{font-size:.63rem}
}