/* v0.6 — generous, scrollable work areas and a four-stage cooking flow. */
.topbar{position:sticky;top:0;z-index:45;background:#f8f9f2;border-bottom:1px solid #e3e7d9}
.profile-progress{display:flex;flex-direction:column;align-items:flex-end;gap:3px;background:transparent;padding:5px 0;color:#41664d;white-space:nowrap}
.profile-progress strong{font-size:12px}.profile-progress span{font-size:10px;color:#7b8a6e;font-variant-numeric:tabular-nums}
.in-kitchen{overflow:auto}
.in-kitchen .main-shell{height:auto;min-height:100dvh}
.in-kitchen .topbar{height:62px;min-height:62px;padding:0 24px}
.in-kitchen main{height:auto;min-height:calc(100dvh - 62px);padding:0 24px 36px;max-width:1600px;width:100%;margin:0 auto}
.in-kitchen .user-button,.in-kitchen .user-button>svg{width:36px;height:36px}
.in-kitchen .top-actions{gap:15px}
.flow-screen{height:auto;display:block}
.flow-screen .mission-banner{position:sticky;top:62px;z-index:35;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);padding:17px 22px;gap:18px;min-height:112px;border-radius:0 0 16px 16px;box-shadow:0 7px 17px #344b3007}
.mission-dish{display:flex;align-items:center;gap:14px}
.mission-dish h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:3px 0 7px}
.mission-dish select{max-width:115px;height:31px;font-size:12px}
.flow-screen .mission-art{width:76px}
.flow-screen .mission-banner{grid-template-rows:auto}
.flow-screen .mission-banner>div{grid-area:auto}
.flow-screen .mission-clock{display:block;text-align:center}
.flow-screen .mission-clock>span{font-size:9px;letter-spacing:1.4px;display:flex;justify-content:center;gap:7px;align-items:center;margin-left:0}
.flow-screen .mission-clock>strong{font-size:34px;font-weight:700;margin:5px 0}
.flow-screen .mission-clock>small{font-size:10px}
.flow-screen .k-heading-actions{align-items:flex-end;gap:12px}
.flow-screen .k-heading-actions .btn{font-size:12px;min-height:42px;padding:10px 16px}
.flow-screen .k-heading-actions .text-button{font-size:11px}
.flow-screen .btn{min-height:44px;font-size:13px;padding:11px 18px}
.flow-screen .text-button{font-size:12px}
.flow-screen .eyebrow{font-size:9px}
.phase-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0 10px}
.phase-navigation button{display:flex;align-items:center;gap:10px;min-height:60px;padding:12px 15px;border:1px solid #dce3d0;border-radius:11px;background:#f1f4e9;color:#86947a;text-align:left}
.phase-navigation button>span:nth-child(2){display:flex;align-items:center;gap:8px;flex:1}
.phase-navigation strong{font-size:13px}
.phase-navigation .phase-number{height:27px;width:27px;display:grid;place-items:center;border:1px solid #d1dcc2;border-radius:50%;font-size:11px}
.phase-navigation button.current{background:#355e43;color:#fff9eb;border-color:#355e43}
.phase-navigation button.current .phase-number{background:#f9e5af;color:#456145;border-color:#f9e5af}
.phase-navigation button.visited{background:#eaf0dc;color:#4e6e41}
.phase-navigation button:disabled{opacity:.55}
#phase-content,#k-workspace,.phase-navigation,.flow-screen .k-inspector{scroll-margin-top:206px}
.phase-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}
.phase-intro h2{font-size:29px;margin:7px 0;letter-spacing:-.9px}
.phase-intro p{font-size:13px;line-height:1.7;color:#7f8e72}
.phase-illustration{width:82px;height:82px;flex-shrink:0;display:grid;place-items:center;background:#edf1df;border-radius:24px;color:#68815a;transform:rotate(5deg)}
.phase-illustration .icon{width:43px;height:43px;stroke-width:1.3}
.selection-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:24px;align-items:start}
.selection-inventory{background:#fcfdf5;border:1px solid #dce3cd;border-radius:16px;padding:20px}
.flow-screen .storage-filter{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:12px}
.flow-screen .storage-filter label{font-size:12px;font-weight:600}
.flow-screen .storage-filter select{max-width:270px;height:40px;font-size:13px}
.flow-screen .storage-filter>span{margin-left:auto;color:#899778;white-space:nowrap;font-size:11px}
.flow-screen .inventory-list{max-height:570px;overflow:auto;gap:9px;scrollbar-width:thin}
.flow-screen .inventory-row{grid-template-columns:40px minmax(95px,1fr) 70px 140px 44px;gap:12px;padding:13px;background:#f1f5e8;border-radius:10px}
.flow-screen .inventory-emoji{font-size:32px}
.flow-screen .inventory-product strong{font-size:14px}
.flow-screen .inventory-product small{font-size:11px;margin-top:5px}
.flow-screen .inventory-row input,.flow-screen .inventory-row select{height:39px;font-size:12px;padding:7px}
.flow-screen .inventory-row .k-small-button{min-height:38px;font-size:12px}
.flow-screen .inventory-row.tool-row{grid-template-columns:40px minmax(0,1fr) 48px}
.flow-screen .measure-note{font-size:10px;line-height:1.7;padding-top:14px}
.selection-basket{position:sticky;top:192px;padding:24px;background:#f4eddd;border:1px solid #e0d3b9;border-radius:16px}
.basket-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.basket-heading h3{font-size:17px;flex:1}.basket-heading>span{background:#dfd5bd;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px}
.basket-items{max-height:375px;overflow:auto;scrollbar-width:thin}
.basket-items article{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e4dac5}
.basket-items article>span{font-size:29px}.basket-items article>div{flex:1}
.basket-items strong{display:block;font-size:13px}.basket-items small{display:block;font-size:10px;margin-top:4px;line-height:1.5}
.basket-remove{background:#ede3cf;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#877451}
.basket-empty{text-align:center;padding:28px 8px}.basket-empty>.icon{height:50px;width:50px;color:#c0ac83}
.basket-empty p{font-size:12px;margin-top:15px;line-height:1.9}
.basket-note{font-size:11px;line-height:1.8;margin:20px 0 12px;color:#998764}
.flow-screen .basket-back{display:block;margin:16px auto 0}
.flow-screen .k-stage{display:block;margin-bottom:30px}
.flow-screen .room-topline{font-size:13px;padding:0 2px 12px;display:flex}
.flow-screen .room-topline small{font-size:11px}
.flow-screen .kitchen-room{height:clamp(360px,43vw,540px);min-height:0;border-radius:17px;flex:none}
.flow-screen .room-label{font-size:14px;padding:10px 13px;border-radius:7px}
.flow-screen .room-label .icon{display:inline-block;width:17px;height:17px}
.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 16px}
.workspace-title h2{font-size:24px}.workspace-title p{font-size:12px;margin-top:7px}
.workspace-title>div:last-child{display:flex;gap:8px}
.flow-screen .k-small-button{min-height:36px;font-size:12px;padding:8px 12px}
.k-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
.flow-screen .k-counter,.flow-screen .k-inspector{grid-area:auto}
.flow-screen .k-counter{display:block;padding:20px;border-radius:15px;overflow:visible;min-height:300px}
.flow-screen .k-section-title{gap:12px;margin-bottom:12px;min-height:24px}
.flow-screen .k-section-title h2{font-size:16px;flex-wrap:wrap}
.flow-screen .k-section-title h2 span,.flow-screen .k-section-title>small{font-size:10px}
.flow-screen .counter-toolbar{display:flex;flex-wrap:wrap;overflow:visible;margin:14px 0;gap:7px}
.flow-screen .counter-toolbar button{flex:1 0 28%;min-height:36px;font-size:11px;padding:8px}
.flow-screen .k-counter-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;min-height:100px;padding:0}
.flow-screen .counter-batch{min-height:96px;flex:none;border-radius:10px;touch-action:pan-y}
.flow-screen .counter-batch>button:first-child{gap:9px;padding:14px 26px 14px 10px;flex-direction:column;align-items:flex-start;justify-content:center}
.flow-screen .batch-emoji{font-size:32px;max-width:100%}
.flow-screen .counter-batch strong{font-size:13px;white-space:normal}
.flow-screen .counter-batch small,.flow-screen .counter-batch em{font-size:10px;white-space:normal;display:block;margin-top:3px}
.flow-screen .counter-batch>.batch-toggle{width:27px;height:27px;right:6px;top:6px;font-size:17px}
.flow-screen .counter-equipment{flex-wrap:wrap;overflow:visible;gap:8px;margin-top:18px}
.flow-screen .counter-equipment>button{white-space:normal;min-height:42px;padding:9px;gap:6px}
.flow-screen .counter-equipment strong{font-size:11px}.flow-screen .counter-equipment small{font-size:9px}
.flow-screen .counter-equipment span{font-size:23px}
.flow-screen .k-inspector{border-radius:15px;overflow:visible}
.flow-screen .k-inspector>header{padding:17px 20px;border-radius:15px 15px 0 0}
.flow-screen .k-inspector h2{font-size:24px}
.flow-screen .k-inspector .eyebrow{display:block;font-size:9px}
.flow-screen .inspector-icon{width:40px;height:40px}.flow-screen .inspector-icon>.icon{width:24px;height:24px}
.flow-screen .inspector-body{overflow:visible;padding:20px;min-height:0}
.flow-screen .inspector-footer{padding:16px 20px;border-radius:0 0 15px 15px}
.flow-screen .inspector-footer:empty{display:none}
.flow-screen .k-welcome{display:block;padding:5px 0;text-align:left;min-height:0}
.flow-screen .k-welcome h3{font-size:22px}.flow-screen .k-welcome>p{font-size:12px;line-height:1.8;margin:9px 0 19px}
.flow-screen .k-welcome>small{display:block;font-size:10px;line-height:1.7;margin-top:17px}
.station-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.station-cards>button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px;background:#edf2e2;border:1px solid #dae4c9;border-radius:10px;text-align:left}
.station-cards>button>span{width:44px;height:44px;border-radius:12px;background:#e0e9ce;display:grid;place-items:center}
.station-cards>button .icon{width:29px;height:29px;stroke-width:1.4}
.station-cards strong{font-size:13px}.station-cards small{font-size:10px;line-height:1.5}
.flow-screen .focus-summary,.flow-screen .active-batch{padding:13px;gap:12px;margin-bottom:15px}
.flow-screen .focus-summary>span,.flow-screen .active-batch>span{font-size:37px}
.flow-screen .focus-summary strong,.flow-screen .active-batch strong{font-size:15px}
.flow-screen .focus-summary small,.flow-screen .active-batch small{font-size:11px;max-height:none;overflow:visible}
.flow-screen .food-actions{gap:10px;margin-top:12px}
.flow-screen .food-actions>button{min-height:90px;flex-direction:column;font-size:13px;gap:10px;padding:14px 8px;border-radius:10px}
.flow-screen .food-actions>button .icon{width:29px;height:29px}
.flow-screen .action-prompt{font-size:13px;margin:15px 0 8px}
.flow-screen .food-more{margin-top:20px}.flow-screen .food-more .text-button{font-size:12px}
.flow-screen .method-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.flow-screen .method-menu>button{min-height:65px;font-size:13px;flex-direction:row;text-align:left;padding:12px;gap:9px}
.flow-screen .method-menu>button .icon{width:25px;height:25px}
.flow-screen .method-menu-intro{font-size:13px;margin:0 0 15px}
.flow-screen .chosen-operation strong{font-size:20px}.flow-screen .chosen-operation small{font-size:12px;max-height:none}
.flow-screen .chosen-operation>span{width:48px;height:48px}.flow-screen .chosen-operation>span .icon{width:30px;height:30px}
.flow-screen .timer-choice{margin:22px 0;gap:12px}
.flow-screen .timer-choice>label,.flow-screen .detail-choice>label,.flow-screen .k-field>label{font-size:12px}
.flow-screen .time-stepper>button{width:35px;height:35px;font-size:22px}
.flow-screen .time-stepper>strong{font-size:29px}
.flow-screen .time-presets button{min-height:39px;font-size:12px}
.flow-screen .detail-choice{margin:20px 0}
.flow-screen .detail-choice button{min-height:40px;font-size:12px}
.flow-screen .k-heat button{min-height:55px;font-size:12px}.flow-screen .k-heat small{font-size:10px}
.flow-screen .simple-gear{padding:13px;margin-top:18px}
.flow-screen .simple-gear>span{font-size:12px}
.flow-screen .simple-gear>.text-button{font-size:11px;margin-top:4px}
.flow-screen select,.flow-screen input[type=number]{height:39px;font-size:12px}
.flow-screen .k-hint{margin-top:17px;padding-top:13px}.flow-screen .k-hint button{font-size:12px}
.flow-screen .batch-extras,.flow-screen .gear-actions{font-size:12px;margin-bottom:10px}
.flow-screen .batch-extras select{font-size:11px;height:32px}
.flow-screen .job-motion{grid-template-rows:155px 42px;gap:10px 15px;margin:18px 0}
.flow-screen .job-motion .k-gesture{height:155px}
.flow-screen .job-motion .k-live-clock>strong{font-size:34px}
.flow-screen .job-motion .k-technique{font-size:11px}
.flow-screen .job-add{margin-top:15px}
.flow-screen .all-method-groups{gap:22px}.flow-screen .all-method-groups h3{font-size:15px;margin-bottom:10px}
.flow-screen .all-method-groups button{padding:10px 13px;font-size:12px}
.flow-screen .menu-note{font-size:11px;line-height:1.8}
.phase-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0}
.flow-screen .activity-panel{margin-top:22px;padding:20px;border-radius:14px}
.flow-screen .activity-panel ol{max-height:230px;overflow:auto}
.flow-screen .activity-panel li{font-size:12px;padding:10px 0;gap:16px}
.flow-screen .activity-panel time{font-size:11px}
.flow-screen .activity-panel .k-section-title>small{display:block}
.flow-screen .running-jobs{display:flex;flex-wrap:wrap;overflow:visible;padding:12px 15px;margin:12px 0 0;background:#edf2e1;border:1px solid #d8e1c7;border-radius:10px;gap:10px}
.flow-screen .running-jobs button{font-size:12px;gap:8px;padding:8px;background:#dfe9ce}
.flow-screen .running-jobs>small{font-size:11px}
.presentation-hidden{display:none!important}
.flow-screen .presentation-workspace .k-counter{min-height:0}
.flow-screen .presentation-workspace .k-counter .k-section-title>small{display:none}
.flow-screen .service-table{margin-top:20px;padding:20px;border-radius:14px;min-height:160px}
.flow-screen .service-table .k-section-title>.text-button{display:block}
.flow-screen .service-plates{flex-direction:column;align-items:stretch;overflow:visible;gap:12px}
.flow-screen .service-plate{min-width:0;max-width:none;padding:14px;gap:12px}
.flow-screen .service-plate>div{flex:1}.flow-screen .service-plate strong{font-size:13px;white-space:normal;max-width:none}
.flow-screen .service-plate small{font-size:11px;white-space:normal;line-height:1.6}
.flow-screen .plate-food{font-size:29px;border-width:5px;padding:6px}
.flow-screen .empty-service{font-size:12px;padding:20px 0}
.plating-visual{text-align:center;background:radial-gradient(ellipse at center,#e8dbc0,transparent 70%);padding:8px 0 20px;margin-bottom:15px}
.plating-dish{width:200px;height:145px;background:#fffef5;border:12px solid #e8e4d5;outline:1px solid #d6cfb8;border-radius:50%;margin:0 auto 14px;box-shadow:0 10px 15px #705b3320,inset 0 0 0 3px #f7f3e7;display:flex;align-items:center;justify-content:center;position:relative}
.plating-dish>span{font-size:42px;max-width:140px;max-height:100px;overflow:hidden;line-height:1.4}
.plating-dish>i{position:absolute;right:30px;top:25px;font-size:24px;font-style:normal}
.plating-visual.edge .plating-dish>span{transform:translateX(26px)}
.plating-visual>small{font-size:11px}
.plate-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}
.plate-picker button{padding:12px 7px;background:#f4efdf;border:1px solid #dfd5bc;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.plate-picker button.selected{border-color:#7c9b6a;background:#e5eed8;box-shadow:inset 0 0 0 1px #7c9b6a}
.plate-picker span{font-size:31px}.plate-picker strong{font-size:11px;line-height:1.4}
.plate-help{font-size:11px;margin:12px 0;color:#a18655}
.flow-screen .serve-preview{padding:12px;gap:12px;margin-bottom:20px}
.flow-screen .serve-preview strong{font-size:12px}
@media(max-width:1100px){
 .in-kitchen main{padding:0 18px 28px}.flow-screen .mission-banner{grid-template-columns:minmax(0,1fr) 150px minmax(0,.8fr)}
 .flow-screen .mission-art{width:56px}.mission-dish h1{font-size:23px}
 .selection-layout{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:18px}
 .flow-screen .inventory-row{grid-template-columns:30px minmax(70px,1fr) 55px 110px 36px;gap:8px;padding:10px}
 .flow-screen .inventory-product strong{font-size:12px}.flow-screen .inventory-emoji{font-size:26px}
 .selection-basket{padding:18px}.flow-screen .k-workspace{gap:18px}
 .flow-screen .kitchen-room{height:400px}.flow-screen .room-label{font-size:12px;padding:8px}
 .workspace-title{align-items:flex-start}.workspace-title>div:last-child{flex-wrap:wrap;justify-content:flex-end}
 .flow-screen .k-section-title{flex-wrap:wrap}
}
@media(max-width:800px){
 .topbar .local-chip{display:none}.topbar .breadcrumb>span,.topbar .breadcrumb>i{display:none}
 .in-kitchen .topbar{padding:0 14px}.in-kitchen .top-actions{gap:10px}
 .profile-progress strong{font-size:11px}.profile-progress span{font-size:9px}
 .in-kitchen main{padding:0 12px 24px}
 .flow-screen .mission-banner{grid-template-columns:minmax(0,1fr) 100px 145px;gap:10px;padding:13px 15px}
 .flow-screen .mission-art{display:none}.mission-dish h1{font-size:21px}
 .flow-screen .mission-clock>strong{font-size:27px}.flow-screen .mission-clock>span{font-size:8px;letter-spacing:.7px}
 .flow-screen .k-heading-actions .btn{font-size:11px;padding:8px 10px}
 .phase-navigation{gap:8px;padding-top:18px}.phase-navigation button{padding:10px;gap:7px}.phase-navigation button>span:nth-child(2)>.icon{display:none}
 .phase-navigation strong{font-size:12px}
 .selection-layout{grid-template-columns:1fr}.selection-basket{position:static}
 .flow-screen .inventory-list{max-height:440px}
 .flow-screen .inventory-row{grid-template-columns:40px minmax(80px,1fr) 65px 135px 40px;gap:10px}
 .flow-screen .inventory-product strong{font-size:14px}
 .phase-intro{gap:15px;padding:20px 0}.phase-intro h2{font-size:25px}.phase-intro p{font-size:12px}
 .phase-illustration{width:65px;height:65px;border-radius:20px}.phase-illustration .icon{width:36px;height:36px}
 .k-workspace{grid-template-columns:1fr}.flow-screen .kitchen-room{height:350px}
 .flow-screen .k-counter-items{grid-template-columns:repeat(3,minmax(0,1fr))}
 .flow-screen .counter-batch{min-height:115px}
 .flow-screen .k-counter{min-height:0}
 .flow-screen .k-inspector h2{font-size:23px}
 .workspace-title{flex-direction:column;gap:12px}
 .flow-screen .room-label{font-size:10px;padding:6px}
}
@media(max-width:500px){
 .in-kitchen .topbar{height:58px;min-height:58px;padding:0 12px}
 .in-kitchen .topbar .breadcrumb{font-size:10px}.profile-progress strong{font-size:10px}
 .in-kitchen .coin-wallet{padding:5px 8px}.in-kitchen .top-actions{gap:8px}
 .in-kitchen .user-button,.in-kitchen .user-button>svg{width:31px;height:31px}
 .flow-screen .mission-banner{top:58px;grid-template-columns:minmax(0,1fr) 77px 125px;padding:12px 10px;gap:8px;min-height:112px}
 .mission-dish h1{font-size:18px;letter-spacing:-.5px;overflow-wrap:anywhere}
 .flow-screen .mission-dish .eyebrow{font-size:6px;letter-spacing:.8px}
 .mission-dish select{width:100%;max-width:96px;font-size:11px;height:31px;padding:5px}
 .flow-screen .mission-clock>span{font-size:7px;letter-spacing:0;gap:3px}.flow-screen .mission-clock>span .icon{width:12px;height:12px}
 .flow-screen .mission-clock>strong{font-size:25px;margin:7px 0}.flow-screen .mission-clock>small{font-size:8px;line-height:1.5}
 .flow-screen .k-heading-actions .btn{font-size:10px;min-height:39px;padding:8px 7px;gap:4px}
 .flow-screen .k-heading-actions .btn .icon{width:13px}
 .flow-screen .k-heading-actions .text-button{font-size:9px;white-space:normal}
 .phase-navigation{gap:5px;padding:16px 0 0}
 .phase-navigation button{flex-direction:column;gap:8px;padding:10px 3px;min-height:75px}
 .phase-navigation strong{font-size:10px}.phase-navigation button>.icon{display:none}
 .phase-navigation .phase-number{width:24px;height:24px;font-size:10px}
 .phase-navigation button>span:nth-child(2){flex:none}
 #phase-content,#k-workspace,.phase-navigation,.flow-screen .k-inspector{scroll-margin-top:190px}
 .phase-intro h2{font-size:22px}.phase-intro p{font-size:11px}
 .phase-intro>.btn{font-size:10px;min-height:36px;padding:8px;max-width:105px;flex-shrink:0}
 .phase-illustration{width:51px;height:60px}.phase-illustration .icon{width:31px;height:31px}
 .selection-inventory{padding:12px;border-radius:12px}
 .flow-screen .storage-filter{gap:8px;flex-wrap:wrap}.flow-screen .storage-filter label{font-size:11px}
 .flow-screen .storage-filter select{flex:1;width:130px;height:37px}
 .flow-screen .storage-filter>span{font-size:9px;margin:0}
 .flow-screen .inventory-list{max-height:390px;gap:8px}
 .flow-screen .inventory-row{grid-template-columns:28px minmax(65px,1fr) 50px 88px 32px;gap:5px;padding:9px 6px}
 .flow-screen .inventory-product strong{font-size:11px}.flow-screen .inventory-product small{font-size:9px}
 .flow-screen .inventory-row input,.flow-screen .inventory-row select{font-size:10px;height:35px;padding:5px}
 .flow-screen .inventory-row .k-small-button{padding:5px;font-size:10px;min-height:35px}
 .flow-screen .inventory-row.tool-row{grid-template-columns:30px 1fr 35px}
 .flow-screen .measure-note{font-size:9px}
 .basket-items{max-height:none}.selection-basket{padding:18px;border-radius:12px}
 .flow-screen .kitchen-room{height:230px;border-radius:12px}
 .flow-screen .room-label{font-size:9px;padding:6px 4px}.flow-screen .room-label .icon{display:none}
 .flow-screen .room-topline{font-size:11px}.flow-screen .room-topline small{font-size:9px}
 .flow-screen .k-counter,.flow-screen .inspector-body{padding:15px}
 .flow-screen .k-section-title h2{font-size:15px}
 .flow-screen .k-counter-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .flow-screen .counter-batch{min-height:105px}
 .flow-screen .counter-toolbar button{font-size:10px;min-height:34px}
 .flow-screen .counter-equipment>button{padding:7px}.flow-screen .counter-equipment small{display:none}
 .flow-screen .counter-equipment strong{font-size:10px}
 .flow-screen .food-actions{gap:8px}.flow-screen .food-actions>button{font-size:11px;min-height:82px}
 .flow-screen .food-actions>button .icon{width:25px;height:25px}
 .flow-screen .method-menu>button{font-size:12px;min-height:62px}
 .flow-screen .chosen-operation strong{font-size:18px}
 .flow-screen .time-presets button{font-size:10px;min-height:36px}
 .flow-screen .detail-choice button{font-size:11px;padding:7px}
 .flow-screen .job-motion{grid-template-columns:1fr 1fr;grid-template-rows:125px 40px}
 .flow-screen .job-motion .k-gesture{height:125px}
 .flow-screen .job-motion .k-live-clock>strong{font-size:29px}
 .phase-footer{gap:12px}.phase-footer>.btn{font-size:11px;padding:10px}
 .flow-screen .activity-panel{padding:15px}.flow-screen .activity-panel li{font-size:11px;gap:9px}
 .flow-screen .activity-panel time{font-size:9px}
 .flow-screen .service-table{padding:15px}
 .plate-picker strong{font-size:10px}
 .flow-screen .presentation-workspace{gap:20px}
}
@media(prefers-reduced-motion:reduce){.flow-screen *{scroll-behavior:auto!important}}