#staffMealsView{overflow:auto;color:#f1f5f8;background:#0b1116}
#staffMealsView .sm-wrap{padding:15px 20px 40px;max-width:1150px;margin:0 auto}
#staffMealsView .sm-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#staffMealsView h2{margin:0;font-size:24px}#staffMealsView h3{margin:0 0 12px;font-size:19px}#staffMealsView h4{margin:12px 0}
#staffMealsView .sm-muted{color:#9aabb7;font-size:13px;line-height:1.5;margin-bottom:10px}
#staffMealsView .sm-panel{background:#141d25;border:1px solid #2b3a45;border-radius:12px;padding:16px;margin:14px 0}
#staffMealsView button{background:#253441;color:white;border:1px solid #465560;border-radius:8px;padding:10px 13px;font-weight:650}
#staffMealsView button:disabled{opacity:.45}#staffMealsView button.sm-primary{background:#e52d46;border-color:#e52d46;color:#fff}
#staffMealsView input,#staffMealsView select{color:#f5f7f8;background:#0c151c;border:1px solid #41515d;border-radius:7px;padding:11px;min-width:0;max-width:100%;font-size:16px}
#staffMealsView label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;min-width:0}
#staffMealsView .sm-issue{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,2fr) auto;gap:10px;align-items:end}
#staffMealsView .sm-issue .sm-alert{grid-column:1/-1}
#staffMealsView .sm-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
#staffMealsView .sm-kpi{background:#1d2a33;border:1px solid #34444f;border-radius:9px;padding:13px 17px;min-width:160px;display:flex;flex-direction:column;gap:4px}
#staffMealsView .sm-kpi b{font-size:23px}#staffMealsView .sm-kpi small{color:#b3bec5}
#staffMealsView .sm-dishes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
#staffMealsView .sm-dish{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#1a2730;border-radius:9px;padding:10px}
#staffMealsView .sm-dish small,#staffMealsView .sm-entry small{display:block;margin-top:6px;color:#a8b7c1;font-size:12px}
#staffMealsView .sm-editor{margin-top:14px;padding:14px;border:1px solid #53616a;background:#101b23;border-radius:9px}
#staffMealsView .sm-editor>label{margin:12px 0}
#staffMealsView .sm-lines{display:flex;flex-direction:column;gap:7px}
#staffMealsView .sm-line{display:grid;grid-template-columns:minmax(130px,2fr) 92px 36px minmax(85px,1fr) 38px;gap:6px;align-items:center;font-size:13px;border-bottom:1px solid #2b3d47;padding-bottom:7px}
#staffMealsView .sm-line input{width:90px;padding:8px}#staffMealsView .sm-line button{padding:8px 5px}
#staffMealsView .sm-addrow{display:grid;grid-template-columns:minmax(220px,3fr) minmax(80px,1fr) auto;gap:8px;margin:14px 0}
#staffMealsView .sm-cost{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #41515d;padding-top:14px;font-size:18px}
#staffMealsView .sm-over,#staffMealsView .sm-alert{color:#ff9da6}#staffMealsView .sm-alert{line-height:1.4;font-size:13px}
#staffMealsView label.sm-checkbox{flex-direction:row;align-items:center;gap:8px;margin:14px 0}
#staffMealsView .sm-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
#staffMealsView .sm-dates{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:10px 0}
#staffMealsView .sm-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2b3944}
#staffMealsView .sm-void{opacity:.5}
#smMsg{color:#ff99a1;background:#49212a;border:1px solid #8d3d47;border-radius:7px;padding:10px;margin:8px 0;display:none}
@media(max-width:900px){#staffMealsView .sm-wrap{padding:10px}#staffMealsView .sm-issue{grid-template-columns:1fr}#staffMealsView .sm-addrow{grid-template-columns:1fr 88px}#staffMealsView .sm-addrow button{grid-column:1/-1}#staffMealsView .sm-line{grid-template-columns:minmax(110px,2fr) 72px 26px 72px 30px}#staffMealsView .sm-line input{width:70px;font-size:14px}#staffMealsView .sm-line button{padding:6px 2px}}
/* Keep every POS tab reachable on iPad portrait without changing the checkout layout. */
#app .topnav{min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
#app .topnav .navbtn{flex-shrink:0;white-space:nowrap}
/* V77: large no-price issue buttons; owner ingredient usage report */
.sm-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px}
.sm-pick{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:85px;padding:14px;text-align:left;border:1px solid #43474e;background:#262b34;color:#fff;border-radius:11px;font-weight:700;font-size:16px}
.sm-pick span{font-size:12px;font-weight:500;color:#afc7de;margin-top:10px}
.sm-pick:disabled{opacity:.55}
.sm-table-scroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.sm-table{border-collapse:collapse;width:100%;font-size:13px;min-width:660px;color:#eee}
.sm-table th,.sm-table td{padding:9px 8px;border-bottom:1px solid #35383c;text-align:right}
.sm-table th:first-child,.sm-table td:first-child{text-align:left}
.sm-table thead{background:#30343c}
/* MYASORUBKA_STAFF_MEALS_MENU_IMPORT_V88 */
#staffMealsView .sm-menu-import{border:1px solid #465867;background:#17252f;border-radius:11px;margin:14px 0;padding:13px}
#staffMealsView .sm-menu-import h4{margin:0 0 8px}
#staffMealsView .sm-menu-import label{display:flex;flex-direction:column;gap:6px;margin:12px 0}
#staffMealsView .sm-menu-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;-webkit-overflow-scrolling:touch}
#staffMealsView .sm-menu-option{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3c46;padding:9px 0}
#staffMealsView .sm-menu-option b{overflow-wrap:anywhere}
#staffMealsView .sm-menu-option small{display:block;color:#a6bac8;font-size:12px;margin-top:5px;max-width:650px}
#staffMealsView .sm-menu-option button:disabled{opacity:.45;cursor:not-allowed}
#staffMealsView .sm-title{flex-wrap:wrap}
@media(max-width:600px){#staffMealsView .sm-menu-option{align-items:flex-start;flex-direction:column}#staffMealsView .sm-menu-option button{align-self:flex-start}}