.productPage{gap:18px;display:grid}.productSummary,.productToolbar,.productWizard,.productEmpty,.menuProduct{background:#fffdfa;border:1px solid #eee9e3;border-radius:16px;box-shadow:0 6px 24px #2a190a08}.productSummary{align-items:center;gap:30px;padding:18px 22px;display:flex}.productSummary div{gap:3px;min-width:115px;display:grid}.productSummary div b{font-size:24px}.productSummary div span,.productSummary p,.menuProduct small,.menuProduct p{color:#747b87;font-size:13px}.productSummary p{max-width:360px;margin:0 0 0 auto}.productToolbar{gap:12px;padding:12px;display:flex}.productToolbar label{color:#727987;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.productToolbar input,.productToolbar select{background:0 0;border:0;outline:0;width:100%;height:42px}.productToolbar select{border:1px solid #e5e7eb;border-radius:10px;width:210px;padding:0 12px}.productGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.menuProduct{overflow:hidden}.menuProduct>img{object-fit:cover;background:#f4eee8;width:100%;height:180px;display:block}.menuProductBody{padding:15px}.menuProductMeta{color:#7b8190;justify-content:space-between;align-items:center;font-size:12px;display:flex}.menuProductMeta span:first-child{background:#f3f1ef;border-radius:99px;padding:5px 9px}.available,.unavailable{color:#078846;background:#e7f8ee;border-radius:99px;padding:5px 9px}.unavailable{color:#727987;background:#f1f1f2}.menuProduct h2{margin:12px 0 5px;font-size:18px}.menuProduct p{min-height:36px;margin:0 0 8px}.menuProduct small{display:block}.menuProduct strong{margin-top:12px;font-size:19px;display:block}.menuProductActions{gap:8px;margin-top:14px;display:flex}.menuProductActions button,.wizardActions .secondary{cursor:pointer;background:#fff;border:1px solid #e4e5e7;border-radius:9px;padding:9px 12px}.menuProductActions .delete{color:#d33;border-color:#f2d2ce;margin-left:auto}.productEmpty{color:#747b87;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:180px;padding:25px;display:grid}.productEmpty b{color:#171a20;font-size:18px}.productError{color:#bf3216;background:#fff0ed;border-radius:9px;margin:0;padding:10px 13px}.productWizard{width:100%;max-width:900px;margin:0 auto;padding:24px}.wizardHeading{justify-content:space-between;gap:20px;display:flex}.wizardHeading h1{margin:9px 0 6px;font-size:27px}.wizardHeading p,.wizardStep>p{color:#747b87;margin:0}.wizardHeading>span{color:#737987;white-space:nowrap}.productBack{color:#e7400c;cursor:pointer;background:0 0;border:0;padding:0}.wizardProgress{border-bottom:2px solid #eee;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0;padding-bottom:18px;display:grid}.wizardProgress>div{color:#9297a1;align-items:center;gap:9px;font-size:12px;display:flex}.wizardProgress i{color:#555;background:#f1f1f1;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.wizardProgress .current{color:#ed4612}.wizardProgress .current i{color:#fff;background:#ff4b16}.wizardStep{max-width:680px;min-height:340px;margin:0 auto}.wizardStep h2{margin:0 0 7px;font-size:22px}.wizardStep>p{margin-bottom:24px}.wizardStep>label:not(.deviceImage):not(.availabilityCheck){color:#252932;gap:7px;margin:18px 0;font-weight:600;display:grid}.wizardStep input:not([type=checkbox]):not([type=file]),.wizardStep select,.wizardStep textarea{width:100%;font:inherit;color:#20232a;background:#fff;border:1px solid #dedfe3;border-radius:10px;outline-color:#ff5a21;padding:12px}.productHint{color:#757b87;background:#f8f6f3;border-radius:9px;margin-top:16px;padding:12px;font-size:13px}.charCount{text-align:right;color:#7d828d;font-size:12px}.allergenPicker{border:0;margin:22px 0 12px;padding:0}.allergenPicker legend{margin-bottom:12px;font-weight:650}.allergenPicker>div{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.allergenPicker label,.availabilityCheck{align-items:center;gap:8px;font-size:14px;display:flex}.allergenPicker input,.availabilityCheck input{accent-color:#f34b16}.wizardStep>small{color:#737987}.productFields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.productFields label{gap:7px;font-weight:600;display:grid}.availabilityCheck{margin:18px 0}.deviceImage{cursor:pointer;background:#fff;border:1px dashed #d4d4d8;border-radius:12px;justify-content:center;align-items:center;gap:15px;min-height:130px;padding:14px;display:flex}.deviceImage img{object-fit:cover;border-radius:9px;width:110px;height:90px}.deviceImage span{gap:5px;display:grid}.deviceImage small{color:#7a808b}.imageDrop{text-align:center}.productReview{border:1px solid #ece7e1;border-radius:14px;gap:18px;padding:14px;display:flex}.productReview>img{object-fit:cover;border-radius:11px;width:190px;height:170px}.productReview>div{align-content:start;gap:8px;display:grid}.productReview span,.productReview small{color:#757b87;font-size:13px}.productReview h3,.productReview p{margin:0}.productReview strong{font-size:21px}.wizardActions{border-top:1px solid #eee;align-items:center;gap:10px;padding-top:16px;display:flex}.wizardActions span{flex:1}.wizardActions .primary{min-height:42px}.wizardActions button:disabled{opacity:.6;cursor:wait}@media (max-width:700px){.productSummary{flex-wrap:wrap;gap:16px}.productSummary p{flex-basis:100%;max-width:none}.productToolbar{flex-direction:column}.productToolbar select{width:100%;height:42px}.wizardProgress span{display:none}.allergenPicker>div{grid-template-columns:repeat(2,1fr)}.productFields{grid-template-columns:1fr}.productReview{flex-direction:column}.productReview>img{width:100%;height:190px}.wizardHeading{display:block}.wizardHeading>span{margin-top:10px;display:block}.productWizard{padding:18px}}.deviceImage{flex-wrap:wrap;min-width:0}.deviceImage span{overflow-wrap:anywhere;min-width:0}.deviceImage input{max-width:100%}@media (max-width:420px){.deviceImage{grid-template-columns:minmax(0,1fr);justify-items:start;display:grid}.deviceImage img{width:100%;height:180px}}
.supportPageHead{align-items:center}.supportMetrics{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(220px,1fr);gap:12px;margin-bottom:14px;display:grid}.supportMetrics>article,.supportBusinessSelect{background:#fff;border:1px solid #f0ede9;border-radius:13px;align-items:center;gap:12px;min-height:82px;padding:14px;display:flex;box-shadow:0 6px 22px #5e432008}.supportMetricIcon{color:#fff;background:linear-gradient(145deg,#ff5421,#ed3e10);border-radius:50%;flex:none;place-items:center;width:43px;height:43px;display:grid}.supportMetricIcon.green{background:linear-gradient(145deg,#19c66b,#08a650)}.supportMetrics article small,.supportMetrics article b{display:block}.supportMetrics article small{color:#737984;font-size:11px}.supportMetrics article b{margin-top:4px;font-size:22px}.supportBusinessSelect{color:#69717e;align-content:center;gap:6px;font-size:11px;font-weight:600;display:grid}.supportBusinessSelect select,.supportCreate input,.supportCreate select,.supportCreate textarea,.supportReply textarea{color:#22252b;min-width:0;font:inherit;background:#fff;border:1px solid #e3e1df;border-radius:9px;padding:10px 11px;font-size:13px}.supportBusinessSelect select{height:38px;padding:0 10px}.supportNotice,.supportError{border-radius:9px;margin:0 0 12px;padding:11px 13px;font-size:12px}.supportNotice{color:#117444;background:#e9f8ef}.supportError{color:#a6280d;background:#fff0ed}.supportCreate{gap:12px;margin-bottom:14px;padding:17px;display:grid}.supportCreate .sectionHead{align-items:flex-start;margin-bottom:0}.supportCreate .sectionHead p{color:#737984;margin:5px 0 0;font-size:11px;line-height:1.45}.supportClose{color:#69717e;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.supportCreate>label{color:#3b4048;gap:6px;font-size:12px;font-weight:600;display:grid;position:relative}.supportCreate>label>small{color:#808692;justify-self:end;font-size:10px;font-weight:400}.supportCreate input{height:40px}.supportCreate textarea,.supportReply textarea{resize:vertical;line-height:1.5}.supportCreate .primary{justify-self:end;min-height:40px;padding:0 16px}.supportFormRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.supportFormRow label{color:#3b4048;gap:6px;font-size:12px;font-weight:600;display:grid}.supportFormRow select{height:40px;padding:0 10px}.supportLayout{grid-template-columns:minmax(270px,.88fr) minmax(0,1.35fr);align-items:stretch;gap:13px;display:grid}.supportList,.supportThread{min-height:540px;padding:16px}.supportList .sectionHead{align-items:flex-start}.supportList .sectionHead p{color:#737984;margin:5px 0 0;font-size:11px}.supportCount{color:#e8471b;background:#fff0e8;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.supportTicketList{max-height:660px;display:grid;overflow:auto}.supportTicketItem{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #f0eeeb;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:13px 10px;display:flex}.supportTicketItem:hover,.supportTicketItem.selected{background:#fff8f4}.supportTicketItem.selected{box-shadow:inset 3px 0 #ff4b16}.supportTicketItem>small,.supportTicketMeta{color:#737984;font-size:10px}.supportTicketItem>b{color:#262a30;font-size:12px;line-height:1.4}.supportStatus{color:#986200;background:#fff3d9;border-radius:20px;align-items:center;width:max-content;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.supportStatus.in_progress{color:#2160a8;background:#e8f2ff}.supportStatus.waiting_business{color:#986200;background:#fff3d9}.supportStatus.resolved,.supportStatus.closed{color:#0d874e;background:#e7f7ed}.supportBlank{color:#737984;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:220px;padding:20px;font-size:12px;display:flex}.supportBlank b{color:#343941;font-size:13px}.supportBlank small{max-width:320px;line-height:1.5}.supportBlankIcon{color:#f04b1b;background:#fff0e8;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.supportThread{flex-direction:column;display:flex}.supportThreadHead{border-bottom:1px solid #f0eeeb;padding:2px 0 13px}.supportThreadHead h2{margin:9px 0 5px;font-size:18px;line-height:1.35}.supportThreadHead small{color:#737984;font-size:11px}.supportMessages{flex-direction:column;flex:1;gap:11px;max-height:500px;padding:14px 0;display:flex;overflow:auto}.supportMessage{background:#fff;border:1px solid #eeece9;border-radius:11px;padding:12px 13px}.supportMessage>div{justify-content:space-between;gap:10px;display:flex}.supportMessage b{font-size:11px}.supportMessage time{color:#7b818a;font-size:10px}.supportMessage p{color:#454b55;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.55}.supportMessage.internal{background:#fff9e9;border-color:#f3dba9}.supportReply{border-top:1px solid #f0eeeb;gap:7px;padding-top:12px;display:grid}.supportReply label{font-size:12px;font-weight:650}.supportReply>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.supportReply small{color:#737984;font-size:10px}.supportReply .primary{min-height:39px;padding:0 14px}.supportClosedNote{color:#666d76;background:#f5f5f5;border-radius:9px;margin:12px 0 0;padding:11px;font-size:11px;line-height:1.5}@media (max-width:850px){.supportLayout{grid-template-columns:1fr}.supportList,.supportThread{min-height:360px}.supportList{max-height:470px}.supportTicketList{max-height:360px}}@media (max-width:560px){.supportPageHead{align-items:flex-start;gap:10px}.supportPageHead>.primary{height:auto;min-height:40px;padding:0 10px;font-size:11px}.supportPageHead>.primary svg{display:none}.supportMetrics{grid-template-columns:1fr 1fr;gap:8px}.supportBusinessSelect{grid-column:1/-1}.supportCreate{padding:14px}.supportFormRow{grid-template-columns:1fr}.supportThreadHead h2{font-size:16px}.supportMessage>div{flex-direction:column;align-items:flex-start;gap:3px}}
