/* OFC-PANDINHA-VIBE-003 · fluxo de balcão mobile, inventário em D1, caixas editáveis */
#workbench #inventory-screen[hidden],#workbench #editor-screen[hidden],#workbench #library-screen[hidden]{display:none!important}
#workbench .mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#workbench .mode-tab{min-width:0;font-size:clamp(.71rem,1vw,.87rem);padding:9px 7px}
#workbench .stage-quick-actions{display:grid;gap:7px;align-items:center;margin:12px 0}
#workbench .stage-quick-actions .stage-add-main{min-height:57px;font-size:1.02rem;border-radius:12px}
#workbench .stage-quick-actions small{font-size:.7rem;color:var(--muted);text-align:center}
#workbench .editor>.section-head.section-space{margin-top:20px}
#workbench .editor #step-presets{display:none}
#workbench #inventory-screen .inventory-layout{display:grid;grid-template-columns:minmax(285px,.9fr) minmax(0,1.2fr);gap:14px}
#workbench .inventory-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#workbench .inventory-form label:first-child{grid-column:1/-1}
#workbench .inventory-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#workbench .inventory-form-actions button{min-height:46px}
#workbench .inventory-list{display:grid;gap:8px}
#workbench .inventory-item{display:flex;align-items:center;gap:10px;background:#202720;border:1px solid #475846;border-radius:10px;padding:9px}
#workbench .inventory-item>svg{flex:none;width:26px;height:26px;color:var(--lime)}
#workbench .inventory-item-text{display:grid;gap:3px;min-width:0;flex:1}
#workbench .inventory-item-text strong{font-size:.85rem;overflow-wrap:anywhere}
#workbench .inventory-item-text small{font-size:.72rem;color:var(--muted)}
#workbench .inventory-item .small-action{font-size:.73rem;padding:6px 8px;flex:none}
#workbench .inventory-item .small-delete{color:#e9a0a0;border-color:#805b5b}
#workbench #inventory-screen #ingredients-editor{max-height:none}
#workbench #inventory-screen #ingredient-presets{display:flex}
#workbench .quick-stage-card{border:1px solid #455343;background:#171d18;border-radius:14px;padding:12px;min-width:0}
#workbench .quick-stage-card .edit-top{margin:0 0 8px}
#workbench .quick-stage-card .edit-top .number-label{color:var(--stage-color)}
#workbench .quick-stage-card .stage-visual-head{display:flex;align-items:center;gap:10px;padding:8px 0 11px}
#workbench .quick-stage-card .stage-visual-head>svg{flex:none;width:41px;height:41px;color:var(--stage-color)}
#workbench .quick-stage-card .stage-visual-title{display:grid;gap:2px;min-width:0}
#workbench .quick-stage-card .stage-visual-title strong{font-size:1.05rem;line-height:1.15}
#workbench .quick-stage-card .stage-visual-title small{font-size:.69rem;color:var(--muted)}
#workbench .quick-stage-card .stage-options{border-top:1px solid #3d4c3d;margin-top:9px;padding-top:8px}
#workbench .quick-stage-card .stage-options summary{cursor:pointer;font-size:.79rem;font-weight:750;color:var(--lime);padding:4px 0;min-height:30px}
#workbench .quick-stage-card .step-fields{margin-top:10px}
#workbench .ingredient-picker[hidden]{display:none!important}
#workbench .capacity-inline{display:grid;gap:7px;margin:6px 0 12px}
#workbench .capacity-inline>span{font-size:.69rem;color:var(--muted);font-weight:800}
#workbench .capacity-presets{display:flex;flex-wrap:wrap;gap:7px}
#workbench .capacity-presets button{min-height:39px;border-radius:9px;min-width:65px;padding:7px 11px;border-color:#5e6e58}
#workbench .capacity-presets button.active{background:#a5ec6c;color:#162509;border-color:#a5ec6c}
#workbench .box-inner-ingredients{border:1px dashed #587454;background:#17251a;border-radius:11px;padding:9px;display:grid;gap:8px;margin-top:8px}
#workbench .box-ingredient-row{display:flex;align-items:center;gap:8px;min-width:0;border-bottom:1px solid #344936;padding-bottom:7px}
#workbench .box-ingredient-row>svg{width:25px;height:25px;flex:none;color:var(--lime)}
#workbench .box-ingredient-label{flex:1;min-width:0;font-size:.77rem;overflow-wrap:anywhere}
#workbench .inline-measure-controls{display:flex;align-items:center;gap:4px;flex:none}
#workbench .inline-measure-controls button{padding:0;width:32px;height:36px;border-radius:7px;font-size:1rem;background:#253a27;border-color:#5a7453}
#workbench .inline-measure-controls .tiny-remove{color:#edabab;background:#3b2225;border-color:#78474b}
#workbench .add-ingredient-slot{display:flex;align-items:center;justify-content:center;min-height:63px;width:100%;border:2px dashed #83b56b;background:#203420;color:#c7f2b8;font-weight:900;border-radius:10px;font-size:.88rem}
#workbench .add-ingredient-slot:hover{background:#29452a}
#workbench .recipe-alerts{border:1px solid #508252;background:#1d2b1f;border-radius:11px;margin:19px 0 6px;padding:12px 14px}
#workbench .recipe-alerts.has-alerts{border-color:#97794b;background:#2b2419}
#workbench .recipe-alerts>strong{font-size:.86rem;display:block;margin-bottom:7px;color:#d4efc0}
#workbench .recipe-alerts.has-alerts>strong{color:#ffd59d}
#workbench .recipe-alerts .warning-entry{margin:6px 0;font-size:.77rem;line-height:1.4;color:#ffd6ac}
#workbench .recipe-alerts .warning-ok{font-size:.78rem;color:#b9edac}
#workbench .recipe-alerts>small{display:block;margin-top:7px;color:#d2bf9f;font-size:.7rem}
#workbench .other-recipes-toggle{display:none}
.quick-dialog{width:min(650px,calc(100vw - 20px));max-height:min(85dvh,900px);overflow:auto;border:1px solid #7a9e72;border-radius:17px;background:#141b16;color:#f5f4ec;padding:16px;box-shadow:0 20px 70px #000a}
.quick-dialog::backdrop{background:#050a06d9;backdrop-filter:blur(4px)}
.quick-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.quick-dialog .dialog-head h3{font-size:1.16rem;margin:0}
.quick-dialog .dialog-close{font-size:1.4rem;min-width:44px;min-height:44px;padding:6px 12px}
.quick-dialog .guide{color:#b9cdb5;margin:7px 0}
.quick-dialog .quick-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:48dvh;overflow:auto;padding:3px}
.quick-dialog .quick-choice{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:12px;text-align:left;min-height:73px;background:#212a21;border:1px solid #5d7159;border-radius:11px}
.quick-dialog .quick-choice svg{grid-row:1 / 3;width:30px;height:30px;color:#bdf1a5}
.quick-dialog .quick-choice .choice-copy{font-size:.87rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.quick-dialog .quick-choice small{font-size:.65rem;color:#a8bba4;line-height:1.1}
.quick-dialog .choice-action{border-color:#7c633e}
.quick-dialog .choice-action svg{color:#f7cc81}
.quick-dialog .choice-transfer{border-color:#507b93}
.quick-dialog .choice-transfer svg{color:#93cfec}
.quick-dialog .choice-finish{border-color:#6a8970}
.quick-dialog .category-options{display:flex;gap:6px;overflow-x:auto;padding:5px 0 9px;margin-bottom:5px;scrollbar-width:thin}
.quick-dialog .category-chip{flex:none;font-size:.72rem;border-radius:999px;padding:8px 11px;min-height:39px;background:#243025;border:1px solid #64745e}
.quick-dialog .category-chip.active{background:#b9f08a;color:#12230a;border-color:#b9f08a}
.quick-dialog .picker-search-label{display:grid;gap:5px;font-size:.73rem;font-weight:750;margin:8px 0 12px}
.quick-dialog .picker-search-label input{min-height:45px;background:#0e180e;color:#f7f7ed;border:1px solid #6e8267}
.quick-dialog #picker-go-inventory{margin-top:12px;width:100%;min-height:44px;background:#28322a;color:#d7e2d0}
@media(max-width:960px){
 #workbench #inventory-screen .inventory-layout{grid-template-columns:1fr}
 #workbench #editor-screen .preview{position:static}
}
@media(max-width:700px){
 #workbench .mode-tabs{top:0;gap:5px;margin:0 0 12px;padding:5px 0}
 #workbench .mode-tab{min-height:51px;font-size:.7rem;padding:7px 4px;border-radius:9px}
 #workbench .library-layout{display:flex;flex-direction:column;gap:10px}
 #workbench .library-layout>.library-reader{order:0;width:100%;min-width:0;margin:0 0 72px}
 #workbench .library-layout>.library-page{
  order:1;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));
  z-index:24;width:auto;max-height:70dvh;overflow:auto;padding:8px;
  background:#19271b;box-shadow:0 8px 25px #0009;border:1px solid #617f58
 }
 #workbench .other-recipes-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:50px;background:#27402b;color:#dff8d0;font-weight:900;font-size:.89rem}
 #workbench .library-page:not(.is-open)>.section-head,
 #workbench .library-page:not(.is-open)>.library-search-label,
 #workbench .library-page:not(.is-open)>.recipe-list,
 #workbench .library-page:not(.is-open)>.hint{display:none!important}
 #workbench .library-page.is-open .library-search-label{margin-top:10px}
 #workbench .library-reader{padding:12px}
 #workbench .library-reader .preview-header{margin-bottom:3px}
 #workbench .library-reader .preview-title{font-size:clamp(1.4rem,6vw,2rem)}
 #workbench .library-reader .writer-box{padding:12px}
 #workbench #editor-screen .preview{display:none}
 #workbench .stage-quick-actions .stage-add-main{min-height:60px}
 #workbench .editor{padding:12px}
 #workbench .quick-stage-card .icon-btn{min-width:35px;min-height:36px}
 #workbench .capacity-presets button{flex:1;min-width:65px}
 #workbench .inventory-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-dialog{padding:12px;border-radius:13px}
 .quick-dialog .quick-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-dialog .quick-choice{grid-template-columns:29px minmax(0,1fr);gap:5px;padding:9px;min-height:73px}
 .quick-dialog .quick-choice svg{width:26px;height:26px}
 .quick-dialog .quick-choice .choice-copy{font-size:.78rem}
 .quick-dialog .quick-choice small{font-size:.62rem}
}
@media(max-width:390px){
 #workbench .mode-tab{font-size:.65rem}
 #workbench .inline-measure-controls button{width:28px}
 .quick-dialog .quick-options{grid-template-columns:1fr}
}
body[data-theme=light] #workbench .library-layout>.library-page{background:#fff}
body[data-theme=light] #workbench .other-recipes-toggle{background:#e6f2e0;color:#235129}
body[data-theme=light] #workbench .quick-stage-card{background:#fff;border-color:#c6d7c1}
body[data-theme=light] #workbench .box-inner-ingredients{background:#f3f9ef;border-color:#a7c59d}
body[data-theme=light] #workbench .add-ingredient-slot{background:#e6f5df;color:#356e2f;border-color:#8eba80}
body[data-theme=light] #workbench .box-ingredient-label{color:#26372b}
body[data-theme=light] #workbench .stage-options{border-color:#d3e4ce}
body[data-theme=light] #workbench .capacity-presets button.active{background:#477e2c;color:#fff}
body[data-theme=light] #workbench .recipe-alerts{background:#eff8eb;border-color:#c7d8c1}
body[data-theme=light] #workbench .recipe-alerts.has-alerts{background:#fff4de;border-color:#dfc38d}
body[data-theme=light] #workbench .recipe-alerts.has-alerts>strong,body[data-theme=light] #workbench .warning-entry{color:#78521b}
body[data-theme=light] #workbench .recipe-alerts>strong,body[data-theme=light] #workbench .warning-ok{color:#3f7138}
body[data-theme=light] #workbench .recipe-alerts>small{color:#736445}
body[data-theme=light] #workbench .inventory-item{background:#f0f5ed;border-color:#c8d6c1}
body[data-theme=light] #workbench .inventory-item-text small{color:#516750}
body[data-theme=light] .quick-dialog{color:#1b311e;background:#f9fbf5;border-color:#96ae8e}
body[data-theme=light] .quick-dialog .quick-choice{background:#eaf2e7;border-color:#aec9a6;color:#1d3520}
body[data-theme=light] .quick-dialog .quick-choice svg{color:#467c34}
body[data-theme=light] .quick-dialog .quick-choice small{color:#4c6750}
body[data-theme=light] .quick-dialog .category-chip{background:#eaf2e7;color:#2c512e}
body[data-theme=light] .quick-dialog .category-chip.active{background:#477e2c;color:#fff}
body[data-theme=light] .quick-dialog .picker-search-label input{background:#fff;color:#263e2b;border-color:#a6bca0}
