/* Approved Figma 35/36/99–101/40/41. Presentation only. */
.owj-security-brand{height:64px;display:flex;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #e1e7dd;box-sizing:border-box}
.owj-security-brand img{display:block;width:176px;height:44px;object-fit:contain}
#wrap.owj-security{width:100%;max-width:760px!important;margin:0 auto!important;padding:24px 20px 40px!important;background:#f5f7f2!important;color:#203d32;font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.owj-security,.owj-wechat,.owj-support-body{box-sizing:border-box;min-width:0}
.owj-security :is(h1,h2,p),.owj-wechat :is(h1,h2,p),.owj-support-body :is(h1,h2,p){font-family:inherit;overflow-wrap:anywhere}
.owj-security h1,.owj-wechat h1,.owj-support-body>h1{font-size:26px!important;line-height:38px!important;font-weight:700!important;color:#203d32!important;margin:0!important;letter-spacing:0}
.owj-security-heading{display:flex;flex-direction:column;gap:24px;margin:0 0 24px!important}
.owj-security .owj-security-back{width:100%;justify-content:center;background:#fff;border:1px solid #205642;border-radius:8px;min-height:48px}
.owj-security-back{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:22px;font-weight:500;color:#205642!important;text-decoration:none!important}
.owj-security .card{margin:0 0 24px!important;background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:none!important;overflow:visible}
.owj-security .card-body{padding:16px!important}
.owj-security .card-body>.d-flex{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:16px;margin-bottom:16px!important}
.owj-security h2{font-size:20px!important;line-height:30px!important;font-weight:700!important;color:#203d32!important;margin:0!important}
.owj-security .badge{padding:0!important;background:transparent!important;color:#66756b!important;font-size:14px;font-weight:500;line-height:22px}
.owj-security .card-body>p{font-size:16px;line-height:29px;color:#66756b!important;margin:0 0 16px}
.owj-security form.row{display:flex;flex-direction:column;gap:16px;margin:0!important}
.owj-security form.row+form.row{margin-top:16px!important}
.owj-security form.row>.col,.owj-security form.row>.col-auto{width:100%;padding:0!important;margin:0!important;flex:auto}
.owj-security-label{display:flex;flex-direction:column;gap:8px;width:100%;font-size:14px;line-height:22px;font-weight:500;color:#203d32}
.owj-security .form-control,.owj-support-body .form-control,.owj-support-body .form-select{width:100%;min-width:0;min-height:52px;padding:10px 16px!important;font-weight:400;color:#203d32!important;background-color:#fff!important;border:1px solid #e1e7dd!important;border-radius:8px!important;box-shadow:none}
.owj-security .form-control,.owj-support-body .form-control,.owj-support-body .form-select{font-family:inherit;font-size:16px;line-height:29px}
.owj-security .form-control::placeholder,.owj-support-body .form-control::placeholder{color:#66756b;opacity:1}
.owj-security .btn,.owj-support-body .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px!important;border-radius:8px!important;font-size:14px!important;line-height:22px!important;font-weight:500;white-space:normal;box-shadow:none!important}
.owj-security .btn-primary,.owj-support-body .btn-success{background:#205642!important;color:#fff!important;border:1px solid #205642!important}
.owj-security .btn-outline-primary{background:#fff!important;color:#205642!important;border:1px solid #205642!important}
.owj-security .alert,.owj-support-body .alert{margin:0 0 24px;border-radius:12px;padding:16px;line-height:26px}
.owj-security :is(input,button,a):focus-visible,.owj-wechat :is(button,a):focus-visible,.owj-support-body :is(input,select,textarea,button,a):focus-visible{outline:2px solid #205642;outline-offset:3px}
.owj-ui .owj-wechat{display:flex;flex-direction:column;gap:24px;padding:16px 20px 32px;min-height:574px}
.owj-ui .owj-wechat>.bch5-context-back{margin:0;padding:0;background:transparent;border:0}
.owj-ui .owj-wechat>.bch5-section{margin:0;padding:0;border:0;box-shadow:none}
.owj-ui .owj-wechat>.owj-wechat-heading{display:block;min-height:0;background:transparent!important;border:0!important;border-radius:0}
.owj-ui .owj-wechat .bch5-account-security-group{padding:16px!important;background:#fff!important;border:1px solid #e1e7dd!important;border-radius:12px!important}
.owj-ui .owj-wechat .bch5-account-list{display:flex;flex-direction:column;gap:0}
.owj-ui .owj-wechat .bch5-account-menu-item{display:flex;gap:12px;align-items:center;min-height:88px;padding:8px 0!important;margin:0;border:0;background:transparent;text-decoration:none;color:#203d32}
.owj-ui .owj-wechat .bch5-account-menu-icon{flex:0 0 28px;width:28px;height:28px;padding:0;border-radius:0;background:transparent;box-shadow:none}
.owj-ui .owj-wechat .bch5-account-menu-icon i{width:28px;height:28px;background:center/contain no-repeat url('/bionovo_consumer_h5/static/src/img/owj/member/link.svg')}
.owj-ui .owj-wechat .bch5-account-menu-icon i.fa-mobile{background-image:url('/bionovo_consumer_h5/static/src/img/owj/member/phone.svg')}
.owj-ui .owj-wechat .bch5-account-menu-icon i:before{content:none}
.owj-ui .owj-wechat .bch5-account-menu-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.owj-ui .owj-wechat .bch5-account-menu-copy strong{font-size:17px;line-height:27px;color:#203d32;font-weight:500}
.owj-ui .owj-wechat .bch5-account-menu-copy small{font-size:12px;line-height:20px;color:#66756b;white-space:normal}
.owj-ui .owj-wechat .bch5-account-menu-item>b{flex:none;white-space:nowrap;padding:8px;border-radius:8px;background:#fff5df;color:#66756b;font-size:12px;line-height:20px;font-weight:400}
.owj-ui .owj-wechat .bch5-account-menu-item>b.bch5-account-menu-badge{background:#eaf0e4}
.owj-ui .owj-wechat .bch5-account-menu-arrow{font-size:16px;color:#205642}
.owj-ui .owj-wechat .bch5-wechat-bind-actions{display:flex;flex-direction:column;gap:24px;background:transparent}
.owj-ui .owj-wechat .bch5-wechat-bind-actions p{margin:0;color:#66756b;font-size:14px;line-height:24px}
.owj-ui .owj-wechat .bch5-wechat-bind-actions form{margin:0;width:100%}
.owj-ui .owj-wechat .bch5-primary,.owj-ui .owj-wechat .bch5-secondary-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:12px 16px;border-radius:8px;font-size:14px;line-height:22px;font-weight:500;text-decoration:none}
.owj-ui .owj-wechat .bch5-primary{background:#205642!important;color:#fff!important;border:1px solid #205642}
.owj-ui .owj-wechat .bch5-secondary-link{background:#fff!important;color:#205642!important;border:1px solid #e1e7dd}
.bch5-shell.owj-ui .bch5-main>main:is(.owj-support-form,.owj-support-detail){padding:32px 20px 40px!important;max-width:none;margin:0}
.owj-support-body{width:100%;max-width:720px;margin:0 auto!important;display:flex;flex-direction:column;gap:24px;color:#203d32}
.owj-support-body .owj-support-form-panel,.owj-support-body .owj-ticket-panel{margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.owj-support-form-panel form{display:flex;flex-direction:column;gap:20px}
.owj-support-form-panel form>.mb-4{margin:0!important}
.owj-support-body .form-label{font-size:14px;line-height:22px;font-weight:500!important;color:#203d32;margin-bottom:8px}
.owj-support-body textarea.form-control{min-height:144px!important;resize:vertical}
.owj-support-detail .owj-ticket-panel{display:flex;flex-direction:column;gap:24px}
.owj-support-detail .owj-ticket-panel>div,.owj-support-detail .owj-ticket-panel>form{margin-top:0!important}
.owj-support-detail .owj-ticket-meta{align-items:center!important;gap:12px!important;flex-wrap:wrap}
.owj-support-detail .owj-ticket-number{font-size:17px!important;line-height:27px!important;margin:0 0 4px!important;color:#203d32!important}
.owj-support-detail .owj-ticket-meta p{font-size:12px;line-height:20px;color:#66756b!important;margin:0}
.owj-support-detail .owj-ticket-meta .badge{padding:8px 12px!important;background:#205642!important;color:#fff!important;white-space:normal;max-width:100%;font-size:12px;line-height:20px;font-weight:400;border-radius:12px!important}
.owj-support-detail .owj-ticket-question,.owj-support-detail .owj-ticket-thread article{border:1px solid #e1e7dd;border-radius:12px!important;padding:16px!important;background:#fff!important;color:#203d32;font-size:16px;line-height:28px}
.owj-support-detail .owj-ticket-question>.small:first-child,.owj-support-detail .owj-ticket-thread article>.small:first-child{font-size:17px;line-height:27px;font-weight:500;color:#203d32!important;margin-bottom:12px!important}
.owj-support-detail .owj-ticket-question>.small:last-child,.owj-support-detail .owj-ticket-thread article>.small:last-child{font-size:12px;line-height:20px;color:#66756b!important}
.owj-support-detail .owj-ticket-thread{gap:24px!important}
.owj-support-detail .owj-ticket-thread article{margin-left:0!important;margin-right:0!important;background:#eaf0e4!important;overflow-wrap:anywhere}
.owj-support-detail .owj-ticket-thread article.ms-md-5{background:#fff!important}
.owj-support-detail .owj-ticket-form textarea{min-height:120px!important}
.owj-support-detail .owj-ticket-form .btn{margin-top:12px!important}
@media(min-width:900px){.owj-security-brand{padding-left:max(20px,calc((100% - 1200px)/2))}.owj-ui .owj-wechat{max-width:760px;margin:0 auto}}
/* Actual QWeb inheritance adds the original save-icon card on detail pages. */
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) .owj-support-body>section{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) #save-dining-icon{margin:0;padding:16px;border:1px solid #e1e7dd;border-radius:12px;background:#fff}
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) #save-dining-icon>.d-flex{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:12px!important;align-items:center!important}
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) #save-dining-icon img{width:44px;height:44px;border-radius:8px;object-fit:contain}
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) #save-dining-icon strong{display:block;font-size:16px;line-height:26px;color:#203d32}
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) #save-dining-icon .small{font-size:13px;line-height:22px;color:#66756b}
.bch5-shell.owj-ui main:is(.owj-support-form,.owj-support-detail) #save-dining-icon [data-action='install-app']{grid-column:1/-1;min-width:0;width:100%;min-height:44px;background:#fff}
#wrap.owj-security .card{border-radius:12px!important}
#wrap.owj-security .card-body{border-radius:12px!important}
#wrap.owj-security .badge{border:0!important;border-radius:0!important;box-shadow:none!important}
