/* v0.7 — compact food / category / operation workspace. */
.flow-screen .mission-banner{position:relative;top:auto;z-index:auto;box-shadow:none}
.selection-basket{top:82px}
#phase-content,#k-workspace,.phase-navigation,.flow-screen .k-inspector,.method-classes{scroll-margin-top:82px}
.inventory-search{display:block;margin-bottom:15px}
.inventory-search>span{display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:#70815f}
.inventory-search>input{width:100%;height:43px;padding:10px 13px;border:1px solid #cddbbe;border-radius:9px;background:#f7faef;color:#3d6245;font:inherit;font-size:13px}
.inventory-search>input:focus{outline:2px solid #90ac7b;outline-offset:1px}
.inventory-no-results{font-size:13px;padding:32px 15px;text-align:center;line-height:1.8}
.flow-screen .storage-filter select{flex:1;width:auto}
.flow-screen .storage-filter .text-button{font-size:11px}
.compact-intro{padding:19px 0!important}
.compact-intro h2{font-size:25px}
.compact-intro p{font-size:12px}
.prep-links{display:flex;gap:18px;align-items:center}
.prep-workspace{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.7fr) minmax(310px,1.4fr);gap:15px;align-items:start}
.prep-workspace .k-counter{min-height:340px;padding:15px;background:#f5efdf}
.prep-workspace .k-section-title{margin-bottom:12px;flex-direction:column;align-items:flex-start;gap:5px}
.prep-workspace .k-section-title h2{font-size:15px;gap:8px}
.prep-workspace .k-section-title h2::before{content:'1';display:grid;place-items:center;border-radius:50%;width:23px;height:23px;font-size:10px;color:#8c805f;background:#e7dec8}
.prep-workspace .k-section-title>small{font-size:9px;padding-left:31px}
.prep-workspace .k-counter-items{display:flex;flex-direction:column;max-height:510px;overflow:auto;gap:7px;scrollbar-width:thin}
.prep-workspace .counter-batch{display:flex;flex:none;min-height:69px;border-radius:8px;touch-action:pan-y}
.prep-workspace .counter-batch>button:first-child{display:flex;flex-direction:row;align-items:center;gap:9px;padding:11px 31px 11px 10px}
.prep-workspace .counter-batch>button:first-child>span:last-child{flex:1;min-width:0}
.prep-workspace .batch-emoji{font-size:27px;max-width:44px}
.prep-workspace .counter-batch strong{font-size:12px;line-height:1.5}
.prep-workspace .counter-batch small,.prep-workspace .counter-batch em{font-size:9px;line-height:1.5;margin-top:1px}
.prep-workspace .counter-batch>.batch-toggle{width:24px;height:24px;font-size:15px;top:8px;right:6px}
.method-classes{border:1px solid #dce3cd;border-radius:13px;background:#f4f6ec;padding:14px}
.column-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.column-heading>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:10px;background:#e3ead7;color:#6d8553}
.column-heading h2{font-size:15px}
.method-classes nav{display:flex;flex-direction:column;gap:7px}
.method-classes nav>button{display:flex;align-items:center;gap:9px;text-align:left;padding:12px 10px;min-height:55px;border:1px solid #dce4ce;border-radius:8px;background:#fcfdf7;color:#69845b}
.method-classes nav>button>.icon{height:22px;width:22px}
.method-classes nav>button>span{flex:1}
.method-classes nav strong{display:block;font-size:12px;line-height:1.4}
.method-classes nav small{display:block;font-size:9px;margin-top:3px;color:inherit;opacity:.7}
.method-classes nav>button.selected{background:#355e43;color:#fff8e8;border-color:#355e43}
.method-classes>p{font-size:10px;margin-top:15px;line-height:1.8;color:#8c987e}
.class-empty{font-size:11px;line-height:1.8;padding:10px;color:#8d987d}
.prep-workspace .k-inspector{border-radius:13px}
.prep-workspace .k-inspector>header{padding:14px 16px;border-radius:13px 13px 0 0}
.prep-workspace .k-inspector .eyebrow{font-size:7px;letter-spacing:1px}
.prep-workspace .k-inspector h2{font-size:20px;margin-top:2px}
.prep-workspace .inspector-icon{height:32px;width:32px;border-radius:8px}
.prep-workspace .inspector-icon .icon{height:21px;width:21px}
.prep-workspace .inspector-body{padding:15px}
.prep-workspace .inspector-footer{padding:12px 15px}
.prep-workspace .inspector-footer .btn{font-size:12px;min-height:40px}
.prep-workspace .method-menu{display:flex;flex-direction:column;gap:7px}
.prep-workspace .method-menu>button{min-height:43px;padding:10px 12px;border-radius:7px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:12px}
.prep-workspace .method-menu>button>.icon{width:21px;height:21px}
.prep-workspace .method-menu>button>span{flex:1;text-align:left}
.prep-workspace .method-menu>button>small{font-size:9px;color:#8d9a7d;border:1px solid #dce4ce;padding:3px 6px;border-radius:5px}
.prep-workspace .method-menu-intro{font-size:11px;margin:0 0 12px;line-height:1.7}
.prep-workspace .focus-summary{padding:10px;gap:9px;margin-bottom:11px}
.prep-workspace .focus-summary>span{font-size:28px}
.prep-workspace .focus-summary strong{font-size:12px}
.prep-workspace .focus-summary small{font-size:10px}
.prep-workspace .batch-extras{font-size:10px;margin-bottom:11px}
.prep-workspace .batch-extras .text-button{font-size:10px}
.prep-workspace .chosen-operation{gap:9px;margin-bottom:15px}
.prep-workspace .chosen-operation>span{width:35px;height:35px;border-radius:8px}
.prep-workspace .chosen-operation .icon{width:23px;height:23px}
.prep-workspace .chosen-operation strong{font-size:18px}
.prep-workspace .chosen-operation small{font-size:10px;line-height:1.7}
.prep-workspace .chosen-operation>.text-button{font-size:11px}
.prep-workspace .detail-choice{margin:14px 0}
.prep-workspace .detail-choice>label{font-size:11px}
.prep-workspace .detail-choice button{font-size:11px;min-height:34px;padding:8px}
.instant-note{padding:13px;background:#edf3e2;border-radius:8px;font-size:11px;line-height:1.8;color:#799264;margin-top:15px}
.assigned-gear{display:flex;align-items:center;gap:6px;font-size:10px;margin:15px 0 0;color:#929d85;line-height:1.6}
.assigned-gear .icon{width:13px;height:13px}
.prep-workspace .timer-choice{margin:17px 0;gap:10px}
.prep-workspace .timer-choice>label{font-size:11px}
.prep-workspace .time-stepper{gap:10px}
.prep-workspace .time-stepper>strong{font-size:25px}
.prep-workspace .time-stepper>button{height:29px;width:29px;font-size:20px}
.prep-workspace .time-presets button{min-height:33px;font-size:10px}
.prep-workspace .k-field>label{font-size:11px}
.prep-workspace .k-heat button{min-height:45px;font-size:11px}
.prep-workspace .k-heat small{font-size:9px}
.prep-workspace .k-hint{margin-top:14px;padding-top:10px}
.prep-workspace .k-hint button{font-size:11px}
.prep-workspace .active-batch{padding:10px;margin-bottom:12px;gap:9px}
.prep-workspace .active-batch>span{font-size:28px}
.prep-workspace .active-batch strong{font-size:13px}
.prep-workspace .active-batch small{font-size:10px}
.prep-workspace .job-motion{grid-template-rows:100px 33px;gap:7px 12px;margin:12px 0}
.prep-workspace .job-motion .k-gesture{height:100px}
.prep-workspace .job-motion .k-live-clock>strong{font-size:27px}
.prep-workspace .job-motion .k-technique{font-size:10px}
.tool-cleaning{margin-top:15px;font-size:11px;color:#81916f}
.tool-cleaning summary{cursor:pointer;padding:7px 0}
.tool-cleaning .wash-tools{display:flex;flex-direction:column;gap:7px;margin-top:6px}
.tool-cleaning button{text-align:left!important;font-size:11px!important}
@media(max-width:1050px){
 .prep-workspace{grid-template-columns:minmax(185px,1fr) minmax(150px,.7fr) minmax(285px,1.4fr);gap:11px}
 .prep-workspace .k-counter,.method-classes{padding:12px}
 .method-classes nav>button{padding:10px 8px;gap:7px}
 .method-classes nav strong{font-size:11px}
}
@media(max-width:800px){
 .prep-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}
 .prep-workspace .k-inspector{grid-column:1/-1}
 .prep-workspace .k-counter{min-height:0}
 .prep-workspace .k-counter-items{max-height:375px}
 .prep-workspace .counter-batch>button:first-child{padding:10px 29px 10px 9px}
 .compact-intro{align-items:flex-start;gap:12px}
 .compact-intro h2{font-size:22px}.compact-intro p{font-size:11px}
 .prep-links{flex-direction:column;align-items:flex-end;gap:12px}
 .prep-links .text-button{font-size:10px}
}
@media(max-width:500px){
 .prep-workspace{gap:9px}
 .prep-workspace .k-counter,.method-classes{padding:10px;border-radius:10px}
 .prep-workspace .k-section-title h2,.column-heading h2{font-size:12px;gap:6px}
 .prep-workspace .k-section-title h2 span{font-size:8px}
 .prep-workspace .k-section-title>small{padding:0;font-size:8px;line-height:1.5}
 .prep-workspace .k-section-title h2::before,.column-heading>span{width:18px;height:18px;font-size:9px}
 .column-heading{gap:6px;margin-bottom:11px}
 .method-classes nav>button{min-height:49px;padding:9px 6px;gap:6px}
 .method-classes nav>button>.icon{width:18px;height:18px}
 .method-classes nav strong{font-size:10px}.method-classes nav small{font-size:8px}
 .method-classes>p{font-size:9px;margin-top:11px}
 .prep-workspace .counter-batch>button:first-child{gap:6px;padding:9px 22px 9px 6px}
 .prep-workspace .batch-emoji{font-size:22px;max-width:25px}
 .prep-workspace .counter-batch strong{font-size:10px}
 .prep-workspace .counter-batch small,.prep-workspace .counter-batch em{font-size:8px}
 .prep-workspace .counter-batch>.batch-toggle{width:19px;height:19px;right:3px;font-size:12px}
 .prep-workspace .counter-batch{min-height:68px}
 .prep-workspace .k-inspector h2{font-size:19px}
 .flow-screen .storage-filter{gap:7px}
 .flow-screen .storage-filter .text-button{font-size:10px}
 .inventory-search>input{height:39px;font-size:12px}
 .selection-basket{top:auto}
}

