/* OWJ Figma 6 / 37 / 39, 2026-09-26. Presentation only.
   Dynamic identity, message and support fields remain visible and can grow. */
.bch5-shell.owj-ui :is(.owj-member,.owj-messages) {
  width:100%; max-width:760px; margin:0 auto; padding:16px 20px 32px;
  color:var(--bch5-ink); display:flex; flex-direction:column; gap:24px;
}
.bch5-shell.owj-ui :is(.owj-member,.owj-messages) :is(h1,h2,h3,p) { margin:0; font-family:inherit; letter-spacing:0; }
.bch5-shell.owj-ui :is(.owj-member,.owj-messages) a { text-decoration:none; }
.bch5-shell.owj-ui :is(.owj-member,.owj-messages) .bch5-section { width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
/* Old dark account hero and quick tiles become a quiet, readable list. */
.bch5-shell.owj-ui .owj-member .bch5-account-member-card {
  display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:8px 16px;
  min-height:0; width:100%; margin:0; padding:16px; border:1px solid var(--bch5-line);
  border-radius:12px; background:#fff; color:var(--bch5-ink); box-shadow:none;
}
.bch5-shell.owj-ui .owj-member .bch5-account-avatar { width:56px; height:56px; background:transparent url('../img/owj/member/avatar.svg') center/contain no-repeat; border:0; border-radius:0; }
.bch5-shell.owj-ui .owj-member .bch5-account-avatar i { display:none; }
.bch5-shell.owj-ui .owj-member .bch5-account-member-copy { min-width:0; }
.bch5-shell.owj-ui .owj-member .bch5-account-name-line { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; }
/* Explicitly overrides legacy white !important hero text. */
.bch5-shell.owj-ui .owj-member .bch5-account-member-copy h1 { color:var(--bch5-ink)!important; font-size:20px!important; line-height:30px; font-weight:700; text-shadow:none; white-space:normal; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-member .bch5-account-name-line>span { display:inline-block; padding:2px 6px; margin:0; border:0; border-radius:4px; color:var(--bch5-green); background:var(--bch5-mint); font-size:12px; line-height:20px; }
.bch5-shell.owj-ui .owj-member .bch5-account-member-copy>p { margin:4px 0 0; color:var(--bch5-muted)!important; font-size:14px; line-height:23px; white-space:normal; }
.bch5-shell.owj-ui .owj-member .bch5-account-edit-link { grid-column:2; justify-self:start; display:flex; align-items:center; gap:8px; min-height:44px; margin:-4px 0 0; padding:0; color:var(--bch5-green)!important; font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-member .bch5-account-edit-link i { font-size:16px; }
.bch5-shell.owj-ui .owj-member .bch5-account-group-head { margin:0 0 12px; padding:0; }
.bch5-shell.owj-ui .owj-member .bch5-account-group-head h2 { font-size:20px!important; line-height:30px; font-weight:700; color:var(--bch5-ink); }
.bch5-shell.owj-ui .owj-member :is(.bch5-account-quick-grid,.bch5-account-list) { display:flex; flex-direction:column; gap:0; margin:0; padding:0 16px; border:1px solid var(--bch5-line); border-radius:12px; background:#fff; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-item {
  display:grid; grid-template-columns:28px minmax(0,1fr) auto 18px; align-items:center; gap:12px;
  min-height:64px; margin:0; padding:14px 0; border:0; border-bottom:1px solid var(--bch5-line); border-radius:0;
  background:transparent; color:var(--bch5-ink); box-shadow:none; position:relative;
}
.bch5-shell.owj-ui .owj-member .bch5-account-menu-item:last-child { border-bottom:0; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-item:not(:has(>b)) { grid-template-columns:28px minmax(0,1fr) 18px; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon { display:grid; place-items:center; width:28px; height:28px; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon i { display:block; width:28px; height:28px; background:center/contain no-repeat; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon i::before { content:none; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-cutlery { background-image:url('../img/owj/member/dining.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-shopping-bag { background-image:url('../img/owj/member/cart.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-gift { background-image:url('../img/owj/member/gift.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-bell-o { background-image:url('../img/owj/member/bell.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-heartbeat { background-image:url('../img/owj/member/health.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-file-text-o { background-image:url('../img/owj/member/report.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-user-plus { background-image:url('../img/owj/member/invite.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-line-chart { background-image:url('../img/owj/member/trend.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-comments-o { background-image:url('../img/owj/member/support.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-map-marker { background-image:url('../img/owj/member/address.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-shield { background-image:url('../img/owj/member/shield.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-weixin { background-image:url('../img/owj/member/link.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-info-circle { background-image:url('../img/owj/member/profile.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-icon .fa-circle-o { background-image:url('../img/owj/member/report.svg'); }
.bch5-shell.owj-ui .owj-member a[href='/my/account/security'] .bch5-account-menu-icon i { background-image:url('../img/owj/member/phone.svg'); }
.bch5-shell.owj-ui .owj-member a[href='/consumer/privacy'] .bch5-account-menu-icon i { background-image:url('../img/owj/member/shield.svg'); }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-copy { min-width:0; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-copy strong { display:block; font-size:16px; line-height:28px; font-weight:500; letter-spacing:0; white-space:normal; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-copy small { display:block; margin:3px 0 0; color:var(--bch5-muted); font-size:13px; line-height:22px; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-item>b { position:static; display:block; max-width:72px; min-width:22px; margin:0; padding:3px 6px; background:var(--bch5-mint); color:var(--bch5-green); border-radius:4px; font-size:12px; line-height:20px; font-weight:500; white-space:normal; text-align:center; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-arrow { display:block; width:18px; height:18px; margin:0; background:url('../img/owj/member/chevron.svg') center/contain no-repeat; }
.bch5-shell.owj-ui .owj-member .bch5-account-menu-arrow::before { content:none; }
.bch5-shell.owj-ui .owj-member .bch5-account-attention { display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; margin:0; padding:16px; border:1px solid #ead9af; border-radius:12px; background:#fff5df; }
.bch5-shell.owj-ui .owj-member .bch5-account-attention strong { display:block; font-size:16px; line-height:26px; }
.bch5-shell.owj-ui .owj-member .bch5-account-attention span { display:block; margin-top:4px; font-size:14px; line-height:23px; }
.bch5-shell.owj-ui .owj-member .bch5-account-attention>a { grid-column:2; display:flex; align-items:center; min-height:44px; color:var(--bch5-green); }
.bch5-shell.owj-ui .owj-member .bch5-account-session-links { display:block; width:100%; margin:0; padding:0; }
.bch5-shell.owj-ui .owj-member .bch5-account-session-links a { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:12px 16px; border:1px solid var(--bch5-line); border-radius:8px; color:var(--bch5-green)!important; background:#fff; font-size:14px; line-height:22px; font-weight:500; }
/* Keep original mark-as-read POST form, while grouping title/type/time visually. */
.bch5-shell.owj-ui .owj-messages { min-height:574px; }
.bch5-shell.owj-ui .owj-messages .bch5-context-back { display:flex; align-items:center; min-height:44px; margin:0; padding:0; color:var(--bch5-ink); font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-messages .bch5-page-head { margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.bch5-shell.owj-ui .owj-messages .bch5-page-head h1 { font-size:26px!important; line-height:38px; font-weight:700; color:var(--bch5-ink); }
.bch5-shell.owj-ui .owj-messages .bch5-messages { display:flex; flex-direction:column; gap:24px; }
.bch5-shell.owj-ui .owj-messages .bch5-messages article { display:flex; flex-direction:column; gap:16px; margin:0; padding:16px; border:1px solid var(--bch5-line); border-radius:12px; background:#fff; opacity:1; box-shadow:none; }
.bch5-shell.owj-ui .owj-messages .owj-message-heading { display:flex; align-items:center; gap:12px; min-height:56px; }
.bch5-shell.owj-ui .owj-messages .owj-message-heading-copy { flex:1; min-width:0; }
.bch5-shell.owj-ui .owj-messages .owj-message-heading h3 { color:var(--bch5-ink); font-size:17px!important; line-height:27px; font-weight:500; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-messages .owj-message-meta { display:flex; flex-wrap:wrap; gap:0 6px; margin-top:4px; }
.bch5-shell.owj-ui .owj-messages .owj-message-meta :is(small,time) { display:inline; margin:0; color:var(--bch5-muted); font-size:12px; line-height:20px; }
.bch5-shell.owj-ui .owj-messages .owj-message-meta time::before { content:'·'; margin-right:6px; }
.bch5-shell.owj-ui .owj-messages .owj-message-icon { display:block; flex:0 0 28px; width:28px; height:28px; background:url('../img/owj/member/bell.svg') center/contain no-repeat; }
.bch5-shell.owj-ui .owj-messages [data-owj-message-kind*='服务'] .owj-message-icon { background-image:url('../img/owj/member/report.svg'); }
.bch5-shell.owj-ui .owj-messages [data-owj-message-kind*='健康'] .owj-message-icon { background-image:url('../img/owj/member/health.svg'); }
.bch5-shell.owj-ui .owj-messages [data-owj-message-kind*='商城'] .owj-message-icon { background-image:url('../img/owj/member/cart.svg'); }
.bch5-shell.owj-ui .owj-messages .bch5-messages article>p { color:var(--bch5-ink); font-size:16px; line-height:28px; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-messages .bch5-messages article>form { margin:0; }
.bch5-shell.owj-ui .owj-messages .bch5-messages .btn { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; margin:0; padding:12px 16px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; box-shadow:none; }
.bch5-shell.owj-ui .owj-messages .bch5-state { padding:32px 16px; margin:0; border:1px solid var(--bch5-line); border-radius:12px; background:#fff; text-align:center; }
.bch5-shell.owj-ui .owj-messages .bch5-state::before { content:''; display:block; width:48px; height:48px; margin:0 auto 24px; background:url('../img/owj/member/bell.svg') center/contain no-repeat; }
.bch5-shell.owj-ui .owj-messages .bch5-state strong { color:var(--bch5-ink); font-size:20px; line-height:30px; }
.bch5-shell.owj-ui .owj-messages .bch5-state p { margin:12px 0 0; color:var(--bch5-muted); font-size:14px; line-height:23px; }
/* Support uses the existing dining shell; root owns its shared brand styling. */
main.owj-support { --owj-ink:#203d32; --owj-muted:#66756b; --owj-line:#e1e7dd; --owj-green:#205642; width:100%; max-width:none; margin:0; padding:16px 20px 32px!important; background:#f5f7f2; color:var(--owj-ink); font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; }
main.owj-support *,main.owj-support *::before { box-sizing:border-box; }
main.owj-support .owj-support-body { display:flex; flex-direction:column; gap:24px; width:100%; max-width:760px; margin:0 auto; }
main.owj-support :is(h1,h2,p) { font-family:inherit; letter-spacing:0; }
main.owj-support .dining-context-back { display:flex; align-items:center; min-height:44px; margin:0; padding:0; color:var(--owj-ink); text-decoration:none; font-size:14px; line-height:22px; font-weight:500; }
main.owj-support .owj-support-toolbar { display:flex!important; flex-direction:column; align-items:stretch!important; gap:24px!important; margin:0!important; }
main.owj-support .owj-support-toolbar h1 { margin:0!important; color:var(--owj-ink); font-size:26px!important; line-height:38px; font-weight:700!important; }
main.owj-support .owj-support-actions { display:flex; flex-direction:column; gap:12px!important; width:100%; }
main.owj-support .btn { display:flex; align-items:center; justify-content:center; min-height:48px; width:100%; margin:0; padding:12px 16px; border:1px solid var(--owj-green); border-radius:8px; box-shadow:none; font-size:14px; line-height:22px; font-weight:500; text-decoration:none; }
main.owj-support .btn-success { background:var(--owj-green); color:#fff; }
main.owj-support .btn-outline-success { border-color:var(--owj-line); background:#fff; color:var(--owj-green); }
main.owj-support .owj-support-records-title { margin:0; color:var(--owj-ink); font-size:20px!important; line-height:30px; font-weight:700; }
main.owj-support .owj-support-records { display:flex!important; flex-direction:column; gap:16px!important; margin-top:-12px; }
main.owj-support .owj-support-record { display:flex; flex-direction:column; gap:16px; padding:16px!important; color:var(--owj-ink)!important; border:1px solid var(--owj-line)!important; border-radius:12px!important; background:#fff!important; box-shadow:none!important; overflow-wrap:anywhere; }
main.owj-support .owj-support-record-head { display:grid!important; grid-template-columns:28px minmax(0,1fr) auto; align-items:center!important; gap:12px!important; min-height:64px; }
main.owj-support .owj-support-record-copy { min-width:0; }
main.owj-support .owj-support-icon { display:block; width:28px; height:28px; background:url('../img/owj/member/support.svg') center/contain no-repeat; }
main.owj-support .owj-support-record-copy>.fw-bold { color:var(--owj-ink); font-size:17px!important; line-height:27px; font-weight:500!important; }
main.owj-support .owj-support-record .small { color:var(--owj-muted)!important; font-size:12px; line-height:20px; }
main.owj-support .owj-support-record .text-muted { color:var(--owj-muted)!important; }
main.owj-support .owj-support-record .badge { display:flex; align-items:center; justify-content:center; min-width:58px; min-height:36px; max-width:76px; padding:8px; border-radius:8px!important; color:#7b5a25!important; background:#fff5df!important; font-size:12px; line-height:20px; font-weight:500; white-space:normal; }
main.owj-support .owj-support-record .badge.bg-danger { color:#9b3e36!important; background:#f9e9e4!important; }
main.owj-support .owj-support-record>p { margin:0!important; color:var(--owj-ink); font-size:16px; line-height:28px; }
main.owj-support .owj-support-record>.row { margin-top:0!important; padding:12px; border-radius:8px; background:#f5f7f2; }
main.owj-support .owj-support-empty { padding:32px 16px!important; border:1px solid var(--owj-line)!important; border-radius:12px!important; background:#fff; }
main.owj-support .owj-support-empty::before { content:''; display:block; width:48px; height:48px; margin:0 auto 24px; background:url('../img/owj/member/support.svg') center/contain no-repeat; }
main.owj-support .owj-support-empty h2 { color:var(--owj-ink); font-size:20px!important; line-height:30px; font-weight:700; }
main.owj-support .owj-support-empty p { color:var(--owj-muted)!important; font-size:14px; line-height:23px; margin:12px 0 24px!important; }
main.owj-support :is(a,button):focus-visible { outline:3px solid #a78045; outline-offset:3px; }
/* The inherited install card remains functional; its compact action must not
   inherit the page's full-width primary button rule. */
.bch5-shell.owj-ui .bch5-main>main.owj-support { padding:16px 20px 32px!important; }
.bch5-shell.owj-ui main.owj-support #save-dining-icon { margin:0; padding:16px; border:1px solid var(--owj-line); border-radius:12px; background:#fff; }
.bch5-shell.owj-ui main.owj-support #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.owj-support #save-dining-icon img { width:44px; height:44px; border-radius:8px; object-fit:contain; }
.bch5-shell.owj-ui main.owj-support #save-dining-icon strong { display:block; color:var(--owj-ink); font-size:16px; line-height:26px; }
.bch5-shell.owj-ui main.owj-support #save-dining-icon .small { color:var(--owj-muted); font-size:13px; line-height:22px; }
.bch5-shell.owj-ui main.owj-support #save-dining-icon [data-action='install-app'] { grid-column:1/-1; min-width:0; width:100%; min-height:44px; background:#fff; }