/* FOODOS_V84_74_0_PREMIUM_UI_START */

/* ---------- Online menu administration ---------- */
body.pc-online-menu-settings-active main#app-container{
  padding:0 16px 92px!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 92% 2%,rgba(14,165,233,.08),transparent 24rem),
    linear-gradient(180deg,#f8fbff 0,#f8fafc 42%,#f5f7fb 100%);
}
body.pc-online-menu-settings-active main#app-container>.pc-om-page{
  width:100%!important;
  max-width:1180px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 0 34px!important;
}
body.pc-online-menu-settings-active .pc-om-page>.pc-om-topbar{
  width:auto!important;
  max-width:none!important;
  margin:0 -16px 14px!important;
  padding:11px 16px 13px!important;
  border-color:rgba(226,232,240,.82)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.065)!important;
}
body.pc-online-menu-settings-active .pc-om-topbar .pc-module-logo{
  background:linear-gradient(145deg,#0284c7,#2563eb)!important;
  box-shadow:0 12px 26px rgba(2,132,199,.24)!important;
}
.pc-om-workspace{min-width:0}
.pc-om-tabs{
  position:sticky;
  top:66px;
  z-index:39;
  display:flex;
  align-items:center;
  gap:7px;
  overflow-x:auto;
  margin:0 0 16px!important;
  padding:7px!important;
  border:1px solid rgba(226,232,240,.9);
  border-radius:19px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  scrollbar-width:none;
}
.pc-om-tabs::-webkit-scrollbar{display:none}
.pc-om-tab{
  min-height:43px!important;
  height:43px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:11.5px!important;
  font-weight:900!important;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.pc-om-tab:hover{background:#f1f5f9!important;color:#334155!important}
.pc-om-tab.active{
  background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
  border-color:rgba(37,99,235,.22)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(14,165,233,.22)!important;
}
.pc-om-tab-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}
.pc-om-tab-icon .pc-svg-icon{width:17px;height:17px}
.pc-om-command-card{
  position:relative;
  isolation:isolate;
  min-height:210px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  overflow:hidden;
  padding:28px;
  border:1px solid rgba(125,211,252,.24);
  border-radius:28px;
  background:
    radial-gradient(circle at 13% 10%,rgba(125,211,252,.28),transparent 16rem),
    radial-gradient(circle at 96% 86%,rgba(99,102,241,.30),transparent 20rem),
    linear-gradient(135deg,#082f49 0%,#0c4a6e 44%,#172554 100%);
  color:#fff;
  box-shadow:0 24px 54px rgba(15,23,42,.18);
}
.pc-om-command-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  left:-82px;
  top:-90px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.025);
}
.pc-om-command-copy{max-width:660px;min-width:0}
.pc-om-command-kicker{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 10px;
  border:1px solid rgba(186,230,253,.32);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#bae6fd;
  font-size:10px;
  font-weight:900;
}
.pc-om-command-copy h2{margin:13px 0 0!important;color:#fff!important;font-size:clamp(22px,3vw,31px)!important;line-height:1.35!important;font-weight:950!important}
.pc-om-command-copy p{margin:8px 0 0;color:#cbd5e1;font-size:12px;font-weight:750;line-height:1.9}
.pc-om-command-status{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:10.5px;font-weight:900;color:#e2e8f0}
.pc-om-command-status i{width:8px;height:8px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.13)}
.pc-om-command-status.is-live i{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.14)}
.pc-om-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.pc-om-command-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:rgba(255,255,255,.10);
  color:#fff;
  text-decoration:none;
  font:inherit;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  backdrop-filter:blur(8px);
}
.pc-om-command-btn--primary{background:#fff;color:#075985;border-color:#fff;box-shadow:0 12px 24px rgba(2,6,23,.15)}
.pc-om-command-btn .pc-svg-icon{width:17px;height:17px}
.pc-om-kpis.pc-om-kpis--four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:14px 0!important}
.pc-om-kpi{
  position:relative;
  min-height:128px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden;
  padding:16px!important;
  border:1px solid #e4eaf2!important;
  border-radius:21px!important;
  background:linear-gradient(155deg,#fff,#f8fafc)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.pc-om-kpi-icon{position:absolute;top:14px;left:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#e0f2fe;color:#0284c7}
.pc-om-kpi[data-tone="rose"] .pc-om-kpi-icon{background:#fff1f2;color:#e11d48}
.pc-om-kpi[data-tone="emerald"] .pc-om-kpi-icon{background:#ecfdf5;color:#059669}
.pc-om-kpi[data-tone="amber"] .pc-om-kpi-icon{background:#fffbeb;color:#d97706}
.pc-om-kpi b{display:block;color:#0f172a!important;font-size:20px!important;line-height:1.35!important;font-weight:950!important;overflow-wrap:anywhere}
.pc-om-kpi b small{font-size:9px!important;color:#64748b!important}
.pc-om-kpi>span:last-child{margin-top:4px;color:#64748b!important;font-size:10px!important;font-weight:800!important;line-height:1.6}
.pc-om-quick-section{padding:20px;border:1px solid #e2e8f0;border-radius:25px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.045)}
.pc-om-section-heading,.pc-om-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pc-om-section-heading>div>span,.pc-om-section-kicker{display:block;margin-bottom:4px;color:#0284c7;font-size:9.5px;font-weight:950}
.pc-om-section-heading h3,.pc-om-section-head h3{margin:0!important;color:#0f172a!important;font-size:16px!important;font-weight:950!important}
.pc-om-section-heading>p{margin:0;color:#94a3b8;font-size:10px;font-weight:800}
.pc-om-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.pc-om-quick-card{
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fafc);
  color:#334155;
  text-align:right;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.pc-om-quick-card:hover{transform:translateY(-1px);border-color:#bae6fd;box-shadow:0 12px 26px rgba(14,165,233,.08)}
.pc-om-quick-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.pc-om-quick-card strong{color:#0f172a;font-size:12px;font-weight:950}
.pc-om-quick-card small{color:#64748b;font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-om-quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e0f2fe;color:#0284c7}
.pc-om-card{
  min-width:0;
  padding:20px!important;
  border:1px solid #e2e8f0!important;
  border-radius:25px!important;
  background:#fff!important;
  color:#334155;
  box-shadow:0 14px 34px rgba(15,23,42,.05)!important;
}
.pc-om-grid{gap:14px!important}
.pc-om-card h3{color:#0f172a!important;font-size:16px!important;line-height:1.5!important;font-weight:950!important}
.pc-om-hint{color:#64748b!important;font-size:10.5px!important;line-height:1.9!important;font-weight:750!important}
.pc-om-count-chip{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 11px;border:1px solid #bae6fd;border-radius:999px;background:#f0f9ff;color:#0369a1;font-size:10px;font-weight:950;white-space:nowrap}
.pc-om-products-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.pc-om-product{
  min-width:0;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  padding:11px!important;
  border:1px solid #e7edf4!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#fbfdff)!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.pc-om-product:hover{border-color:#bae6fd!important;box-shadow:0 10px 24px rgba(14,165,233,.07)}
.pc-om-product-img{width:58px!important;height:58px!important;border:1px solid #e2e8f0;border-radius:16px!important;background:#f1f5f9!important;color:#0284c7!important;overflow:hidden}
.pc-om-product-img img{width:100%;height:100%;display:block;object-fit:cover;border-radius:15px}
.pc-om-product-copy{min-width:0}
.pc-om-product-name{color:#0f172a;font-size:13px!important;font-weight:950!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-om-product-meta{color:#64748b!important;font-size:9.5px!important;font-weight:750;line-height:1.75!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-om-product-badges{gap:5px!important;margin-top:5px!important}
.pc-om-badge{min-height:22px;align-items:center;padding:0 7px!important;border:1px solid #e2e8f0;background:#f8fafc!important;color:#64748b!important;font-size:8.5px!important}
.pc-om-badge.on{border-color:#a7f3d0;background:#ecfdf5!important;color:#047857!important}
.pc-om-badge.off{border-color:#fecdd3;background:#fff1f2!important;color:#be123c!important}
.pc-om-badge.featured{border-color:#fde68a;background:#fffbeb!important;color:#b45309!important}
.pc-om-btn{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border:1px solid #dbe4ef!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:10.5px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.pc-om-btn:hover{border-color:#7dd3fc!important;background:#f0f9ff!important;color:#0369a1!important}
.pc-om-btn.primary{border-color:#0284c7!important;background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff!important;box-shadow:0 10px 22px rgba(14,165,233,.18)!important}
.pc-om-btn.danger{border-color:#fecdd3!important;background:#fff1f2!important;color:#be123c!important}
.pc-om-product-edit{min-width:80px}
.pc-om-field{margin-top:14px!important}
.pc-om-field label{margin:0 2px 7px!important;color:#475569!important;font-size:10.5px!important;font-weight:900!important}
.pc-om-input,.pc-om-select,.pc-om-textarea{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #dbe4ef!important;
  border-radius:15px!important;
  background:#fbfdff!important;
  color:#0f172a!important;
  padding:10px 12px!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.pc-om-textarea{min-height:88px!important;resize:vertical}
.pc-om-input:focus,.pc-om-select:focus,.pc-om-textarea:focus{border-color:#38bdf8!important;background:#fff!important;box-shadow:0 0 0 4px rgba(14,165,233,.10)!important}
.pc-om-row{min-height:67px;padding:12px 2px!important;border-color:#edf2f7!important}
.pc-om-row-title{color:#0f172a!important;font-size:12px!important}
.pc-om-row-sub{font-size:9.5px!important;line-height:1.75!important}
.pc-om-switch{width:50px!important;height:28px!important;flex-basis:50px!important}
.pc-om-switch span:before{width:20px!important;height:20px!important}
.pc-om-switch input:checked+span:before{right:25px!important}
.pc-om-schedule{min-height:58px;padding:9px 0!important;border-color:#edf2f7!important}
.pc-om-schedule strong{color:#334155;font-size:11px;font-weight:900}
.pc-om-category-accordion{gap:10px!important}
.pc-om-category-accordion-item{border-color:#e2e8f0!important;border-radius:19px!important;box-shadow:0 7px 20px rgba(15,23,42,.035)}
.pc-om-category-accordion-head{min-height:70px!important;padding:13px 15px!important}
.pc-om-category-accordion-head h4{color:#0f172a!important;font-size:13px!important}
.pc-om-category-accordion-chevron{border:1px solid #e2e8f0;background:#f8fafc!important}
.pc-om-category-image-picker{border-color:#7dd3fc!important;background:linear-gradient(145deg,#f0f9ff,#eff6ff)!important}
.pc-om-slide-card{border-color:#e2e8f0!important;border-radius:21px!important;background:#f8fafc!important;padding:15px!important}
.pc-om-slide-preview{border-color:#bae6fd!important;border-radius:18px!important}
.pc-om-template-readonly{margin-top:7px;padding:13px;border:1px solid #dbeafe;border-radius:15px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900}
.pc-om-template-readonly small{display:block;margin-top:4px;color:#64748b;font-size:9px;font-weight:750;line-height:1.7}
.pc-om-template2-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pc-om-template2-colors label{padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.pc-om-template2-colors input[type="color"]{margin-top:7px}
.pc-om-qrbox{gap:18px!important}
.pc-om-qrbox img{width:142px!important;height:142px!important;padding:7px;border-radius:21px!important;box-shadow:0 12px 30px rgba(15,23,42,.10)}
.pc-om-table-card{border-radius:20px!important}
.pc-om-empty-state,.pc-om-loading,.pc-om-error-state{
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:30px;
  border:1px dashed #cbd5e1;
  border-radius:23px;
  background:rgba(255,255,255,.8);
  color:#64748b;
  text-align:center;
}
.pc-om-empty-state>span,.pc-om-error-state>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#f0f9ff;color:#0284c7}
.pc-om-empty-state strong,.pc-om-loading strong{color:#334155;font-size:13px;font-weight:950}
.pc-om-empty-state p,.pc-om-error-state p{margin:0;color:#64748b;font-size:10px;font-weight:750;line-height:1.8}
.pc-om-loading{min-height:290px;border-style:solid;margin-top:14px}
.pc-om-loading small{color:#94a3b8;font-size:10px;font-weight:750}
.pc-om-loading-spinner{width:34px;height:34px;border:3px solid #dbeafe;border-top-color:#0284c7;border-radius:50%;animation:pcOmSpin .8s linear infinite}
.pc-om-error-state{min-height:270px;margin-top:14px;border-color:#fecdd3;background:#fff}
.pc-om-error-state>span{background:#fff1f2;color:#e11d48}
.pc-om-error-state h3{margin:4px 0 0;color:#0f172a;font-size:16px;font-weight:950}
@keyframes pcOmSpin{to{transform:rotate(360deg)}}
.pc-om-modal{padding:18px!important;background:rgba(2,6,23,.65)!important;backdrop-filter:blur(8px)!important}
.pc-om-modal-panel{width:min(760px,100%)!important;padding:18px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(2,6,23,.30)!important}
.pc-om-modal-head{top:-18px!important;padding:18px 0 12px!important}

/* ---------- Production recipes ---------- */
body[data-foodos-route="recipes"] main#app-container{
  padding:0 16px 92px!important;
  overflow-x:hidden!important;
}
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell{
  width:100%!important;
  max-width:1180px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 0 34px!important;
}
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-module-topbar{
  width:auto!important;
  max-width:none!important;
  margin:0 -16px 14px!important;
  padding-left:16px!important;
  padding-right:16px!important;
  box-sizing:border-box!important;
}
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-recipes-top-actions,
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-recipes-category-tabs,
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-recipes-search-wrap,
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-recipes-status,
body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-recipes-list{
  width:100%;
  max-width:920px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.pc-recipes-category-tabs{
  width:100%;
  min-width:0;
  margin:0 0 2px!important;
  padding:2px 0 10px!important;
  scroll-padding-inline:12px;
}
.pc-recipes-category-tabs .tab-btn{flex:0 0 auto}
.pc-recipes-search-wrap{margin-top:0!important}
.pc-recipes-top-actions{margin-bottom:4px!important}
.pc-recipes-page .pc-recipes-add-btn{min-height:48px!important;border-radius:15px!important;padding:0 16px!important}

/* ---------- System settings ---------- */
body.pc-settings-active main#app-container{
  padding:0 16px 92px!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 96% 3%,rgba(14,165,233,.075),transparent 25rem),
    linear-gradient(180deg,#f8fbff,#f6f8fc)!important;
}
body.pc-settings-active main#app-container>.pc-settings-page.pc-settings-pro{
  width:100%!important;
  max-width:1180px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 0 36px!important;
  overflow:visible!important;
}
body.pc-settings-active main#app-container>.pc-settings-page.pc-settings-pro>.pc-settings-topbar{
  width:auto!important;
  max-width:none!important;
  margin:0 -16px 16px!important;
  padding:11px 16px 13px!important;
}
.pc-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start;min-width:0}
.pc-settings-main-column,.pc-settings-side-column{display:grid;gap:14px;min-width:0}
.pc-settings-side-column{position:sticky;top:74px}
.pc-settings-panel{
  min-width:0;
  padding:20px;
  border:1px solid #e2e8f0;
  border-radius:25px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.pc-settings-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.pc-settings-section-head--compact{margin-bottom:10px}
.pc-settings-section-head>div{min-width:0}
.pc-settings-section-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:15px;background:#e0f2fe;color:#0284c7}
.pc-settings-section-icon--indigo{background:#eef2ff;color:#4f46e5}
.pc-settings-section-icon--amber{background:#fffbeb;color:#d97706}
.pc-settings-eyebrow{display:block;margin-bottom:3px;color:#0284c7;font-size:9px;font-weight:950}
.pc-settings-section-head h2{margin:0!important;color:#0f172a!important;font-size:16px!important;line-height:1.45!important;font-weight:950!important}
.pc-settings-section-head p{margin:5px 0 0;color:#64748b;font-size:10px;font-weight:750;line-height:1.8}
.pc-settings-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pc-settings-field{min-width:0;display:flex;flex-direction:column;gap:7px;color:#475569;font-size:10.5px;font-weight:900}
.pc-settings-field>input,.pc-settings-control-with-suffix{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  border:1px solid #dbe4ef!important;
  border-radius:15px!important;
  background:#fbfdff!important;
  color:#0f172a!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.pc-settings-field>input{padding:0 13px!important;font-size:12px!important;font-weight:750!important}
.pc-settings-field>input:focus{border-color:#38bdf8!important;background:#fff!important;box-shadow:0 0 0 4px rgba(14,165,233,.10)!important}
.pc-settings-control-with-suffix{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;overflow:hidden}
.pc-settings-control-with-suffix input{height:46px!important;min-height:46px!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important}
.pc-settings-control-with-suffix b{height:100%;display:grid;place-items:center;border-right:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:12px}
.pc-settings-control-with-suffix:focus-within{border-color:#38bdf8!important;background:#fff!important;box-shadow:0 0 0 4px rgba(14,165,233,.10)!important}
.pc-settings-option-list{display:grid;gap:9px}
.pc-settings-option{
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:13px 14px;
  border:1px solid #e7edf4;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fbfdff);
}
.pc-settings-option--warning{border-color:#fde7b0;background:linear-gradient(145deg,#fff,#fffdf7)}
.pc-settings-option-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.pc-settings-option-copy strong{color:#0f172a;font-size:12.5px;font-weight:950}
.pc-settings-option-copy span{color:#64748b;font-size:9.5px;font-weight:750;line-height:1.75}
body.pc-settings-active .pc-settings-option .pc-settings-toggle-wrap{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:32px!important;
  display:inline-flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
}
body.pc-settings-active .pc-settings-option .pc-settings-toggle-ui{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:32px!important;
  flex:0 0 58px!important;
  padding:0!important;
}
.pc-settings-option .pc-settings-toggle-knob{top:3px!important;left:3px!important;width:24px!important;height:24px!important}
.pc-settings-option .pc-settings-toggle-input:checked+.pc-settings-toggle-ui .pc-settings-toggle-knob{left:29px!important}
.pc-settings-option .pc-settings-toggle-state{display:none!important}
.pc-settings-option .pc-settings-toggle-input:focus-visible+.pc-settings-toggle-ui{outline:3px solid rgba(14,165,233,.22);outline-offset:2px}
.pc-settings-data-copy{margin:0;color:#64748b;font-size:10px;font-weight:750;line-height:1.9}
.pc-settings-data-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.pc-settings-action-btn{
  min-width:0;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:#fff;
  color:#334155;
  font-size:10px;
  font-weight:900;
}
.pc-settings-action-btn--primary{border-color:#7dd3fc;background:#f0f9ff;color:#0369a1}
.pc-settings-security-note{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#64748b;font-size:9px;font-weight:750;line-height:1.7}
.pc-settings-security-note .pc-svg-icon{margin-top:1px;flex:0 0 auto}
.pc-settings-save-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:21px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:25px;
  background:
    radial-gradient(circle at 8% 4%,rgba(125,211,252,.25),transparent 13rem),
    linear-gradient(145deg,#082f49,#172554);
  color:#fff;
  box-shadow:0 20px 42px rgba(15,23,42,.16);
}
.pc-settings-save-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(186,230,253,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#bae6fd;font-size:9px;font-weight:900}
.pc-settings-save-status i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}
.pc-settings-save-panel h2{margin:14px 0 0!important;color:#fff!important;font-size:18px!important;font-weight:950!important}
.pc-settings-save-panel p{margin:7px 0 0;color:#cbd5e1;font-size:10px;font-weight:750;line-height:1.85}
.pc-settings-save-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:0;border-radius:15px;background:#fff;color:#075985;font-size:11.5px;font-weight:950;box-shadow:0 12px 24px rgba(2,6,23,.18)}
.pc-settings-save-panel small{display:block;margin-top:10px;color:#94a3b8;font-size:8.5px;font-weight:750;text-align:center}

/* ---------- Dark surfaces ---------- */
html.pc-dark-mode body.pc-online-menu-settings-active main#app-container,
body.pc-dark-mode.pc-online-menu-settings-active main#app-container,
html.pc-dark-mode body.pc-settings-active main#app-container,
body.pc-dark-mode.pc-settings-active main#app-container{
  background:radial-gradient(circle at 92% 2%,rgba(14,165,233,.10),transparent 25rem),linear-gradient(180deg,#020617,#0b1220)!important;
}
html.pc-dark-mode .pc-om-tabs,body.pc-dark-mode .pc-om-tabs{
  border-color:#1e293b!important;
  background:rgba(15,23,42,.88)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
html.pc-dark-mode .pc-om-tab,body.pc-dark-mode .pc-om-tab{background:transparent!important;border-color:transparent!important;color:#94a3b8!important}
html.pc-dark-mode .pc-om-tab:hover,body.pc-dark-mode .pc-om-tab:hover{background:#1e293b!important;color:#e2e8f0!important}
html.pc-dark-mode .pc-om-tab.active,body.pc-dark-mode .pc-om-tab.active{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important}
html.pc-dark-mode .pc-om-card,body.pc-dark-mode .pc-om-card,
html.pc-dark-mode .pc-om-quick-section,body.pc-dark-mode .pc-om-quick-section,
html.pc-dark-mode .pc-om-loading,body.pc-dark-mode .pc-om-loading,
html.pc-dark-mode .pc-om-error-state,body.pc-dark-mode .pc-om-error-state{
  border-color:#1e293b!important;
  background:#0f172a!important;
  color:#e5e7eb!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
}
html.pc-dark-mode .pc-om-kpi,body.pc-dark-mode .pc-om-kpi,
html.pc-dark-mode .pc-om-quick-card,body.pc-dark-mode .pc-om-quick-card,
html.pc-dark-mode .pc-om-product,body.pc-dark-mode .pc-om-product,
html.pc-dark-mode .pc-om-slide-card,body.pc-dark-mode .pc-om-slide-card{
  border-color:#273449!important;
  background:linear-gradient(145deg,#111827,#0f172a)!important;
  color:#e5e7eb!important;
}
html.pc-dark-mode .pc-om-kpi b,body.pc-dark-mode .pc-om-kpi b,
html.pc-dark-mode .pc-om-section-heading h3,body.pc-dark-mode .pc-om-section-heading h3,
html.pc-dark-mode .pc-om-section-head h3,body.pc-dark-mode .pc-om-section-head h3,
html.pc-dark-mode .pc-om-quick-card strong,body.pc-dark-mode .pc-om-quick-card strong,
html.pc-dark-mode .pc-om-product-name,body.pc-dark-mode .pc-om-product-name{
  color:#f8fafc!important;
}
html.pc-dark-mode .pc-om-input,body.pc-dark-mode .pc-om-input,
html.pc-dark-mode .pc-om-select,body.pc-dark-mode .pc-om-select,
html.pc-dark-mode .pc-om-textarea,body.pc-dark-mode .pc-om-textarea,
html.pc-dark-mode .pc-om-template-readonly,body.pc-dark-mode .pc-om-template-readonly{
  border-color:#334155!important;
  background:#111827!important;
  color:#e5e7eb!important;
}
html.pc-dark-mode .pc-om-btn,body.pc-dark-mode .pc-om-btn{border-color:#334155!important;background:#111827!important;color:#e2e8f0!important}
html.pc-dark-mode .pc-om-product-img,body.pc-dark-mode .pc-om-product-img{border-color:#334155!important;background:#1e293b!important;color:#7dd3fc!important}
html.pc-dark-mode .pc-om-category-accordion-item,body.pc-dark-mode .pc-om-category-accordion-item,
html.pc-dark-mode .pc-om-category-accordion-head,body.pc-dark-mode .pc-om-category-accordion-head{border-color:#334155!important;background:#111827!important;color:#e5e7eb!important}
html.pc-dark-mode .pc-om-category-accordion-head h4,body.pc-dark-mode .pc-om-category-accordion-head h4{color:#f8fafc!important}
html.pc-dark-mode .pc-settings-panel,body.pc-dark-mode .pc-settings-panel{
  border-color:#1e293b!important;
  background:#0f172a!important;
  color:#e5e7eb!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
}
html.pc-dark-mode .pc-settings-section-head h2,body.pc-dark-mode .pc-settings-section-head h2,
html.pc-dark-mode .pc-settings-option-copy strong,body.pc-dark-mode .pc-settings-option-copy strong{color:#f8fafc!important}
html.pc-dark-mode .pc-settings-section-head p,body.pc-dark-mode .pc-settings-section-head p,
html.pc-dark-mode .pc-settings-option-copy span,body.pc-dark-mode .pc-settings-option-copy span,
html.pc-dark-mode .pc-settings-data-copy,body.pc-dark-mode .pc-settings-data-copy{color:#94a3b8!important}
html.pc-dark-mode .pc-settings-field,body.pc-dark-mode .pc-settings-field{color:#cbd5e1!important}
html.pc-dark-mode .pc-settings-field>input,body.pc-dark-mode .pc-settings-field>input,
html.pc-dark-mode .pc-settings-control-with-suffix,body.pc-dark-mode .pc-settings-control-with-suffix{
  border-color:#334155!important;
  background:#111827!important;
  color:#e5e7eb!important;
}
html.pc-dark-mode .pc-settings-control-with-suffix input,body.pc-dark-mode .pc-settings-control-with-suffix input{background:transparent!important;color:#e5e7eb!important}
html.pc-dark-mode .pc-settings-control-with-suffix b,body.pc-dark-mode .pc-settings-control-with-suffix b{border-color:#334155!important;background:#1e293b!important;color:#cbd5e1!important}
html.pc-dark-mode .pc-settings-option,body.pc-dark-mode .pc-settings-option{border-color:#273449!important;background:linear-gradient(145deg,#111827,#0f172a)!important}
html.pc-dark-mode .pc-settings-option--warning,body.pc-dark-mode .pc-settings-option--warning{border-color:#4a3b1d!important;background:linear-gradient(145deg,#151827,#181711)!important}
html.pc-dark-mode .pc-settings-action-btn,body.pc-dark-mode .pc-settings-action-btn,
html.pc-dark-mode .pc-settings-security-note,body.pc-dark-mode .pc-settings-security-note{border-color:#334155!important;background:#111827!important;color:#cbd5e1!important}

/* ---------- Responsive refinements ---------- */
@media(max-width:960px){
  .pc-om-products-list{grid-template-columns:1fr}
  .pc-settings-layout{grid-template-columns:1fr}
  .pc-settings-side-column{position:static;grid-template-columns:1fr 1fr;align-items:stretch}
}
@media(max-width:760px){
  .pc-om-command-card{min-height:0;align-items:stretch;flex-direction:column;padding:22px}
  .pc-om-command-actions{justify-content:flex-start}
  .pc-om-quick-grid{grid-template-columns:1fr}
  .pc-om-kpis.pc-om-kpis--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-settings-fields-grid{grid-template-columns:1fr}
  .pc-settings-side-column{grid-template-columns:1fr}
}
@media(max-width:560px){
  body.pc-online-menu-settings-active main#app-container,
  body.pc-settings-active main#app-container,
  body[data-foodos-route="recipes"] main#app-container{padding-left:12px!important;padding-right:12px!important}
  body.pc-online-menu-settings-active .pc-om-page>.pc-om-topbar,
  body.pc-settings-active main#app-container>.pc-settings-page.pc-settings-pro>.pc-settings-topbar,
  body[data-foodos-route="recipes"] main#app-container>.pc-recipes-page.pc-subpage-shell>.pc-module-topbar{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .pc-om-tabs{top:65px;margin-bottom:12px!important;border-radius:16px;padding:6px!important}
  .pc-om-tab{height:40px!important;min-height:40px!important;padding:0 11px!important;font-size:10.5px!important}
  .pc-om-command-card{padding:19px;border-radius:23px}
  .pc-om-command-copy h2{font-size:22px!important}
  .pc-om-command-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .pc-om-command-btn{min-width:0;padding:0 9px;font-size:9.5px}
  .pc-om-kpis.pc-om-kpis--four{gap:8px;margin:10px 0!important}
  .pc-om-kpi{min-height:114px!important;padding:13px!important;border-radius:18px!important}
  .pc-om-kpi-icon{top:11px;left:11px;width:31px;height:31px}
  .pc-om-kpi b{font-size:17px!important}
  .pc-om-quick-section,.pc-om-card{padding:15px!important;border-radius:21px!important}
  .pc-om-section-heading>p{display:none}
  .pc-om-product{grid-template-columns:52px minmax(0,1fr) 42px!important;padding:9px!important}
  .pc-om-product-img{width:52px!important;height:52px!important;border-radius:14px!important}
  .pc-om-product-edit{width:42px!important;min-width:42px!important;padding:0!important}
  .pc-om-product-edit span{display:none}
  .pc-om-template2-colors{grid-template-columns:1fr}
  .pc-om-schedule{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) 50px!important;gap:5px!important}
  .pc-om-modal{padding:8px!important;align-items:flex-end!important}
  .pc-om-modal-panel{padding:14px!important;border-radius:25px 25px 17px 17px!important}
  .pc-settings-panel{padding:16px;border-radius:21px}
  .pc-settings-option{grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:10px}
  .pc-settings-data-actions{grid-template-columns:1fr}
  .pc-settings-save-panel{padding:18px;border-radius:21px}
  .pc-recipes-page .pc-recipes-add-btn{width:100%!important;justify-content:center!important}
}
@media(max-width:370px){
  .pc-om-command-actions{grid-template-columns:1fr}
  .pc-om-kpis.pc-om-kpis--four{grid-template-columns:1fr}
  .pc-om-kpi{min-height:104px!important}
  .pc-settings-option{grid-template-columns:1fr}
  body.pc-settings-active .pc-settings-option .pc-settings-toggle-wrap{justify-self:start!important}
}
@media(prefers-reduced-motion:reduce){
  .pc-om-loading-spinner{animation-duration:1.5s}
  .pc-om-quick-card,.pc-om-tab,.pc-om-product{transition:none!important}
}

/* FOODOS_V84_74_0_PREMIUM_UI_END */