/* Desktop keeps its existing columns, cards, sizes and colors. */
.food-serving-screen{display:contents}
#account-button{background:white;cursor:pointer;font-family:inherit}
#account-dialog input:not([type=file]){display:block;width:100%;padding:12px;border:1px solid #d4e0e2;border-radius:9px;font:inherit;margin:7px 0 16px}
#account-dialog .backup-title{font-size:18px;margin:20px 0 8px}
#account-dialog hr{border:0;border-top:1px solid #e1e9eb;margin-top:22px}
.account-actions{display:flex;flex-wrap:wrap;gap:10px}#auth-error{color:#ac3441;font-size:14px}
#cloud-status{font-weight:600}#cloud-details{overflow-wrap:anywhere}
@media(max-width:1000px){
 body{height:100dvh;min-height:0;overflow:hidden}header{padding:0 16px;padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}
 main{padding:10px 10px max(8px,env(safe-area-inset-bottom));min-height:0}.intro{gap:8px}.intro h1{font-size:18px}.intro .quiet{font-size:12px;padding:7px}.brand{font-size:22px}.offline{font-size:12px;padding:7px 10px}
 .mobile-tabs{display:flex}.mobile-tabs button{min-height:42px;font-size:14px}
 .workspace{display:flex;gap:0;min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}
 .workspace::-webkit-scrollbar{display:none}
 .food-serving-screen,.workspace>.panel.plate{display:flex!important;flex:0 0 100%;width:100%;min-width:0;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}
 .food-serving-screen{flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:2px;overscroll-behavior-y:contain}
 .food-serving-screen>.panel{display:flex;flex-direction:column;flex-shrink:0;max-width:none;min-height:0;padding:16px}
 .food-serving-screen .foods{min-height:360px}.food-serving-screen .serving{margin:0 0 8px}
 .food-list{flex:none;height:220px;min-height:0;max-height:36dvh}.food-button{min-height:70px}.food-button strong{font-size:15px}.food-button small{font-size:12px}
 .categories{gap:6px}.chip{font-size:13px;padding:8px 9px}.search input{font-size:16px}
 .food-actions .remove,.favorite-toggle{min-width:40px;min-height:42px}
 .drag-handle{padding:10px;min-width:38px;touch-action:none;cursor:grab}
 .serving .selected-label{margin-top:15px}.serving h3{font-size:24px}.serving input,.serving select{font-size:16px;min-height:44px}.serving .primary{min-height:48px;font-size:16px}
 .serving #selected-detail{font-size:14px;line-height:1.4}.serving-hint{font-size:12px}
 .workspace>.panel.plate{flex-direction:column;padding:16px;margin:0;max-width:none;overflow:hidden}.plate #plate-items{min-height:0;flex:1}.plate .history-controls select{font-size:14px;min-height:43px}
 .plate .totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin-top:16px;padding-top:18px}.plate .totals>div:first-child{grid-column:span 2}.plate .totals strong{font-size:25px}.plate .totals span{font-size:12px}
 .plate-row{min-height:82px;height:auto}.row-nutrients{font-size:12px;max-width:120px}.plate-row small{font-size:12px}.remove{min-width:42px;min-height:44px}
 #save-status{font-size:12px;line-height:1.4}.plate-title .quiet{font-size:13px}.plate-title p{font-size:13px}
 #toast{bottom:calc(18px + env(safe-area-inset-bottom));max-width:90%;width:max-content;text-align:center}
 dialog{max-height:90dvh;padding:22px}#account-dialog input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.workspace{scroll-behavior:auto}}