/* OWJ Figma 31/32/33/34/107/151. Scoped presentation only; existing forms and
   account/order/address data remain authoritative. */
.bch5-shell.owj-ui .owj-account-pages { display:flex; flex-direction:column; gap:24px; width:100%; max-width:760px; margin:0 auto; padding:24px 20px 32px; color:var(--bch5-ink); }
.bch5-shell.owj-ui .owj-account-pages :is(h1,h2,h3,p) { margin:0; font-family:inherit; letter-spacing:0; }
.bch5-shell.owj-ui .owj-account-pages a { text-decoration:none; }
.bch5-shell.owj-ui .owj-account-pages :is(.bch5-section,.bch5-page-head) { width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.bch5-shell.owj-ui .owj-account-pages :is(.bch5-page-head h1,.owj-account-title) { color:var(--bch5-ink); font-size:26px!important; line-height:38px; font-weight:700; }
.bch5-shell.owj-ui .owj-account-pages h2 { color:var(--bch5-ink); font-size:20px!important; line-height:30px; font-weight:700; }
.bch5-shell.owj-ui .owj-account-pages :is(.bch5-context-back,.owj-account-back) { display:flex; align-items:center; justify-content:center; min-height:48px; width:100%; margin:0; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:#fff; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-orders .bch5-orders { display:flex; flex-direction:column; gap:24px; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card { display:flex; flex-direction:column; align-items:stretch; gap:16px; margin:0; padding:16px; border:0; border-radius:12px; color:var(--bch5-ink); background:#fff; box-shadow:none; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card>div { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card small { color:var(--bch5-muted); font-size:14px; line-height:22px; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card strong { color:var(--bch5-ink); font-size:20px; line-height:30px; font-weight:700; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card>span { display:block; position:static; align-self:stretch; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card>p { color:var(--bch5-ink); font-size:16px; line-height:29px; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card>p b { font-size:inherit; font-weight:400; color:inherit; }
.bch5-shell.owj-ui .owj-orders .bch5-order-card>em { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; font-style:normal; }
.bch5-shell.owj-ui .owj-orders:has(.bch5-state) { min-height:690px; }
.bch5-shell.owj-ui .owj-orders:has(.bch5-state) .bch5-context-back { justify-content:flex-start; padding-inline:0; border:0; background:transparent; }
.bch5-shell.owj-ui .owj-orders .bch5-state { display:flex; flex-direction:column; align-items:center; gap:24px; margin:0; padding:24px 0; background:transparent; }
.bch5-shell.owj-ui .owj-orders .bch5-state::before { content:''; display:block; width:96px; height:96px; background:url('../img/owj/account/orders-empty.svg') center/contain no-repeat; }
.bch5-shell.owj-ui .owj-orders .bch5-state strong { color:var(--bch5-ink); font-size:20px; line-height:30px; font-weight:700; }
.bch5-shell.owj-ui .owj-orders .bch5-state>a { display:flex; align-items:center; justify-content:center; min-height:48px; width:100%; margin-top:12px; padding:12px 16px; border-radius:8px; background:var(--bch5-green); color:#fff; font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-hero { width:100%; min-height:0; margin:0; padding:16px; border:0; border-radius:12px; background:#fff; box-shadow:none; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-hero h1 { color:var(--bch5-green)!important; font-size:20px!important; line-height:30px; font-weight:700; text-shadow:none; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-hero p { margin-top:16px; color:var(--bch5-muted)!important; font-size:14px; line-height:22px; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items { display:flex; flex-direction:column; gap:16px; margin-top:24px; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items article { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:start; gap:8px 16px; margin:0; padding:16px; border:0; border-radius:12px; background:#fff; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items img { grid-row:1/3; width:72px; height:88px; margin:0; padding:0; border:0; border-radius:6px; background:#fff; object-fit:contain; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items article>div { min-width:0; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items strong { display:block; margin:0 0 8px; color:var(--bch5-ink); font-size:16px; line-height:26px; font-weight:500; white-space:normal; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items :is(span,article>b) { color:var(--bch5-green); font-size:16px; line-height:26px; font-weight:500; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-items article>b { grid-column:2; justify-self:start; }
.bch5-shell.owj-ui .owj-order-detail :is(.bch5-order-address,.bch5-order-total) { display:flex; flex-direction:column; gap:16px; padding:16px; border-radius:12px; background:#fff; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-address strong { color:var(--bch5-ink); font-size:16px; line-height:29px; font-weight:400; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-address>span { color:var(--bch5-muted); font-size:16px; line-height:29px; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-total p { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin:0; padding:0; border:0; color:var(--bch5-ink); font-size:16px; line-height:29px; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-total b { color:var(--bch5-green); font-size:17px; line-height:27px; font-weight:500; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-help a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:#fff; color:var(--bch5-green); font-size:14px; line-height:22px; }
/* Address list and form remain one unchanged save/delete workflow. */
.bch5-shell.owj-ui .owj-addresses { padding-top:32px; padding-bottom:40px; }
.bch5-shell.owj-ui .owj-addresses .bch5-context-back { justify-content:flex-start; width:auto; padding-inline:0; border:0; background:transparent; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list { display:flex; flex-direction:column; gap:24px; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list article { display:flex; flex-direction:column; gap:24px; padding:16px; margin:0; border:0; border-radius:12px; background:#fff; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list article>div:first-child { display:flex; flex-direction:column; gap:24px; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list strong { color:var(--bch5-ink); font-size:17px; line-height:27px; font-weight:500; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list p { color:var(--bch5-ink); font-size:16px; line-height:29px; overflow-wrap:anywhere; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list small { display:block; margin:0; padding:0; background:transparent; color:var(--bch5-green); font-size:14px; line-height:22px; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list article>div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list form { display:block!important; margin:0; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list .btn { display:flex; align-items:center; justify-content:center; min-height:48px; width:100%; margin:0; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:#fff; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form { display:flex; flex-direction:column; gap:20px; margin:20px 0 0; }
.bch5-shell.owj-ui .owj-addresses .bch5-form-grid { display:flex; flex-direction:column; gap:20px; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form label { display:flex; flex-direction:column; gap:8px; margin:0; color:var(--bch5-ink); font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form label>span { display:block!important; position:static; color:var(--bch5-ink); font-size:14px; line-height:22px; width:auto; height:auto; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form :is(input:not([type='checkbox']):not([type='hidden']),select,textarea) { display:block; width:100%; min-width:0; min-height:52px; margin:0; padding:11px 16px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; color:var(--bch5-ink); font-family:inherit; font-size:16px; line-height:28px; font-weight:400; box-shadow:none; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form textarea { min-height:144px; resize:vertical; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form .bch5-check-label { flex-direction:row; align-items:center; gap:12px; min-height:44px; }
.bch5-shell.owj-ui .owj-addresses .bch5-check-label input { flex:0 0 20px; width:20px; height:20px; margin:0; accent-color:var(--bch5-green); }
.bch5-shell.owj-ui .owj-addresses .bch5-primary { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; margin:0; padding:12px 16px; border:0; border-radius:8px; background:var(--bch5-green); color:#fff; font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-addresses .alert { margin:0!important; border-radius:8px; font-size:14px; line-height:23px; }
.bch5-shell.owj-ui .owj-addresses .bch5-empty-line { color:var(--bch5-muted); font-size:14px; line-height:23px; padding:16px; border:1px solid var(--bch5-line); border-radius:12px; background:#fff; }
/* The profile shares the real dining consumer shell and original password JS. */
.bch5-shell.owj-ui .bch5-main>main.owj-account-profile { width:100%; margin:0; padding:32px 20px 40px!important; font-family:inherit; color:var(--bch5-ink); background:var(--bch5-canvas); }
.bch5-shell.owj-ui .bch5-main>main.owj-account-profile>.owj-account-profile-body { display:flex; flex-direction:column; gap:24px; width:100%; max-width:720px; margin:0 auto; padding:0!important; }
.bch5-shell.owj-ui .owj-account-profile-body>a { display:flex; align-items:center; min-height:48px; padding:12px 0; color:var(--bch5-green); font-size:14px; line-height:22px; font-weight:500; }
.bch5-shell.owj-ui .owj-account-profile .owj-account-title { margin:0!important; color:var(--bch5-ink); font-size:26px!important; line-height:38px; font-weight:700!important; }
.bch5-shell.owj-ui .owj-account-profile section { display:flex; flex-direction:column; gap:24px; margin:0!important; padding:16px!important; border:0!important; border-radius:12px!important; background:#fff; box-shadow:none!important; }
.bch5-shell.owj-ui .owj-account-profile h2 { margin:0; color:var(--bch5-ink); font-size:20px!important; line-height:30px; font-weight:700!important; }
.bch5-shell.owj-ui .owj-account-profile form { display:flex; flex-direction:column; gap:8px; margin:0; }
.bch5-shell.owj-ui .owj-account-profile :is(label,.form-label) { display:flex; flex-direction:column; gap:8px; margin:0; color:var(--bch5-ink); font-size:14px; line-height:22px; font-weight:500!important; }
.bch5-shell.owj-ui .owj-account-profile .form-control { width:100%; min-width:0; min-height:52px; margin:0!important; padding:11px 16px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; color:var(--bch5-ink); font-family:inherit; font-size:16px; line-height:28px; box-shadow:none; }
.bch5-shell.owj-ui .owj-account-profile .btn { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; margin:16px 0 0!important; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:var(--bch5-green); color:#fff; font-size:14px; line-height:22px; font-weight:500; box-shadow:none; }
.bch5-shell.owj-ui .owj-account-profile .btn-outline-success { background:#fff; color:var(--bch5-green); }
.bch5-shell.owj-ui .owj-account-profile [data-account-password-form] { gap:24px; }
.bch5-shell.owj-ui .owj-account-profile [data-account-password-form] .btn { margin:0!important; }
.bch5-shell.owj-ui .owj-account-profile .owj-profile-identifier { display:flex; flex-direction:column; gap:24px; margin:0!important; padding:0!important; border:0!important; }
.bch5-shell.owj-ui .owj-account-profile .owj-profile-identifier>.small { color:var(--bch5-muted)!important; font-size:14px; line-height:22px; }
.bch5-shell.owj-ui .owj-account-profile .owj-profile-identifier>.fs-5 { margin:0!important; color:var(--bch5-ink); font-size:17px!important; line-height:27px; font-weight:500!important; }
.bch5-shell.owj-ui .owj-account-profile .alert { margin:0!important; border-radius:8px; font-size:14px; line-height:23px; }
.bch5-shell.owj-ui .owj-account-profile .text-muted { color:var(--bch5-muted)!important; }
/* Actual browser cascade fixes: old address rows centered their children,
   and the inherited health form added an unrelated inset card. */
.bch5-shell.owj-ui .owj-addresses .bch5-address-list article { align-items:stretch; }
.bch5-shell.owj-ui .owj-addresses .bch5-address-list article>div { width:100%; min-width:0; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.bch5-shell.owj-ui .owj-addresses .bch5-health-form textarea { min-height:144px!important; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-address { flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:16px 12px; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-address :is(h2,p) { flex-basis:100%; }
.bch5-shell.owj-ui .owj-order-detail .bch5-order-address>p { color:var(--bch5-muted); font-size:16px; line-height:29px; overflow-wrap:anywhere; }
