@font-face{font-family:'OGFOYekanBakh';src:url('../../assets/fonts/YekanBakh-Regular.woff2') format('woff2'),url('../../assets/fonts/YekanBakh-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'OGFOYekanBakh';src:url('../../assets/fonts/YekanBakh-Medium.woff2') format('woff2'),url('../../assets/fonts/YekanBakh-Medium.ttf') format('truetype');font-weight:600;font-style:normal;font-display:block}
@font-face{font-family:'OGFOYekanBakh';src:url('../../assets/fonts/YekanBakh-Bold.woff2') format('woff2'),url('../../assets/fonts/YekanBakh-Bold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:block}
.ogfo-public,.ogfo-public *{font-family:'OGFOYekanBakh',Tahoma,Arial,sans-serif!important}
.ogfo-public{direction:rtl;font-family:tahoma,Arial,sans-serif;color:#24324a}.ogfo-auth-card,.ogfo-panel{max-width:860px;margin:24px auto;background:#fff;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 14px 36px rgba(36,50,74,.06);padding:18px}.ogfo-auth-card{max-width:420px}.ogfo-auth-card h2,.ogfo-form-head h2{margin:0 0 8px;font-size:20px}.ogfo-auth-card p,.ogfo-form-head p{color:#7f8aa0;margin:0 0 16px;font-size:13px}.ogfo-public input{border:1px solid #e6ebf2;border-radius:10px;min-height:42px;padding:8px 10px;box-sizing:border-box}.ogfo-public button{border:0;background:#314d84;color:#fff;border-radius:10px;min-height:42px;padding:8px 16px;font-weight:800;cursor:pointer}.ogfo-auth-card form{display:flex;flex-direction:column;gap:10px}.ogfo-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ogfo-userbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6ebf2;padding-bottom:12px;margin-bottom:14px}.ogfo-userbar span{display:block;color:#7f8aa0;font-size:12px;margin-top:4px}.ogfo-day{border:1px solid #e6ebf2;border-radius:14px;margin:12px 0;overflow:hidden;background:#fbfcfe}.ogfo-day-title{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px;border-bottom:1px solid #e6ebf2}.ogfo-options{padding:12px;display:flex;flex-direction:column;gap:8px}.ogfo-options b{font-size:13px}.ogfo-options label{background:#fff;border:1px solid #e6ebf2;border-radius:10px;min-height:42px;display:flex;align-items:center;gap:8px;padding:0 10px}.ogfo-options em{margin-right:auto;color:#7f8aa0;font-style:normal;font-size:12px}.ogfo-qty{display:flex;align-items:center;gap:8px;font-size:12px;color:#7f8aa0}.ogfo-qty input{width:90px}.ogfo-sticky{position:sticky;bottom:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 12px 28px rgba(36,50,74,.08);padding:12px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.ogfo-badge{display:inline-flex;background:#fff0f0;color:#d85a5a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.ogfo-history-row{display:flex;justify-content:space-between;border-bottom:1px solid #e6ebf2;padding:10px 0}.ogfo-msg{margin-top:10px;color:#d85a5a}@media(max-width:700px){.ogfo-auth-card,.ogfo-panel{margin:12px}.ogfo-grid-2{grid-template-columns:1fr}.ogfo-sticky{flex-direction:column;gap:10px;align-items:stretch}}

/* V7.1 Professional two-step auth */
.ogfo-auth-page{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:28px 14px;background:linear-gradient(180deg,#f8f9fa 0%,#eef3f8 100%)}
.ogfo-auth-shell{width:100%;max-width:440px;background:#fff;border:1px solid #e6ebf2;border-radius:18px;box-shadow:0 18px 48px rgba(36,50,74,.09);padding:22px;box-sizing:border-box;position:relative;overflow:hidden}
.ogfo-auth-shell:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#314d84}
.ogfo-auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.ogfo-auth-logo{width:44px;height:44px;border-radius:14px;background:#eef3fb;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}
.ogfo-auth-brand h2{margin:0 0 4px;font-size:18px;font-weight:900;color:#24324a}
.ogfo-auth-brand p{margin:0;color:#7f8aa0;font-size:12px;line-height:1.8}
.ogfo-auth-stepper{display:flex;align-items:center;gap:8px;margin:8px 0 18px}
.ogfo-auth-stepper span{width:26px;height:26px;border-radius:999px;background:#f4f6fa;color:#9aa5b8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border:1px solid #e6ebf2}
.ogfo-auth-stepper span.is-active{background:#314d84;color:#fff;border-color:#314d84}
.ogfo-auth-stepper i{height:1px;background:#e6ebf2;flex:1}
.ogfo-auth-form{display:flex;flex-direction:column;gap:12px;animation:ogfoAuthIn .22s ease both}
@keyframes ogfoAuthIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ogfo-auth-title{display:flex;flex-direction:column;gap:4px;margin-bottom:2px}
.ogfo-auth-title strong{font-size:15px;color:#24324a}
.ogfo-auth-title small{color:#7f8aa0;font-size:12px;line-height:1.8}
.ogfo-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#536078;font-weight:800}
.ogfo-field input{width:100%;background:#fbfcfe;border:1px solid #e6ebf2;border-radius:12px;min-height:46px;padding:10px 12px;font-size:14px;outline:none;transition:.18s ease;box-shadow:none}
.ogfo-field input:focus{border-color:#314d84;background:#fff;box-shadow:0 0 0 3px #eef3fb}
.ogfo-auth-submit{width:100%;min-height:46px;border:0;border-radius:12px;background:#314d84;color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}
.ogfo-auth-submit:hover{background:#294273;transform:translateY(-1px)}
.ogfo-auth-submit.is-loading{opacity:.72;pointer-events:none}
.ogfo-national-preview{display:flex;align-items:center;justify-content:space-between;background:#f8fafd;border:1px solid #e6ebf2;border-radius:12px;padding:10px 12px;color:#7f8aa0;font-size:12px}
.ogfo-national-preview strong{color:#24324a;font-size:14px;letter-spacing:1px}
.ogfo-auth-actions{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center}
.ogfo-auth-back{min-height:46px;border:0;border-radius:12px;background:#eef3fb;color:#314d84;font-weight:900;cursor:pointer}
.ogfo-auth-shell .ogfo-msg{min-height:22px;margin-top:12px;font-size:12px;line-height:1.8;text-align:center}
@media(max-width:520px){.ogfo-auth-shell{max-width:100%;padding:18px;border-radius:16px}.ogfo-auth-actions{grid-template-columns:1fr}.ogfo-auth-back{order:2}.ogfo-auth-brand h2{font-size:16px}}

/* V7.2 Auth standard patch: true one-screen step flow */
.ogfo-auth-screen[hidden],
.ogfo-auth-form[hidden],
#ogfo-register-form[hidden]{display:none!important;visibility:hidden!important}
.ogfo-auth-page{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:28px 14px;background:#f4f6fa}
.ogfo-auth-shell{width:100%;max-width:438px;background:#fff;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 18px 48px rgba(36,50,74,.08);padding:22px;box-sizing:border-box;position:relative;overflow:hidden}
.ogfo-auth-shell:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#314d84}
.ogfo-auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.ogfo-auth-logo{width:42px;height:42px;border-radius:12px;background:#eef3fb;display:flex;align-items:center;justify-content:center;font-size:21px;flex:0 0 auto}
.ogfo-auth-brand h2{margin:0 0 4px;font-size:17px;font-weight:900;color:#24324a;line-height:1.5}
.ogfo-auth-brand p{margin:0;color:#7f8aa0;font-size:12px;line-height:1.8}
.ogfo-auth-progress{display:flex;align-items:center;gap:8px;margin:6px 0 18px}
.ogfo-auth-progress span{width:25px;height:25px;border-radius:999px;background:#f4f6fa;color:#9aa5b8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border:1px solid #e6ebf2;transition:.18s ease}
.ogfo-auth-progress span.is-active{background:#314d84;color:#fff;border-color:#314d84}
.ogfo-auth-progress i{height:1px;background:#e6ebf2;flex:1}
.ogfo-auth-screen{display:none}
.ogfo-auth-screen.is-active{display:block;animation:ogfoAuthIn .22s ease both}
@keyframes ogfoAuthIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ogfo-auth-form{display:flex;flex-direction:column;gap:12px}
.ogfo-auth-title{display:flex;flex-direction:column;gap:4px;margin-bottom:2px}
.ogfo-auth-title strong{font-size:15px;color:#24324a;font-weight:900}
.ogfo-auth-title small{color:#7f8aa0;font-size:12px;line-height:1.8}
.ogfo-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#536078;font-weight:800}
.ogfo-field input{width:100%;background:#fbfcfe!important;border:1px solid #e6ebf2!important;border-radius:11px!important;min-height:46px!important;padding:10px 12px!important;font-size:14px!important;outline:none;transition:.18s ease;box-shadow:none!important}
.ogfo-field input:focus{border-color:#314d84!important;background:#fff!important;box-shadow:0 0 0 3px #eef3fb!important}
.ogfo-auth-submit{width:100%;min-height:46px;border:0;border-radius:11px;background:#314d84;color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}
.ogfo-auth-submit:hover{background:#294273;transform:translateY(-1px)}
.ogfo-auth-submit.is-loading{opacity:.72;pointer-events:none;transform:none}
.ogfo-auth-submit .ogfo-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ogfoSpin .65s linear infinite}
@keyframes ogfoSpin{to{transform:rotate(360deg)}}
.ogfo-national-preview{display:flex;align-items:center;justify-content:space-between;background:#f8fafd;border:1px solid #e6ebf2;border-radius:11px;padding:10px 12px;color:#7f8aa0;font-size:12px}
.ogfo-national-preview strong{color:#24324a;font-size:14px;letter-spacing:1px}
.ogfo-auth-actions{display:grid;grid-template-columns:122px 1fr;gap:10px;align-items:center}
.ogfo-auth-back{min-height:46px;border:0;border-radius:11px;background:#eef3fb!important;color:#314d84!important;font-weight:900;cursor:pointer}
.ogfo-auth-shell .ogfo-msg{min-height:22px;margin-top:12px;font-size:12px;line-height:1.8;text-align:center;color:#7f8aa0}
.ogfo-auth-shell.is-error{animation:ogfoShake .24s ease both}
@keyframes ogfoShake{0%,100%{transform:none}25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}
@media(max-width:520px){.ogfo-auth-shell{max-width:100%;padding:18px;border-radius:15px}.ogfo-auth-actions{grid-template-columns:1fr}.ogfo-auth-back{order:2}.ogfo-auth-brand h2{font-size:16px}}

.ogfo-field select{width:100%;border:1px solid #e6ebf2;border-radius:12px;min-height:44px;padding:0 12px;background:#fff;color:#24324a;outline:none}
.ogfo-field select:focus{border-color:#314d84;box-shadow:0 0 0 3px rgba(49,77,132,.10)}

/* V7.3.4 Auth typography + cleaner register action */
.ogfo-auth-shell .ogfo-auth-brand h2{
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:900!important;
  color:#24324a!important;
}

.ogfo-auth-shell .ogfo-auth-brand p,
.ogfo-auth-shell .ogfo-auth-title small{
  font-size:11.5px!important;
  line-height:1.85!important;
  color:#7f8aa0!important;
  font-weight:600!important;
}

.ogfo-auth-shell .ogfo-auth-title strong{
  font-size:14px!important;
  line-height:1.7!important;
  color:#24324a!important;
  font-weight:900!important;
}

.ogfo-auth-shell .ogfo-field span{
  font-size:11.5px!important;
  line-height:1.7!important;
  color:#536078!important;
  font-weight:800!important;
}

.ogfo-auth-shell .ogfo-field input,
.ogfo-auth-shell .ogfo-field select{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  box-sizing:border-box!important;
  border:1px solid #e6ebf2!important;
  border-radius:10px!important;
  background-color:#fbfcfe!important;
  color:#24324a!important;
  font-size:12.5px!important;
  font-family:inherit!important;
  font-weight:700!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease!important;
}

.ogfo-auth-shell .ogfo-field input{
  padding:9px 11px!important;
  line-height:24px!important;
}

.ogfo-auth-shell .ogfo-field input::placeholder{
  color:#a5afbf!important;
  font-size:12px!important;
  font-weight:500!important;
  opacity:1!important;
}

.ogfo-auth-shell .ogfo-field select{
  padding:0 11px 0 36px!important;
  line-height:42px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-image:none!important;
  cursor:pointer;
  color:#536078!important;
}

.ogfo-auth-shell .ogfo-field select option{
  font-size:12.5px!important;
  color:#24324a!important;
  font-weight:500!important;
}

.ogfo-auth-shell .ogfo-field input:focus,
.ogfo-auth-shell .ogfo-field select:focus{
  border-color:#314d84!important;
  background-color:#fff!important;
  color:#24324a!important;
  box-shadow:0 0 0 3px #eef3fb!important;
}

.ogfo-auth-shell .ogfo-field-select{
  position:relative;
}

.ogfo-auth-shell .ogfo-field-select:after{
  content:"";
  position:absolute;
  left:14px;
  bottom:17px;
  width:6px;
  height:6px;
  border-left:1.8px solid #8a95a8;
  border-bottom:1.8px solid #8a95a8;
  transform:rotate(-45deg);
  pointer-events:none;
  opacity:.95;
}

.ogfo-auth-shell .ogfo-field-select:focus-within:after{
  border-color:#314d84;
}

.ogfo-auth-shell .ogfo-field select:disabled{
  color:#9aa5b8!important;
  background-color:#f4f6fa!important;
  cursor:not-allowed;
}

.ogfo-auth-shell .ogfo-auth-actions{
  display:block!important;
}

.ogfo-auth-shell .ogfo-auth-back{
  display:none!important;
}

.ogfo-auth-shell .ogfo-auth-submit{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  font-weight:900!important;
}

.ogfo-auth-shell .ogfo-field-hint{
  display:block;
  margin-top:5px;
  font-size:11px!important;
  line-height:1.8!important;
  color:#7f8aa0;
  font-weight:600;
}

.ogfo-auth-shell .ogfo-field-hint-danger{
  color:#d85a5a;
}

.ogfo-auth-shell .ogfo-auth-submit:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none!important;
}


/* V7.4 Professional user order form */
.ogfo-food-app{
  background:#f4f6fa;
  padding:18px 10px 28px;
}
.ogfo-order-panel{
  max-width:920px!important;
  border-radius:18px!important;
  border:1px solid #e6ebf2!important;
  box-shadow:0 18px 46px rgba(36,50,74,.07)!important;
  padding:18px!important;
}
.ogfo-order-userbar{
  padding-bottom:14px!important;
  margin-bottom:16px!important;
}
.ogfo-order-userbar strong{
  font-size:13.5px;
  color:#24324a;
}
.ogfo-order-userbar span{
  font-size:11.5px!important;
  color:#7f8aa0!important;
}
.ogfo-order-userbar a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:10px;
  background:#eef3fb;
  color:#314d84;
  text-decoration:none;
  font-size:11.5px;
  font-weight:800;
}
.ogfo-order-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  background:linear-gradient(180deg,#ffffff,#fafbfd);
  border:1px solid #e6ebf2;
  border-radius:16px;
  padding:16px;
  margin-bottom:14px;
}
.ogfo-order-head .ogfo-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:5px;
  color:#314d84;
  font-size:11px;
  font-weight:900;
}
.ogfo-order-head h2{
  font-size:17px!important;
  line-height:1.6!important;
  margin:0 0 6px!important;
  color:#24324a!important;
}
.ogfo-order-head p{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:0!important;
  color:#7f8aa0!important;
  font-size:11.5px!important;
  line-height:1.8!important;
}
.ogfo-badge-success{
  background:#eef8f2!important;
  color:#249466!important;
}
.ogfo-badge-warning{
  background:#fff7e8!important;
  color:#b86d00!important;
}
.ogfo-reopen-note{
  border:1px solid #ffe2b8;
  background:#fffaf1;
  color:#8a5a12;
  border-radius:14px;
  padding:12px 14px;
  font-size:12px;
  font-weight:700;
  line-height:1.9;
  margin-bottom:12px;
}
.ogfo-order-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ogfo-order-day{
  border:1px solid #e6ebf2!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(36,50,74,.04);
  margin:0!important;
}
.ogfo-order-day .ogfo-day-title{
  padding:12px 14px!important;
  background:#fbfcfe!important;
  border-bottom:1px solid #e6ebf2!important;
}
.ogfo-order-day .ogfo-day-title div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
}
.ogfo-order-day .ogfo-day-title span{
  font-size:12px;
  color:#314d84;
  font-weight:900;
}
.ogfo-order-day .ogfo-day-title strong{
  font-size:12px;
  color:#7f8aa0;
  font-weight:800;
}
.ogfo-options{
  padding:12px!important;
  gap:7px!important;
}
.ogfo-option-title{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:4px;
}
.ogfo-option-title span{
  width:25px;
  height:25px;
  border-radius:9px;
  background:#eef3fb;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.ogfo-option-title b{
  font-size:12.5px!important;
  color:#24324a;
  font-weight:900;
}
.ogfo-option-title small{
  margin-right:auto;
  color:#9aa5b8;
  font-size:10.8px;
  font-weight:700;
}
.ogfo-food-choice{
  min-height:38px!important;
  border:1px solid #e6ebf2!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease!important;
  cursor:pointer;
}
.ogfo-food-choice:hover{
  border-color:#d9e0eb!important;
  background:#fbfcfe!important;
}
.ogfo-food-choice.is-selected{
  border-color:#314d84!important;
  background:#f7faff!important;
  box-shadow:0 0 0 3px rgba(49,77,132,.06);
}
.ogfo-food-choice input[type="radio"]{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  margin:0!important;
  accent-color:#314d84;
  flex:0 0 auto;
}
.ogfo-choice-title{
  font-size:12px;
  color:#24324a;
  font-weight:800;
  line-height:1.6;
}
.ogfo-price-chip{
  margin-right:auto!important;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:999px;
  background:#eef8f2;
  color:#249466!important;
  font-size:11px!important;
  font-weight:900;
  font-style:normal!important;
  white-space:nowrap;
}
.ogfo-none-choice .ogfo-price-chip{
  background:#f4f6fa;
  color:#9aa5b8!important;
}
.ogfo-qty{
  justify-content:flex-end;
  margin-top:2px;
  font-size:11.5px!important;
  color:#7f8aa0!important;
  font-weight:800;
}
.ogfo-qty input{
  width:74px!important;
  height:34px!important;
  min-height:34px!important;
  border:1px solid #e6ebf2!important;
  border-radius:10px!important;
  text-align:center;
  font-size:12px!important;
  font-weight:800;
  color:#24324a;
  background:#fbfcfe;
}
.ogfo-starter{
  border-top:1px dashed #e6ebf2;
  margin-top:2px;
  padding-top:12px!important;
}
.ogfo-starter.is-hidden{
  display:none!important;
}
.ogfo-dependent-hint{
  display:none;
}
.ogfo-starter.is-hidden + .ogfo-dependent-hint{
  display:block;
}
.ogfo-main-options + .ogfo-starter.is-hidden:before{
  content:"ابتدا غذای اصلی را انتخاب کنید تا پیش‌غذا نمایش داده شود.";
}
.ogfo-main-options + .ogfo-starter.is-hidden{
  display:none!important;
}
.ogfo-order-sticky{
  bottom:14px!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 16px 38px rgba(36,50,74,.12)!important;
}
.ogfo-order-sticky strong{
  font-size:13px;
  color:#24324a;
}
.ogfo-order-sticky #ogfo-total{
  color:#249466;
  font-size:15px;
  font-weight:900;
}
.ogfo-order-sticky button{
  height:40px!important;
  min-height:40px!important;
  border-radius:11px!important;
  background:#314d84!important;
  font-size:12px!important;
  font-weight:900!important;
  padding:0 18px!important;
}
.ogfo-order-summary-card{
  border:1px solid #e6ebf2;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(36,50,74,.04);
}
.ogfo-summary-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:15px;
  background:#fbfcfe;
  border-bottom:1px solid #e6ebf2;
}
.ogfo-summary-head h3{
  margin:0 0 5px;
  font-size:14px;
  color:#24324a;
  font-weight:900;
}
.ogfo-summary-head p{
  margin:0;
  color:#7f8aa0;
  font-size:11.5px;
}
.ogfo-summary-head strong{
  background:#eef8f2;
  color:#249466;
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  white-space:nowrap;
}
.ogfo-summary-table-wrap{
  overflow:auto;
}
.ogfo-summary-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
  font-size:12px;
}
.ogfo-summary-table th{
  background:#fff;
  color:#7f8aa0;
  text-align:right;
  font-size:11px;
  font-weight:900;
  padding:10px;
  border-bottom:1px solid #e6ebf2;
}
.ogfo-summary-table td{
  padding:11px 10px;
  border-bottom:1px solid #eef2f7;
  color:#24324a;
  font-weight:700;
}
.ogfo-summary-table tbody tr:last-child td{
  border-bottom:0;
}
.ogfo-order-locked{
  display:flex;
  flex-direction:column;
  gap:6px;
  border:1px solid #e6ebf2;
  border-radius:16px;
  background:#fbfcfe;
  padding:18px;
}
.ogfo-order-locked strong{
  color:#24324a;
  font-size:14px;
}
.ogfo-order-locked span{
  color:#7f8aa0;
  font-size:12px;
}
@media(max-width:700px){
  .ogfo-food-app{padding:10px 0 22px}
  .ogfo-order-panel{border-radius:0!important;border-right:0!important;border-left:0!important;margin:0!important}
  .ogfo-order-head{flex-direction:column}
  .ogfo-order-sticky{align-items:stretch!important}
  .ogfo-order-sticky button{width:100%}
  .ogfo-summary-head{flex-direction:column}
}


/* V7.6 Reopen specific form-date range */
.ogfo-order-day.is-readonly-day{
  background:#fbfcfe!important;
  opacity:.92;
}
.ogfo-day-lock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  background:#f4f6fa;
  color:#9aa5b8;
  font-size:10.5px;
  font-style:normal;
  font-weight:900;
}
.ogfo-readonly-day-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:12px;
}
.ogfo-readonly-day-summary div{
  border:1px solid #e6ebf2;
  border-radius:12px;
  background:#fff;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ogfo-readonly-day-summary span{
  color:#7f8aa0;
  font-size:11px;
  font-weight:800;
}
.ogfo-readonly-day-summary strong{
  color:#24324a;
  font-size:12px;
  font-weight:900;
  line-height:1.7;
}
.ogfo-readonly-day-summary small{
  color:#9aa5b8;
  font-size:10.5px;
  font-weight:700;
}
@media(max-width:700px){
  .ogfo-readonly-day-summary{
    grid-template-columns:1fr;
  }
}


/* V7.8 User tabs + order history */
.ogfo-user-tabs-shell{
  max-width:920px;
  margin:18px auto 28px;
}
.ogfo-user-tabs{
  display:flex;
  gap:8px;
  background:#ffffff;
  border:1px solid #e6ebf2;
  border-radius:16px;
  padding:6px;
  box-shadow:0 12px 30px rgba(36,50,74,.05);
  margin:0 10px 12px;
}
.ogfo-user-tabs button{
  flex:1;
  height:42px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#7f8aa0;
  font-size:12px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  transition:.18s ease;
}
.ogfo-user-tabs button.is-active{
  background:#314d84;
  color:#fff;
  box-shadow:0 10px 20px rgba(49,77,132,.18);
}
.ogfo-tab-panel[hidden]{
  display:none!important;
}
.ogfo-tab-panel .ogfo-food-app{
  padding-top:0;
}
.ogfo-history-panel{
  background:#fff;
  border:1px solid #e6ebf2;
  border-radius:18px;
  box-shadow:0 18px 46px rgba(36,50,74,.07);
  padding:18px;
  margin:0 10px;
}
.ogfo-history-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid #e6ebf2;
  margin-bottom:12px;
}
.ogfo-history-head span{
  color:#314d84;
  font-size:11px;
  font-weight:900;
}
.ogfo-history-head h3{
  margin:5px 0 5px;
  color:#24324a;
  font-size:16px;
  font-weight:900;
}
.ogfo-history-head p{
  margin:0;
  color:#7f8aa0;
  font-size:11.5px;
  line-height:1.8;
}
.ogfo-history-head > strong{
  background:#eef8f2;
  color:#249466;
  border-radius:999px;
  padding:7px 11px;
  font-size:11.5px;
  white-space:nowrap;
}
.ogfo-history-empty{
  display:flex;
  flex-direction:column;
  gap:6px;
  background:#fbfcfe;
  border:1px solid #e6ebf2;
  border-radius:14px;
  padding:16px;
}
.ogfo-history-empty strong{
  color:#24324a;
  font-size:13px;
}
.ogfo-history-empty span{
  color:#7f8aa0;
  font-size:11.5px;
}
.ogfo-history-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ogfo-history-card{
  border:1px solid #e6ebf2;
  border-radius:15px;
  background:#fff;
  overflow:hidden;
}
.ogfo-history-toggle{
  width:100%;
  min-height:58px;
  border:0;
  background:#fbfcfe;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:10px;
  align-items:center;
  padding:12px;
  text-align:right;
  cursor:pointer;
}
.ogfo-history-toggle div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ogfo-history-toggle strong{
  color:#24324a;
  font-size:12.5px;
  font-weight:900;
}
.ogfo-history-toggle span{
  color:#7f8aa0;
  font-size:11px;
  font-weight:700;
}
.ogfo-history-toggle em{
  background:#eef8f2;
  color:#249466;
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
  font-style:normal;
  white-space:nowrap;
}
.ogfo-history-toggle i{
  color:#314d84;
  background:#eef3fb;
  border-radius:10px;
  padding:6px 9px;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}
.ogfo-history-card.is-open .ogfo-history-toggle{
  background:#fff;
  border-bottom:1px solid #e6ebf2;
}
.ogfo-history-detail{
  padding:12px;
}
.ogfo-history-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.ogfo-history-meta span{
  background:#f4f6fa;
  color:#7f8aa0;
  border-radius:999px;
  padding:5px 9px;
  font-size:10.5px;
  font-weight:800;
}
@media(max-width:700px){
  .ogfo-user-tabs-shell{margin:10px 0 22px}
  .ogfo-user-tabs{margin:0 10px 10px}
  .ogfo-history-panel{margin:0 10px;border-radius:16px;padding:14px}
  .ogfo-history-head{flex-direction:column}
  .ogfo-history-toggle{grid-template-columns:1fr;align-items:stretch}
  .ogfo-history-toggle em,.ogfo-history-toggle i{justify-self:start}
}


/* V7.8.1 Minimal history visual refinement */
.ogfo-history-panel{
  background:#fff!important;
  border-color:#e8edf4!important;
  box-shadow:0 14px 34px rgba(36,50,74,.045)!important;
}

.ogfo-history-head{
  border-bottom-color:#edf1f6!important;
}

.ogfo-history-head span{
  color:#7f8aa0!important;
  font-size:10.8px!important;
  letter-spacing:0!important;
}

.ogfo-history-head h3{
  color:#24324a!important;
  font-size:15px!important;
  font-weight:900!important;
}

.ogfo-history-head p{
  color:#8d98aa!important;
  font-size:11.3px!important;
}

.ogfo-history-head > strong{
  background:#f4f6fa!important;
  color:#69768a!important;
  border:1px solid #e8edf4!important;
  font-size:11px!important;
  font-weight:800!important;
}

.ogfo-history-card{
  border-color:#e8edf4!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:#fff!important;
}

.ogfo-history-toggle{
  background:#fff!important;
  min-height:56px!important;
  padding:12px 13px!important;
  transition:background-color .16s ease,border-color .16s ease!important;
}

.ogfo-history-toggle:hover{
  background:#fafbfd!important;
}

.ogfo-history-card.is-open .ogfo-history-toggle{
  background:#fafbfd!important;
  border-bottom-color:#edf1f6!important;
}

.ogfo-history-toggle strong{
  color:#2f3b52!important;
  font-size:12.2px!important;
  font-weight:800!important;
}

.ogfo-history-toggle span{
  color:#8d98aa!important;
  font-size:10.8px!important;
  font-weight:600!important;
}

.ogfo-history-toggle em{
  background:#f1f8f4!important;
  color:#2f8b64!important;
  border:1px solid rgba(47,139,100,.11)!important;
  font-size:10.8px!important;
  font-weight:800!important;
  padding:5px 9px!important;
}

.ogfo-history-toggle i{
  color:#69768a!important;
  background:#f4f6fa!important;
  border:1px solid #e8edf4!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

.ogfo-history-card.is-open .ogfo-history-toggle i{
  color:#314d84!important;
  background:#eef3fb!important;
  border-color:#dfe8f6!important;
}

.ogfo-history-detail{
  background:#fff!important;
  padding:12px!important;
}

.ogfo-history-meta span{
  background:#fafbfd!important;
  border:1px solid #e8edf4!important;
  color:#8d98aa!important;
  font-size:10.4px!important;
  font-weight:700!important;
}

.ogfo-history-detail .ogfo-summary-table{
  font-size:11.5px!important;
}

.ogfo-history-detail .ogfo-summary-table th{
  background:#fafbfd!important;
  color:#8d98aa!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

.ogfo-history-detail .ogfo-summary-table td{
  color:#3a465d!important;
  font-size:11.3px!important;
  font-weight:600!important;
}

.ogfo-history-empty{
  background:#fafbfd!important;
  border-color:#e8edf4!important;
}

.ogfo-history-empty strong{
  color:#2f3b52!important;
  font-size:12.6px!important;
}

.ogfo-history-empty span{
  color:#8d98aa!important;
}


/* V7.8.3 Real shared header + tabs structure */
.ogfo-user-tabs-shell{max-width:920px!important;margin:18px auto 28px!important;padding:0 10px!important}
.ogfo-user-main-panel{max-width:920px!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;border-radius:18px!important}
.ogfo-user-main-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding:18px!important;background:linear-gradient(180deg,#ffffff,#fafbfd)!important;border-bottom:1px solid #e6ebf2!important}
.ogfo-user-kicker{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-bottom:5px!important;color:#69768a!important;font-size:11px!important;font-weight:900!important}
.ogfo-user-main-title h2{margin:0 0 6px!important;color:#24324a!important;font-size:17px!important;line-height:1.6!important;font-weight:900!important}
.ogfo-user-main-title p{display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important;margin:0!important;color:#8d98aa!important;font-size:11.5px!important;line-height:1.8!important;font-weight:700!important}
.ogfo-user-main-profile{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
.ogfo-user-main-profile div{text-align:left!important}
.ogfo-user-main-profile strong{display:block!important;color:#24324a!important;font-size:12.5px!important;font-weight:900!important;line-height:1.7!important}
.ogfo-user-main-profile span{display:block!important;color:#9aa5b8!important;font-size:10.8px!important;font-weight:700!important}
.ogfo-user-main-profile a{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;border-radius:10px!important;background:#f4f6fa!important;color:#69768a!important;border:1px solid #e8edf4!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important}
.ogfo-user-main-panel > .ogfo-user-tabs{margin:12px 18px 14px!important}
.ogfo-user-main-panel .ogfo-tab-panel{padding:0 18px 18px!important}
.ogfo-food-app.is-embedded-panel{padding:0!important;background:transparent!important}
.ogfo-food-app.is-embedded-panel > .ogfo-order-panel{max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.ogfo-food-app.is-embedded-panel .ogfo-order-userbar,.ogfo-food-app.is-embedded-panel .ogfo-order-head{display:none!important}
.ogfo-user-main-panel .ogfo-history-panel{margin:0!important;border-radius:16px!important;box-shadow:none!important}
@media(max-width:700px){.ogfo-user-tabs-shell{margin:10px 0 22px!important;padding:0 10px!important}.ogfo-user-main-header{flex-direction:column!important;padding:15px!important}.ogfo-user-main-profile{width:100%!important;justify-content:space-between!important}.ogfo-user-main-profile div{text-align:right!important}.ogfo-user-main-panel > .ogfo-user-tabs{margin:10px 14px 12px!important}.ogfo-user-main-panel .ogfo-tab-panel{padding:0 14px 14px!important}}


/* V7.8.5 Mobile quantity stepper */
.ogfo-qty-stepper{
  justify-content:flex-end!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:6px!important;
}
.ogfo-qty-stepper > span{
  color:#7f8aa0;
  font-size:11.5px;
  font-weight:800;
  margin-left:4px;
}
.ogfo-qty-stepper input[type="number"]{
  width:46px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  text-align:center!important;
  border-radius:10px!important;
  -moz-appearance:textfield;
}
.ogfo-qty-stepper input[type="number"]::-webkit-outer-spin-button,
.ogfo-qty-stepper input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.ogfo-qty-btn{
  width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:10px!important;
  border:1px solid #e6ebf2!important;
  background:#fff!important;
  color:#314d84!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 10px rgba(36,50,74,.04)!important;
  touch-action:manipulation;
}
.ogfo-qty-btn:disabled{
  opacity:.42!important;
  color:#9aa5b8!important;
  background:#f4f6fa!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
.ogfo-qty-stepper.is-disabled input{
  color:#9aa5b8!important;
  background:#f4f6fa!important;
}
@media(max-width:700px){
  .ogfo-qty-stepper{
    width:100%;
    justify-content:space-between!important;
    background:#fafbfd;
    border:1px solid #e6ebf2;
    border-radius:13px;
    padding:7px;
    box-sizing:border-box;
  }
  .ogfo-qty-stepper > span{
    margin-left:auto;
  }
  .ogfo-qty-btn{
    width:38px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:19px!important;
  }
  .ogfo-qty-stepper input[type="number"]{
    width:52px!important;
    height:36px!important;
    min-height:36px!important;
  }
}


/* V7.9 Auth minimal white UX */
.ogfo-auth-page{
  min-height:420px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  padding:24px 12px!important;
}
.ogfo-auth-shell{
  width:100%!important;
  max-width:390px!important;
  background:#fff!important;
  border:1px solid #e8edf4!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(36,50,74,.055)!important;
  padding:18px!important;
}
.ogfo-auth-shell .ogfo-auth-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-bottom:14px!important;
  text-align:center!important;
}
.ogfo-auth-shell .ogfo-auth-logo{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f4f6fa!important;
  color:#314d84!important;
  font-size:16px!important;
}
.ogfo-auth-shell .ogfo-auth-brand h2{
  margin:0!important;
  font-size:15px!important;
  line-height:1.7!important;
  color:#24324a!important;
  font-weight:900!important;
}
.ogfo-auth-shell .ogfo-auth-brand p,
.ogfo-auth-shell .ogfo-auth-title,
.ogfo-auth-shell .ogfo-auth-progress{
  display:none!important;
}
.ogfo-auth-shell .ogfo-auth-form{
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
}
.ogfo-auth-shell .ogfo-field span{
  font-size:11.3px!important;
  color:#69768a!important;
  font-weight:800!important;
}
.ogfo-auth-shell .ogfo-field input,
.ogfo-auth-shell .ogfo-field select{
  height:42px!important;
  min-height:42px!important;
  border-radius:10px!important;
  font-size:12.2px!important;
  color:#24324a!important;
  background:#fff!important;
  border:1px solid #e6ebf2!important;
}
.ogfo-auth-shell .ogfo-field input::placeholder{
  color:#a8b2c1!important;
  font-size:11.8px!important;
  font-weight:500!important;
}
.ogfo-auth-shell .ogfo-security-field input{
  max-width:100%!important;
}
.ogfo-auth-shell .ogfo-auth-submit{
  height:42px!important;
  min-height:42px!important;
  border-radius:10px!important;
  background:#314d84!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:900!important;
  margin-top:2px!important;
}
.ogfo-auth-shell .ogfo-national-preview{
  background:#fafbfd!important;
  border:1px solid #e8edf4!important;
  border-radius:12px!important;
  padding:9px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.ogfo-auth-shell .ogfo-national-preview span{
  color:#8d98aa!important;
  font-size:11px!important;
  font-weight:800!important;
}
.ogfo-auth-shell .ogfo-national-preview strong{
  color:#24324a!important;
  font-size:12px!important;
  font-weight:900!important;
}
.ogfo-auth-shell .ogfo-msg{
  min-height:18px!important;
  margin-top:10px!important;
  font-size:11.5px!important;
  line-height:1.8!important;
  text-align:center!important;
}


/* V7.9.1 Auth random captcha + uploaded logo */
.ogfo-auth-shell .ogfo-auth-logo.has-logo{
  width:54px!important;
  height:54px!important;
  background:#fff!important;
  border:1px solid #e8edf4!important;
  overflow:hidden!important;
}
.ogfo-auth-shell .ogfo-auth-logo.has-logo img{
  max-width:100%!important;
  max-height:100%!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.ogfo-auth-shell .ogfo-security-field span{
  direction:ltr;
  text-align:right;
}


/* V7.10 Reopen request ticket */
.ogfo-reopen-ticket{
  margin-top:12px;
  border:1px solid #e8edf4;
  background:#fff;
  border-radius:16px;
  padding:14px;
  box-shadow:0 10px 24px rgba(36,50,74,.035);
}
.ogfo-reopen-ticket-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.ogfo-reopen-ticket-head strong{
  display:block;
  color:#24324a;
  font-size:13px;
  font-weight:900;
  line-height:1.8;
}
.ogfo-reopen-ticket-head span{
  display:block;
  color:#8d98aa;
  font-size:11.3px;
  font-weight:700;
}
.ogfo-reopen-ticket-head em{
  background:#f4f6fa;
  color:#69768a;
  border:1px solid #e8edf4;
  border-radius:999px;
  padding:5px 9px;
  font-size:10.5px;
  font-style:normal;
  font-weight:900;
}
.ogfo-reopen-request-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ogfo-reopen-request-form textarea{
  width:100%;
  border:1px solid #e6ebf2;
  border-radius:12px;
  background:#fafbfd;
  padding:10px 12px;
  resize:vertical;
  min-height:92px;
  color:#24324a;
  font-family:inherit;
  font-size:12px;
  line-height:1.9;
  box-sizing:border-box;
}
.ogfo-reopen-request-form textarea:focus{
  outline:none;
  border-color:#314d84;
  box-shadow:0 0 0 3px #eef3fb;
  background:#fff;
}
.ogfo-reopen-request-form button{
  align-self:flex-start;
  min-height:38px;
  border-radius:10px;
  font-size:11.8px;
  background:#314d84;
  color:#fff;
}
.ogfo-reopen-ticket-pending{
  border:1px solid #ffe2b8;
  background:#fffaf1;
  color:#8a5a12;
  border-radius:12px;
  padding:10px 12px;
  font-size:11.7px;
  font-weight:800;
  line-height:1.9;
}
@media(max-width:700px){
  .ogfo-reopen-request-form button{
    width:100%;
  }
}


/* V7.11 Multi-choice food mode */
.ogfo-choice-qty{
  margin-right:28px!important;
  margin-bottom:4px!important;
  max-width:260px;
}
.ogfo-options[data-choice-type="checkbox"] .ogfo-none-choice{
  border-style:dashed!important;
}
.ogfo-option-title small{
  background:#f4f6fa;
  border:1px solid #e8edf4;
  border-radius:999px;
  padding:3px 8px;
  color:#7f8aa0!important;
}
@media(max-width:700px){
  .ogfo-choice-qty{
    margin-right:0!important;
    max-width:none;
  }
}


/* V7.11.1 Radio layout restored */
.ogfo-options[data-choice-type="radio"] .ogfo-choice-qty{
  display:none!important;
}
.ogfo-options[data-choice-type="radio"] .ogfo-radio-qty{
  display:flex!important;
  margin-right:0!important;
  max-width:none!important;
}
.ogfo-options[data-choice-type="radio"] .ogfo-option-title small{
  display:none!important;
}
.ogfo-options[data-choice-type="checkbox"] .ogfo-radio-qty{
  display:none!important;
}
.ogfo-options[data-choice-type="checkbox"] .ogfo-choice-qty{
  display:flex!important;
}


/* V7.12 Food survey flow */
.ogfo-survey-panel{
  background:#fff;
  border:1px solid #e8edf4;
  border-radius:18px;
  padding:18px;
  box-shadow:0 14px 34px rgba(36,50,74,.05);
}
.ogfo-survey-head{
  border-bottom:1px solid #edf1f6;
  padding-bottom:12px;
  margin-bottom:14px;
}
.ogfo-survey-head span{
  color:#314d84;
  font-size:11px;
  font-weight:900;
}
.ogfo-survey-head h3{
  margin:6px 0;
  color:#24324a;
  font-size:15px;
  font-weight:900;
  line-height:1.8;
}
.ogfo-survey-head p{
  margin:0;
  color:#8d98aa;
  font-size:11.5px;
}
.ogfo-survey-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ogfo-survey-item{
  border:1px solid #e8edf4;
  border-radius:15px;
  padding:13px;
  background:#fafbfd;
}
.ogfo-survey-food{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.ogfo-survey-food strong{
  color:#24324a;
  font-size:13px;
  font-weight:900;
}
.ogfo-survey-food span{
  background:#f4f6fa;
  border:1px solid #e8edf4;
  border-radius:999px;
  padding:4px 8px;
  color:#7f8aa0;
  font-size:10.5px;
  font-weight:900;
}
.ogfo-survey-rating{
  display:flex;
  flex-direction:row-reverse;
  justify-content:flex-end;
  gap:7px;
  margin-bottom:10px;
}
.ogfo-survey-rating input{
  display:none;
}
.ogfo-survey-rating span{
  width:34px;
  height:34px;
  border-radius:11px;
  border:1px solid #e1e7ef;
  background:#fff;
  color:#7f8aa0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  cursor:pointer;
}
.ogfo-survey-rating input:checked + span{
  background:#314d84;
  color:#fff;
  border-color:#314d84;
}
.ogfo-survey-item textarea{
  width:100%;
  border:1px solid #e6ebf2;
  border-radius:12px;
  padding:10px;
  background:#fff;
  color:#24324a;
  font-family:inherit;
  font-size:12px;
  line-height:1.8;
  box-sizing:border-box;
}
@media(max-width:700px){
  .ogfo-survey-panel{padding:14px}
  .ogfo-survey-food{align-items:flex-start;flex-direction:column}
}


/* V7.12.3 Summary/history table column consistency */
.ogfo-summary-table{
  table-layout:fixed;
}
.ogfo-summary-table th:nth-child(1),
.ogfo-summary-table td:nth-child(1){
  width:14%;
}
.ogfo-summary-table th:nth-child(2),
.ogfo-summary-table td:nth-child(2){
  width:17%;
}
.ogfo-summary-table th:nth-child(3),
.ogfo-summary-table td:nth-child(3){
  width:27%;
}
.ogfo-summary-table th:nth-child(4),
.ogfo-summary-table td:nth-child(4){
  width:24%;
}
.ogfo-summary-table th:nth-child(5),
.ogfo-summary-table td:nth-child(5){
  width:18%;
}


/* V7.14.5 User food form day separation refinement */
.ogfo-order-form{
  gap:0!important;
}

.ogfo-order-day{
  position:relative!important;
  margin:0 0 26px!important;
  border-radius:18px!important;
  border:1px solid #e3e9f2!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  box-shadow:0 12px 28px rgba(36,50,74,.045)!important;
  overflow:visible!important;
}

.ogfo-order-day + .ogfo-order-day{
  margin-top:34px!important;
}

.ogfo-order-day + .ogfo-order-day::before{
  content:"";
  position:absolute;
  top:-31px;
  right:22px;
  left:22px;
  height:1px;
  background:linear-gradient(90deg,rgba(227,233,242,0),#dfe6f0 18%,#dfe6f0 82%,rgba(227,233,242,0));
}



.ogfo-order-day .ogfo-day-title{
  border-radius:18px 18px 0 0!important;
  background:linear-gradient(180deg,#fbfcff 0%,#ffffff 100%)!important;
  padding:14px 16px!important;
}

.ogfo-order-day .ogfo-day-title span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:26px!important;
}

.ogfo-order-day .ogfo-day-title span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#314d84;
  box-shadow:0 0 0 4px rgba(49,77,132,.08);
}

.ogfo-order-day .ogfo-day-title strong{
  background:#f4f6fa;
  border:1px solid #e8edf4;
  border-radius:999px;
  padding:4px 9px;
}

.ogfo-order-day .ogfo-options + .ogfo-options{
  border-top:1px dashed #e1e7ef;
  margin-top:2px;
  padding-top:14px!important;
}

.ogfo-order-day .ogfo-options:last-child{
  border-radius:0 0 18px 18px;
}

.ogfo-sticky{
  margin-top:22px!important;
}

@media(max-width:700px){
  .ogfo-order-day{
    margin-bottom:22px!important;
    border-radius:16px!important;
  }
  .ogfo-order-day + .ogfo-order-day{
    margin-top:30px!important;
  }
  .ogfo-order-day + .ogfo-order-day::before{
    top:-27px;
    right:14px;
    left:14px;
  }
  
  .ogfo-order-day .ogfo-day-title{
    padding:13px 14px!important;
  }
}


/* V7.14.6 User day card visual refinement - same structure, better card/shadow */
.ogfo-order-form{
  gap:0!important;
}

.ogfo-order-day{
  position:relative!important;
  margin:0 0 24px!important;
  border-radius:22px!important;
  border:1px solid rgba(226,232,240,.92)!important;
  background:#fff!important;
  overflow:visible!important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.075),
    0 4px 14px rgba(15,23,42,.045)!important;
}

.ogfo-order-day + .ogfo-order-day{
  margin-top:26px!important;
}

.ogfo-order-day .ogfo-day-title{
  padding:16px 18px!important;
  background:#fff!important;
  border-bottom:1px solid rgba(226,232,240,.78)!important;
  border-radius:22px 22px 0 0!important;
}

.ogfo-order-day .ogfo-day-title div{
  align-items:center!important;
}

.ogfo-order-day .ogfo-day-title span{
  color:#24324a!important;
  font-size:13px!important;
  font-weight:900!important;
}

.ogfo-order-day .ogfo-day-title span::before{
  background:#22d3ee!important;
  box-shadow:0 0 0 5px rgba(34,211,238,.12)!important;
}

.ogfo-order-day .ogfo-day-title strong{
  background:#f7f9fc!important;
  border:1px solid #e9eef5!important;
  color:#6b7689!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-size:11.5px!important;
}

.ogfo-order-day .ogfo-options{
  background:#fff!important;
  padding:15px 18px!important;
}

.ogfo-order-day .ogfo-options + .ogfo-options{
  border-top:1px solid rgba(226,232,240,.85)!important;
  margin-top:0!important;
  padding-top:16px!important;
}

.ogfo-order-day .ogfo-food-choice{
  border-color:#e7ecf3!important;
  box-shadow:0 3px 10px rgba(15,23,42,.025)!important;
}

.ogfo-order-day .ogfo-food-choice:hover,
.ogfo-order-day .ogfo-food-choice.is-selected{
  border-color:#cfd8e6!important;
  box-shadow:0 8px 18px rgba(15,23,42,.055)!important;
}

.ogfo-order-day::after{
  display:none!important;
}

@media(max-width:700px){
  .ogfo-order-day{
    border-radius:20px!important;
    margin-bottom:20px!important;
    box-shadow:
      0 14px 34px rgba(15,23,42,.075),
      0 3px 12px rgba(15,23,42,.04)!important;
  }
  .ogfo-order-day + .ogfo-order-day{
    margin-top:24px!important;
  }
  .ogfo-order-day .ogfo-day-title{
    padding:15px 14px!important;
    border-radius:20px 20px 0 0!important;
  }
  .ogfo-order-day .ogfo-options{
    padding:14px!important;
  }
}


/* V7.14.8 User day sections full-width + blue headers */
.ogfo-order-form{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

.ogfo-order-day{
  width:100%!important;
  margin-right:0!important;
  margin-left:0!important;
}

.ogfo-order-day .ogfo-day-title{
  background:linear-gradient(180deg,#314d84 0%,#263f6d 100%)!important;
  border-bottom:none!important;
  overflow:hidden!important;
  position:relative!important;
}

.ogfo-order-day .ogfo-day-title span{
  color:#fff!important;
}

.ogfo-order-day .ogfo-day-title strong{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
}

.ogfo-order-day .ogfo-day-title span::before{
  background:#22d3ee!important;
  box-shadow:0 0 0 5px rgba(34,211,238,.17)!important;
}

.ogfo-order-day .ogfo-options{
  border-radius:0!important;
}

.ogfo-order-day:last-child{
  margin-bottom:0!important;
}


/* V7.16.1 User reopen request as separate tab */
.ogfo-user-tabs [data-ogfo-tab-btn="ticket"] span{
  filter:none;
}
.ogfo-tab-panel[data-ogfo-tab-panel="ticket"] .ogfo-reopen-ticket{
  margin-top:0;
}
.ogfo-tab-panel[data-ogfo-tab-panel="ticket"]{
  animation:ogfoFadeIn .18s ease both;
}


/* V7.16.4 Today order mini summary */
.ogfo-today-mini-summary{
  display:grid;
  grid-template-columns:.8fr 1.2fr 1.2fr;
  gap:8px;
  margin:10px 0 12px;
}
.ogfo-today-mini-summary > div{
  border:1px solid #e8edf4;
  background:#fbfcfe;
  border-radius:12px;
  padding:8px 10px;
  min-width:0;
}
.ogfo-today-mini-summary span{
  display:block;
  color:#8d98aa;
  font-size:10.5px;
  font-weight:800;
  margin-bottom:3px;
}
.ogfo-today-mini-summary strong{
  display:block;
  color:#24324a;
  font-size:12px;
  font-weight:900;
  line-height:1.7;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:700px){
  .ogfo-today-mini-summary{
    grid-template-columns:1fr;
  }
}


/* V7.16.5 Refined today mini summary UI */
.ogfo-order-summary-card .ogfo-today-mini-summary{
  position:relative;
  display:grid;
  grid-template-columns:.85fr 1.25fr 1.25fr;
  gap:10px;
  margin:14px 0 16px;
  padding:12px;
  border:1px solid #e6ebf2;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#fafbfd 100%);
  box-shadow:0 10px 24px rgba(36,50,74,.045);
}

.ogfo-order-summary-card .ogfo-today-mini-summary::before{
  content:"";
  position:absolute;
  right:14px;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:#314d84;
  opacity:.9;
}

.ogfo-order-summary-card .ogfo-today-mini-summary > div{
  border:1px solid #edf1f6;
  background:#fff;
  border-radius:13px;
  padding:10px 12px;
  min-width:0;
  box-shadow:0 4px 12px rgba(36,50,74,.025);
}

.ogfo-order-summary-card .ogfo-today-mini-summary > div:first-child{
  margin-right:8px;
}

.ogfo-order-summary-card .ogfo-today-mini-summary span{
  display:flex;
  align-items:center;
  gap:5px;
  color:#7f8aa0;
  font-size:10.8px;
  font-weight:900;
  margin-bottom:5px;
}

.ogfo-order-summary-card .ogfo-today-mini-summary span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#22d3ee;
}

.ogfo-order-summary-card .ogfo-today-mini-summary strong{
  display:block;
  color:#24324a;
  font-size:12.4px;
  font-weight:900;
  line-height:1.8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:700px){
  .ogfo-order-summary-card .ogfo-today-mini-summary{
    grid-template-columns:1fr;
    padding:12px 12px 12px 14px;
    gap:9px;
  }
  .ogfo-order-summary-card .ogfo-today-mini-summary::before{
    right:10px;
  }
  .ogfo-order-summary-card .ogfo-today-mini-summary > div:first-child{
    margin-right:0;
  }
}
