/* Figma78/80/81. Real membership counters, benefit states, promoter eligibility and forms are retained. */
.owj-ui .bch5-main>main.owj-dining-account,.owj-ui .bch5-main>main.owj-dining-support-form,.owj-ui .bch5-main>main.owj-dining-support-received{box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:594px;margin:0;padding:24px 20px 32px!important;background:#f5f7f2;color:#203d32;font-size:14px;line-height:23px}
.owj-ui .bch5-main>main.owj-dining-account>.container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:none!important;min-width:0;margin:0;padding:0!important}
.owj-ui .owj-dining-account-title,.owj-ui .owj-dining-support-context,.owj-ui .owj-dining-support-form h1{margin:0!important;padding:0;font-size:26px!important;line-height:38px!important;font-weight:700!important;color:#203d32!important;text-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-account section{min-width:0;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px!important;border:1px solid #e1e7dd!important;border-radius:12px!important;background:#fff!important;color:#203d32!important}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card>.small,.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card h1,.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card .badge{display:none}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card>.d-flex{position:relative;display:flex;min-height:28px;align-items:center!important;margin:0!important;padding-left:40px}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card>.d-flex::before{content:"";position:absolute;left:0;top:0;display:block;width:28px;height:28px;background:url('/bionovo_consumer_h5/static/src/img/owj/dining/account-identity.svg') center/contain no-repeat}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card>.d-flex>div>div{color:#203d32;font-size:17px;line-height:29px;font-weight:700;overflow-wrap:anywhere}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;--bs-gutter-x:0;--bs-gutter-y:0;margin:0!important;padding-top:16px;border-top:1px solid #e1e7dd}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_card>.row>div{width:100%;min-width:0;margin:0;padding:0}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_metric{display:flex;align-items:baseline;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent!important}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_metric strong{color:#205642!important;font-size:20px;line-height:30px;font-weight:700}
.owj-ui .bch5-main>main.owj-dining-account .o_member_identity_metric span{color:#66756b!important;font-size:12px;line-height:20px}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit{display:flex;flex-direction:column;gap:16px;padding:20px!important;border-radius:12px!important;background:#eaf0e4!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit>.d-flex{margin:0;padding:0}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit .small.text-success{font-size:14px;line-height:23px;color:#205642!important;font-weight:400!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit h2{margin:8px 0 12px!important;color:#205642!important;font-size:24px!important;line-height:36px!important;font-weight:700!important;text-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit p,.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit>.small{margin:0!important;color:#66756b!important;font-size:12px;line-height:20px}
.owj-ui .bch5-main>main.owj-dining-account .o_member_benefit_icon,.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-benefit>.border-top{display:none}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-services{padding:8px 0 0!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-services>h2{margin:0 0 16px!important;padding-left:12px;border-left:3px solid #205642;color:#203d32!important;font-size:20px!important;line-height:33px!important;font-weight:700!important;text-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-services>.row{display:flex;flex-direction:column;gap:0;--bs-gutter-x:0;--bs-gutter-y:0;margin:0}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-services>.row>div{width:100%;min-width:0;margin:0;padding:0}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;min-width:0;min-height:80px;margin:0;padding:20px 0;border:0;border-bottom:1px solid #e1e7dd;border-radius:0;background:transparent!important;text-decoration:none;box-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>i{display:block;flex:none;width:28px;height:28px;margin:0;font-size:0;line-height:0;color:transparent;background:center/contain no-repeat}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>i::before{display:none}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>i.fa-list-alt{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/account-orders.svg')}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>i.fa-comments-o{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/account-support.svg')}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>i.fa-qrcode{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/account-invite.svg')}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>i.fa-user{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/account-profile.svg')}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>strong{flex:1;min-width:0;color:#203d32!important;font-size:16px;line-height:27px;font-weight:400;overflow-wrap:anywhere}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>small{display:none}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card::after{content:"";display:block;flex:none;width:20px;height:20px;background:url('/bionovo_consumer_h5/static/src/img/owj/chevron.svg') center/contain no-repeat}
.owj-ui .bch5-main>main.owj-dining-account .o_member_service_card>.badge{position:static!important;transform:none!important;display:inline-flex;margin:0;padding:2px 6px;border-radius:12px;color:#fff!important;font-size:11px;line-height:16px}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-promoter{display:flex;flex-direction:column;gap:16px;padding:8px 0 0!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-promoter>.small{margin:0;padding-left:12px;border-left:3px solid #205642;color:#203d32!important;font-size:20px;line-height:33px;font-weight:700!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-promoter>h2{margin:0!important;color:#203d32!important;font-size:17px!important;line-height:29px!important;font-weight:500!important;text-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-account .owj-dining-account-promoter>p{margin:0;color:#66756b!important;font-size:14px;line-height:23px}
.owj-ui :is(.owj-dining-account,.owj-dining-support-form,.owj-dining-support-received) .btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;height:auto;margin:0!important;padding:12px 20px;border:1px solid #205642;border-radius:8px;background:#205642;color:#fff!important;font-size:14px;line-height:22px;font-weight:500;text-decoration:none;text-align:center;white-space:normal;box-shadow:none}
/* Order inquiry uses original select/options/inputs and native validation. */
.owj-ui .bch5-main>main.owj-dining-support-form>.mx-auto{display:flex;flex-direction:column;gap:24px;max-width:none!important;min-width:0;width:100%;margin:0!important;padding:0}
.owj-ui .owj-dining-support-form>.mx-auto>a{display:flex;align-items:center;min-height:44px;color:#205642;font-size:14px;line-height:23px;text-decoration:none}
.owj-ui .bch5-main>main.owj-dining-support-form>.mx-auto>.rounded-4{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.owj-ui .owj-dining-support-form>.mx-auto>.rounded-4>p{display:none}
.owj-ui .owj-dining-support-form .rounded-4>.rounded-3{display:flex;flex-direction:column;gap:12px;margin:0!important;padding:20px!important;border:0;border-radius:12px!important;background:#fff!important;color:#203d32}
.owj-ui .owj-dining-support-form .rounded-3>.fw-semibold{font-size:17px;line-height:29px;font-weight:700!important;color:#203d32!important}
.owj-ui .owj-dining-support-form .rounded-3>.small{margin:0!important;font-size:14px;line-height:23px;color:#66756b!important}
.owj-ui .owj-dining-support-form .alert{margin:0;padding:16px;border:1px solid #e1e7dd;border-radius:8px;background:#eaf0e4;color:#205642;font-size:14px;line-height:23px}
.owj-ui .owj-dining-support-form form{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0}
.owj-ui .owj-dining-support-form form>.mb-4{display:flex;flex-direction:column;gap:8px;margin:0!important}
.owj-ui .owj-dining-support-form .form-label{margin:0;padding:0;font-size:14px;line-height:23px;font-weight:500!important;color:#203d32}
.owj-ui .owj-dining-support-form .form-label::after{content:" *"}
.owj-ui .owj-dining-support-form :is(.form-control,.form-select){box-sizing:border-box;display:block;width:100%;min-width:0;height:auto;min-height:52px;margin:0;padding:12px 16px;border:1px solid #e1e7dd;border-radius:8px;background:#fff;color:#203d32;font-family:inherit;font-size:16px!important;line-height:26px!important;font-weight:400;box-shadow:none}
.owj-ui .owj-dining-support-form .form-select{appearance:none;background:#fff url('/bionovo_consumer_h5/static/src/img/owj/dining/select-chevron.svg') right 16px center/20px 20px no-repeat;padding-right:48px}
.owj-ui .owj-dining-support-form textarea.form-control{min-height:180px;resize:vertical}
.owj-ui .owj-dining-support-form .form-control::placeholder{color:#66756b;opacity:1}
.owj-ui .owj-dining-support-form form>p{margin:0!important;color:#66756b!important;font-size:12px;line-height:20px;text-align:left!important}
.owj-ui .owj-dining-support-form :is(input,select,textarea):focus{border-color:#205642;outline:2px solid #20564233;outline-offset:2px;box-shadow:none}
/* Submitted result keeps source action order, permission-gated progress link and ticket identifiers. */
.owj-ui .bch5-main>main.owj-dining-support-received>.mx-auto{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;min-width:0;max-width:none!important;margin:32px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.owj-ui .owj-dining-support-received .display-5{display:block;flex:none;width:96px;height:96px;margin:0!important;background:url('/bionovo_consumer_h5/static/src/img/owj/dining/support-received.svg') center/contain no-repeat;font-size:0!important;line-height:0;color:transparent}
.owj-ui .owj-dining-support-received h1{margin:0!important;color:#203d32!important;font-size:22px!important;line-height:35px!important;font-weight:700!important;text-shadow:none!important}
.owj-ui .owj-dining-support-received p{margin:0!important;color:#66756b!important;font-size:14px!important;line-height:23px!important;font-weight:400}
.owj-ui .owj-dining-support-received p>strong{color:inherit!important;font-weight:400}
.owj-ui .owj-dining-support-received .mx-auto>.d-flex{display:flex;flex-direction:column;gap:12px!important;width:100%;margin:12px 0 0!important;padding:0}
.owj-ui .owj-dining-support-received .btn{background:#fff;border-color:#e1e7dd;color:#205642!important}
.owj-ui .owj-dining-support-received .btn.btn-outline-success,.owj-ui .owj-dining-support-received .mx-auto>.d-flex:not(:has(.btn-outline-success))>.btn:first-child{background:#205642;border-color:#205642;color:#fff!important}
.owj-ui :is(.owj-dining-account,.owj-dining-support-form,.owj-dining-support-received) :is(a,button):focus-visible{outline:2px solid #205642;outline-offset:3px}
@media(min-width:768px){.owj-ui .bch5-main>main.owj-dining-account{max-width:800px;margin:0 auto;padding:32px!important}.owj-ui .bch5-main>main.owj-dining-support-form,.owj-ui .bch5-main>main.owj-dining-support-received{max-width:640px;margin:0 auto;padding:32px!important}}

/* Bootstrap clearfix must not become an empty flex item. */
.owj-ui .bch5-main>main.owj-dining-account>.container::before,.owj-ui .bch5-main>main.owj-dining-account>.container::after{display:none!important}