/* Figma104/105. Extend the approved login presentation to dining/gift only.
   The original shared form, condition gates, input types and widget stay intact. */
.o_dining_login_page:not(.is-consumer-login){--bch5-green:#205642;--bch5-ink:#203d32;--bch5-muted:#66756b;--bch5-line:#e1e7dd;--bch5-canvas:#f5f7f2;--bch5-mint:#eaf0e4;position:relative;display:block;min-height:100vh;margin:0;padding:0;background:#f5f7f2;color:#203d32;font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:22px}
.o_dining_login_page:not(.is-consumer-login) *,.o_dining_login_page:not(.is-consumer-login) *::before,.o_dining_login_page:not(.is-consumer-login) *::after{box-sizing:border-box}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_shell{position:relative;display:block;grid-template-columns:none;width:100%;max-width:480px;min-width:0;min-height:844px;margin:0 auto;padding:0 0 40px;border:0;border-radius:0;background:#f5f7f2;box-shadow:none;overflow:visible}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_brand{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:64px;min-height:64px;margin:0;padding:10px 20px;border:0;border-bottom:1px solid #e1e7dd;border-radius:0;background:#fff;color:#203d32}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_brand::before,.o_dining_login_page:not(.is-consumer-login) .o_dining_login_brand::after{display:none}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_logo{display:flex;align-items:center;flex:none;gap:0;width:176px;height:44px;margin:0;padding:0;border:0;letter-spacing:0;text-decoration:none}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-brand{display:block;width:176px;height:44px;max-width:none;object-fit:contain}
.o_dining_login_page:not(.is-consumer-login) :is(.owj-auth-legacy-brand,.o_dining_login_eyebrow,.o_dining_brand_strip,.o_dining_login_hint),.o_dining_login_page:not(.is-consumer-login) .o_dining_login_brand>h1,.o_dining_login_page:not(.is-consumer-login) .o_dining_login_brand>p,.o_dining_login_page:not(.is-consumer-login) .o_dining_login_card_head>p{display:none}
.o_dining_login_page:not(.is-consumer-login) .dining-page-share{position:absolute!important;z-index:2;top:10px!important;right:max(20px,calc((100% - 480px)/2 + 20px))!important;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0!important;padding:10px;border:0;border-radius:8px;background:transparent!important;color:#205642!important;box-shadow:none}
.o_dining_login_page:not(.is-consumer-login) .dining-page-share>[data-share-icon]{display:block;width:24px;height:24px;margin:0!important;font-size:0;line-height:0;background:url('/bionovo_consumer_h5/static/src/img/owj/share.svg') center/contain no-repeat}
.o_dining_login_page:not(.is-consumer-login) .dining-page-share>[data-share-icon]::before,.o_dining_login_page:not(.is-consumer-login) .dining-page-share>[data-adaptive-share-label]{display:none}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_card{display:flex;flex-direction:column;gap:24px;min-width:0;margin:32px 20px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-panel{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0;padding:16px;border:0;border-radius:12px;background:#fff}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_card_head{margin:0;padding:0}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_card_head h2{margin:0!important;padding:0;color:#203d32!important;font-size:20px!important;line-height:30px!important;font-weight:700!important;text-shadow:none!important}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_form{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0;padding:0}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_form label{display:block;margin:0;padding:0;color:#203d32;font-size:14px;line-height:22px;font-weight:500}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_form label::after{content:" *"}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_form input:not([type="hidden"]){display:block;width:100%;min-width:0;height:52px;min-height:52px;margin:0;padding:10px 16px;border:1px solid #e1e7dd;border-radius:8px;background:#fff;color:#203d32;font:inherit;font-size:16px;line-height:29px;letter-spacing:0;box-shadow:none}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_form input::placeholder{color:#66756b;opacity:1}
.o_dining_login_page:not(.is-consumer-login) .o_dining_credential_wrap{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:52px;margin:0;padding:3px 16px;border:1px solid #e1e7dd;border-radius:8px;background:#fff}
.o_dining_login_page:not(.is-consumer-login) .o_dining_credential_wrap input:not([type="hidden"]){flex:1 1 0;min-width:0;width:0;min-height:44px;height:44px;margin:0;padding:0;border:0;border-radius:0}
.o_dining_login_page:not(.is-consumer-login) .o_dining_sms_button{position:static;display:flex;align-items:center;justify-content:center;flex:0 0 112px;width:112px;min-width:0;min-height:44px;height:44px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#205642;font:inherit;font-size:14px;line-height:22px;font-weight:500;box-shadow:none}
.o_dining_login_page:not(.is-consumer-login) .o_dining_sms_button:disabled{color:#66756b;opacity:1;cursor:default}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_submit{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:12px 20px;border:1px solid #205642;border-radius:8px;background:#205642;color:#fff;font:inherit;font-size:14px;line-height:22px;font-weight:500;text-align:center;box-shadow:none}
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_legal{margin:0;padding:0;color:#66756b;font-size:12px;line-height:20px;text-align:left}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-panel>.alert{position:relative;margin:0;padding:16px 16px 16px 52px;border:0;border-radius:12px;background:#eaf0e4;color:#66756b;font-size:14px;line-height:22px;overflow-wrap:anywhere}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-panel>.alert::before{content:"";position:absolute;left:16px;top:16px;display:block;width:24px;height:24px;background:center/contain no-repeat}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-panel>.alert-danger::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/auth/status-error.svg')}
.o_dining_login_page:not(.is-consumer-login) .owj-auth-panel>.alert-success::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/auth/status-pending.svg')}
.o_dining_login_page:not(.is-consumer-login) .dining-share-feedback:not(.d-none){position:relative;z-index:3;width:calc(100% - 40px);max-width:440px;margin:76px auto -64px;padding:16px;border:0;border-radius:12px;background:#eaf0e4;color:#205642;font-size:14px;line-height:22px}
.o_dining_login_page:not(.is-consumer-login) :is(a,button,input):focus-visible{outline:3px solid #a78045;outline-offset:3px}
.o_dining_login_page:not(.is-consumer-login) .o_dining_credential_wrap:focus-within{border-color:#205642}

/* Keep the original t-esc on its link; the approved visual lockup replaces its painted text. */
.o_dining_login_page:not(.is-consumer-login) .o_dining_login_logo { font-size:0!important; line-height:0; color:transparent; background:url("/bionovo_consumer_h5/static/src/img/owj/logo.svg") center/contain no-repeat; }
/* The credential is one visual field; render keyboard focus on its outer edge. */
.o_dining_login_page:not(.is-consumer-login) .o_dining_credential_wrap input:focus-visible{outline:none;box-shadow:none}
.o_dining_login_page:not(.is-consumer-login) .o_dining_credential_wrap:focus-within{outline:2px solid #a78045;outline-offset:2px}