/* Pandinha 2.1: biblioteca separada do criador e controles de balcão.
   Interface responsiva e toque; sem dependências externas, sem novos arquivos por receita. */
#workbench #library-screen[hidden],#workbench #editor-screen[hidden]{display:none!important}
#workbench .mode-tabs{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 0;background:var(--bg)}
#workbench .mode-tab{min-height:48px;flex:1 1 0;background:#1f2520;border:1px solid #485449;color:#c4cfc0;border-radius:11px;font-weight:850;text-align:center}
#workbench .mode-tab[aria-selected="true"]{background:var(--lime);border-color:var(--lime);color:#16220c}
#workbench .library-layout{display:grid;grid-template-columns:minmax(245px,345px) minmax(0,1fr);gap:14px;align-items:start}
#workbench .library-page{min-width:0}
#workbench .library-reader{min-width:0}
#workbench .library-reader .preview-body{display:flex;flex-direction:column;gap:16px}
#workbench .library-search-label{display:grid;gap:7px;margin-bottom:14px;color:var(--muted);font-size:.75rem;font-weight:800}
#workbench .library-search-label input{width:100%;min-height:46px;font-size:.88rem}
#workbench .recipe-list{display:grid!important;grid-template-columns:1fr!important;gap:9px}
#workbench .recipe-library-card{display:flex;align-items:center;gap:12px;width:100%;min-height:78px;padding:12px;text-align:left;background:#1d271e;color:var(--paper);border:1px solid #526850;border-radius:12px;transition:background .12s ease,border-color .12s ease}
#workbench .recipe-library-card.active{border-color:var(--lime);background:#263925}
#workbench .recipe-card-mark{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:11px;background:#283d26;color:var(--lime);font-size:1.6rem}
#workbench .recipe-card-content{min-width:0;flex:1;display:grid;gap:4px}
#workbench .recipe-card-content strong{font-size:.98rem;line-height:1.16;overflow-wrap:anywhere}
#workbench .recipe-card-content small{font-size:.72rem;color:#bec9b9}
#workbench .recipe-card-arrow{font-size:1.5rem;flex:none;color:#9db993}
#workbench .library-reader-actions{display:flex;gap:10px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #475044}
#workbench .library-reader-actions button{min-height:48px;flex:1}
#workbench #editor-screen.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(295px,.83fr);gap:14px;align-items:start}
#workbench #editor-screen .editor{grid-column:1;min-width:0}
#workbench #editor-screen .preview{grid-column:2;position:sticky;top:75px;min-width:0}
#workbench[data-view="library"] .workbench-top #duplicate-recipe,
#workbench[data-view="library"] .workbench-top #save-recipe{display:none}
#workbench[data-view="editor"] .workbench-top #new-recipe{display:none}
#workbench .workbench-top .toolbar button{min-height:44px}
#workbench .writer-ingredient .ingredient-advanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0 0}
#workbench .writer-ingredient .ingredient-extra,
#workbench .writer-step .step-notes{margin:11px 0 0;border-top:1px solid #475347;padding:10px 0 0}
#workbench .ingredient-extra summary,#workbench .step-notes summary{cursor:pointer;color:var(--lime);font-size:.8rem;font-weight:750;min-height:32px;display:flex;align-items:center;gap:6px}
#workbench .ingredient-extra summary::marker,#workbench .step-notes summary::marker{color:var(--lime)}
#workbench .timer-control{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;border:1px solid #806241;border-radius:11px;background:#322719;padding:10px;margin:0!important}
#workbench .timer-label{font-size:.73rem;font-weight:850;color:#ffd39b}
#workbench .timer-line{display:grid;grid-template-columns:48px minmax(60px,1fr) 48px;align-items:center;gap:8px}
#workbench .timer-line .timer-adjust{padding:0;width:48px;height:48px;font-size:1.45rem;background:#453522;color:#fff0d4;border:1px solid #997247;border-radius:10px}
#workbench .timer-readout{text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.1;font-weight:950;color:#fff3d8}
#workbench .timer-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#workbench .timer-preset{padding:7px 2px;background:#493622;color:#ffe0ad;border:1px solid #805f40;font-size:.75rem;border-radius:7px}
#workbench .timer-preset.selected{background:#ffc47a;color:#2e1f0d;border-color:#ffc47a}
#workbench .writer-step .step-fields .icon-field{grid-column:1/-1}
#workbench .writer-step .step-fields .kind-field{grid-column:1/-1}
#workbench .save-bottom{flex-wrap:wrap}
#workbench .save-bottom #delete-recipe{width:auto;max-width:180px;min-height:43px;margin:0;margin-right:auto}
#workbench .save-bottom #save-bottom{min-height:48px}
.head-exit{background:#221a1c;color:#bcb6b6;border:1px solid #4b3b3f;font-size:.7rem;border-radius:100px;padding:6px 11px}
@media(max-width:1100px){
 #workbench #editor-screen.workspace{grid-template-columns:1fr}
 #workbench #editor-screen .preview{grid-column:1;position:static}
 #workbench .library-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
}
@media(max-width:730px){
 #workbench .library-layout{grid-template-columns:1fr}
 #workbench .library-reader-actions{position:sticky;bottom:0;background:var(--panel);padding-bottom:8px;z-index:2}
 #workbench .library-reader .preview-body{gap:12px}
 #workbench .mode-tabs{top:0}
 #workbench .writer-ingredient .ingredient-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}
 #workbench .workbench-top .toolbar{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 #workbench[data-view="editor"] .workbench-top .toolbar{display:flex;gap:7px}
 #workbench[data-view="editor"] .workbench-top .toolbar button{flex:1}
 #workbench .library-reader-actions{flex-direction:column;align-items:stretch}
 #workbench .library-reader-actions button{width:100%}
}
@media(max-width:460px){
 #workbench .timer-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
 #workbench .timer-preset{min-height:39px}
 #workbench .timer-line .timer-adjust{min-height:50px}
 .topbar .top-right{display:none}
 .topbar .top-actions{gap:5px}
 .head-exit{padding:6px 8px}
 #workbench .writer-ingredient .ingredient-advanced{grid-template-columns:1fr}
 #workbench .writer-ingredient .ingredient-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #workbench .workbench-top .toolbar button{font-size:.77rem;padding:8px}
}
body[data-theme=light] #workbench .mode-tab{background:#eaf0e7;border-color:#c9d5c5;color:#224024}
body[data-theme=light] #workbench .mode-tab[aria-selected="true"]{background:#477b2b;color:white;border-color:#477b2b}
body[data-theme=light] #workbench .recipe-library-card{background:#f6faf4;border-color:#cedccb;color:#1a2f1e}
body[data-theme=light] #workbench .recipe-library-card.active{border-color:#538637;background:#e8f3e2}
body[data-theme=light] #workbench .recipe-card-mark{background:#ddeed6;color:#326b25}
body[data-theme=light] #workbench .recipe-card-content small{color:#50624f}
body[data-theme=light] #workbench .recipe-card-arrow{color:#467a36}
body[data-theme=light] #workbench .timer-control{background:#fff5e8;border-color:#d8b894}
body[data-theme=light] #workbench .timer-label{color:#895319}
body[data-theme=light] #workbench .timer-readout{color:#603b16}
body[data-theme=light] #workbench .timer-line .timer-adjust{background:#f8e8d3;border-color:#c79d6b;color:#603b16}
body[data-theme=light] #workbench .timer-preset{background:#faebd9;color:#7d4b15;border-color:#d9b88f}
body[data-theme=light] #workbench .timer-preset.selected{background:#ab6b27;color:#fff;border-color:#ab6b27}
body[data-theme=light] #workbench .library-reader-actions{border-color:#d5dfd2}
body[data-theme=light] #workbench .ingredient-extra,body[data-theme=light] #workbench .step-notes{border-color:#d1decf}
body[data-theme=light] #workbench .ingredient-extra summary,body[data-theme=light] #workbench .step-notes summary{color:#386e29}
body[data-theme=light] .head-exit{background:#eff3ed;border-color:#cfdbce;color:#384b3b}

/* Campo de segundos junto ao Shake em telas largas. No celular, ocupa uma linha inteira. */
@media(min-width:970px){
 #workbench .writer-step.box-action .step-fields{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);align-items:start}
 #workbench .writer-step.box-action .step-fields .kind-field{grid-column:1/-1}
 #workbench .writer-step.box-action .step-fields .icon-field,
 #workbench .writer-step.box-action .step-fields .title-field,
 #workbench .writer-step.box-action .step-fields .container-field{grid-column:1}
 #workbench .writer-step.box-action .timer-control{grid-column:2;grid-row:2 / span 3}
 #workbench .writer-step.box-action .step-fields .detail-field{grid-column:1/-1}
 #workbench .writer-step.box-action .timer-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
}
#workbench .floating-save{display:none}
@media(max-width:730px){
 #workbench[data-view=editor] .floating-save{
  display:block;position:fixed;z-index:30;right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));
  min-height:54px;padding:12px 19px;border-radius:16px;
  background:#bcf45c;color:#15200b;border:1px solid #cfff7c;
  font-weight:950;font-size:.91rem;box-shadow:0 7px 29px #000b;
 }
 #workbench[data-view=editor] #editor-screen{padding-bottom:85px}
 body[data-theme=light] #workbench[data-view=editor] .floating-save{background:#477d27;border-color:#477d27;color:#fff}
}
@media(max-width:969px){
 #workbench .writer-step.box-action .timer-control{grid-column:1/-1;grid-row:auto}
}