#costView .section{max-width:1450px;margin:auto}#costRoot{padding-bottom:32px}#costRoot h2{margin:0 0 8px}#costRoot h3{margin:26px 0 12px}#costRoot button{min-height:42px;padding:10px 15px;color:#f5f7fa;background:#24313b;border:1px solid #44525e;border-radius:8px;font-size:14px;cursor:pointer}#costRoot button:disabled{opacity:.5;cursor:wait}#costRoot .costPrimary,#costRoot .costTabs .on{background:#db253e;border-color:#db253e;color:white}#costRoot input,#costRoot select,#costRoot textarea{display:block;max-width:100%;min-height:42px;background:#0c131a;color:#fff;border:1px solid #4c5a66;border-radius:7px;font:16px Arial;padding:9px;box-sizing:border-box}#costRoot input[type=checkbox]{display:inline-block;min-height:20px;width:20px;height:20px;vertical-align:middle;margin-right:8px}#costRoot label{font-size:13px;color:#c9d2da;line-height:1.6}#costRoot textarea{width:100%;min-height:75px}.costHeading,.costFlex{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.costHeading>*{margin:0 10px 10px 0}.costHeading{justify-content:space-between}.costFlex>*{margin:0 10px 10px 0}.costTabs{margin:18px 0}.costTabs button{margin:0 8px 8px 0}.costBox{padding:16px;background:#151f28;border:1px solid #34434f;border-radius:12px;margin:16px 0}.costBox h3{margin-top:0!important}.costNote{color:#b5c3ce;font-size:14px;line-height:1.6;margin:14px 0}.costWarning{background:#40301d;border:1px solid #9e793e;color:#ffe0a2;padding:14px;border-radius:9px;line-height:1.6;margin:15px 0}.costWarnText{color:#ffc677}.costMessage{color:#a7e2b8;line-height:1.5}.costMessage:empty{display:none}.costMessage.bad{color:#ffb9a9;background:#422328;padding:12px;border-radius:8px;margin:12px 0}.costMetrics{display:flex;flex-wrap:wrap;margin:0 -5px}.costMetric{flex:1 1 210px;margin:5px;padding:17px;background:#19242e;border:1px solid #35434f;border-radius:12px}.costMetric strong{display:block;font-size:25px;margin:12px 0 8px}.costMetric small{display:block;color:#b5c3ce;font-size:13px}.costScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #34434f;border-radius:9px;margin:12px 0}.costTable{width:100%;border-collapse:collapse;font-size:14px}.costTable th{background:#202d37;color:#cbd8e3;text-align:left;padding:13px;white-space:nowrap}.costTable td{padding:12px;border-top:1px solid #303e49;line-height:1.5;vertical-align:middle}.costTable tr:nth-child(even){background:#141e27}.costTable small{display:block;color:#94a6b5;font-size:12px;margin-top:5px}.costTable td:not(:first-child){min-width:85px}.costRecipeLine{display:flex;flex-wrap:wrap;align-items:flex-end;padding:12px 0;border-bottom:1px solid #34434f}.costRecipeLine>*{margin:0 10px 8px 0}.costRecipeLine label:first-child{flex:2 1 250px}.costRecipeLine select{width:100%}.costRecipeLine input{width:120px}.costCheck,.costBlock{display:block;margin:16px 0}.costVoided{opacity:.5}.costVoided td{text-decoration:line-through}#recipeItem{width:100%;min-width:280px}#recipeTemplate{max-width:600px;width:100%}#ingredientSearch{width:360px}#ingName{width:310px}#purchaseIngredient{max-width:390px}#costRoot .muted{color:#aab9c6}@media(max-width:650px){#costRoot{padding:0 2px}.costMetric{flex-basis:40%;padding:12px}.costMetric strong{font-size:21px}.costRecipeLine label:first-child{flex-basis:100%}.costTable th,.costTable td{padding:9px}.costFlex>label{max-width:100%}#recipeTemplate{max-width:100%}#costRoot .costTabs button{padding:9px}.costBox{padding:12px}}

/* MYASORUBKA_COST_TABS_V62: three owner sections, ES5/iPad friendly */
#costRoot .costTabs{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 8px}
#costRoot .costTabs button{flex:1 1 160px;min-height:48px;margin:0;font-size:15px;font-weight:bold}
#costRoot .costSubTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
#costRoot .costSubTabs button{margin:0;min-height:40px;background:#19242e;color:#d1dbe5;font-size:13px}
#costRoot .costSubTabs button.on{background:#384b5a;border-color:#a4b9c8;color:#fff}
@media(max-width:650px){#costRoot .costTabs button{flex:1 1 100%;min-height:43px}#costRoot .costSubTabs button{flex:1 1 43%}}