/* Pages publiques « Liquid Glass » : À propos, Comment ça marche, Support & aide, Contact */
html:not([data-ui="glass"]) .bcp-glass { display: none !important; }
html[data-ui="glass"] .bcp-classic { display: none !important; }

html[data-ui="glass"] .bcp { padding-top: 5.5rem; }
html[data-ui="glass"] .bcp.bcp-hero { padding-bottom: 1rem; }
.bcp-wrap { width: min(1120px, 100% - 2rem); margin-inline: auto; }
.bcp-narrow { width: min(820px, 100% - 2rem); }
.bcp-center { text-align: center; display: flex; flex-direction: column; align-items: center; }
.bcp-hero { padding: 1.5rem 0 2rem; }
.bcp-section { padding: 1.5rem 0; }
.bcp-last { padding-bottom: 4rem; }
.bcp-title { font-size: clamp(2rem, 6vw, 3.6rem); font-weight: 800; line-height: 1.08; letter-spacing: -.02em; margin: 1rem 0 1rem; color: var(--bc-ink-1, inherit); }
.bcp-lead { font-size: 1.08rem; line-height: 1.65; color: var(--bc-ink-3); max-width: 60ch; margin: 0 0 1.2rem; }
.bcp-center .bcp-lead { margin-inline: auto; }
.bcp-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.bcp-center .bcp-actions { justify-content: center; }
.bcp-split { display: grid; gap: 2rem; align-items: center; }
.bcp-art img { width: 100%; max-width: 460px; display: block; margin-inline: auto; border-radius: 24px; }
.bcp-head { text-align: center; margin-bottom: 1.6rem; }
.bcp-head h2 { font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 800; margin: .8rem 0 0; letter-spacing: -.01em; }
.bcp-grid4, .bcp-grid3 { display: grid; gap: 1rem; grid-template-columns: 1fr; }
.bcp-card { padding: 1.4rem; border-radius: 22px; background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); box-shadow: 0 10px 30px -18px rgba(60,30,20,.25); color: inherit; text-decoration: none; }
.bcp-card h3 { font-size: 1.1rem; font-weight: 800; margin: 1rem 0 .4rem; }
.bcp-card p { margin: 0; color: var(--bc-ink-3); line-height: 1.6; }
.bcp-more { text-align: center; margin: 1.5rem 0 0; }
.bcp-band { display: flex; flex-direction: column; gap: 1.2rem; padding: 1.8rem; border-radius: 28px; align-items: flex-start; }
.bcp-band h2 { font-size: clamp(1.4rem, 3.5vw, 2rem); font-weight: 800; margin: .6rem 0 .4rem; }
.bcp-band .bcp-lead { margin-bottom: 0; }
.bcp-contact h2 { font-size: 1.6rem; font-weight: 800; margin-bottom: 1.2rem; }
.bcp-contact ul { list-style: none; padding: 0; margin: 0 0 1.4rem; display: grid; gap: .9rem; }
.bcp-contact li { display: flex; gap: .8rem; align-items: flex-start; }
.bcp-contact li i { color: var(--bc-brand-500); font-size: 1.2rem; margin-top: .15rem; }
.bcp-contact a:not(.btn) { color: var(--bc-brand-700, #c23516); font-weight: 600; text-decoration: none; }

/* Comment ça marche */
.bcp-audience { display: grid; gap: .8rem; grid-template-columns: 1fr; width: min(640px, 100%); margin-top: 1rem; text-align: left; }
.bcp-aud { display: flex; align-items: center; gap: .9rem; padding: 1rem 1.1rem; transition: transform .25s, box-shadow .25s; }
.bcp-aud:hover { transform: translateY(-3px); }
.bcp-aud div { flex: 1; display: flex; flex-direction: column; }
.bcp-aud small { color: var(--bc-ink-3); }
.bcp-timeline { list-style: none; margin: 0; padding: 0 0 0 1.4rem; border-left: 2px dashed rgba(253,86,49,.35); display: grid; gap: 1.1rem; }
.bcp-step { position: relative; }
.bcp-step-num { position: absolute; left: -2.55rem; top: 1.1rem; width: 2.2rem; height: 2.2rem; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: .85rem; color: #fff; background: linear-gradient(135deg, #ea4a24, #c93a17); box-shadow: 0 0 0 5px var(--bc-bg, #fff); }
.bcp-step-body { display: flex; gap: 1rem; padding: 1.2rem; border-radius: 22px; align-items: flex-start; }
.bcp-step-body h3 { font-size: 1.1rem; font-weight: 800; margin: 0 0 .35rem; }
.bcp-step-body p { margin: 0; line-height: 1.65; color: var(--bc-ink-3); text-align: left; }

/* FAQ */
.bcp-search { position: relative; width: min(640px, 100%); margin: .5rem 0 1rem; }
.bcp-search i { position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%); color: var(--bc-brand-500); font-size: 1.15rem; }
.bcp-search input { width: 100%; height: 3.4rem; padding: 0 1.2rem 0 3rem; border-radius: 999px; border: 1px solid var(--bc-line, rgba(0,0,0,.1)); background: var(--bc-surface, #fff); color: inherit; font: inherit; box-shadow: 0 12px 30px -18px rgba(60,30,20,.35); }
.bcp-search input:focus { outline: 2px solid var(--bc-brand-500); outline-offset: 2px; }
.bcp-chips { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.bcp-chip { border: 1px solid var(--bc-line, rgba(0,0,0,.1)); background: var(--bc-surface, #fff); color: inherit; padding: .45rem 1rem; border-radius: 999px; font-weight: 600; font-size: .9rem; cursor: pointer; }
.bcp-chip.on { background: linear-gradient(135deg, #ea4a24, #c93a17); color: #fff; border-color: transparent; }
.bcp-faq-h { font-size: 1.3rem; font-weight: 800; margin: 0 0 1rem; }
.bcp-acc { display: grid; gap: .7rem; }
.bcp-q { border-radius: 18px; background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); padding: 0 1.2rem; }
.bcp-q summary { list-style: none; cursor: pointer; padding: 1rem 0; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.bcp-q summary::-webkit-details-marker { display: none; }
.bcp-q summary i { transition: transform .25s; color: var(--bc-brand-500); flex: none; }
.bcp-q[open] summary i { transform: rotate(90deg); }
.bcp-q p { margin: 0 0 1.1rem; line-height: 1.65; color: var(--bc-ink-3); }
.bcp-empty { text-align: center; }
.bcp-empty i { font-size: 2rem; color: var(--bc-brand-500); }
.bcp-empty p { margin: .6rem 0 1rem; }

/* Contact : formulaire et cartes existants relookés */
html[data-ui="glass"] .bcp-contact-page { padding-top: 0; }
html[data-ui="glass"] .bcp-contact-page .row { justify-content: center; }
html[data-ui="glass"] .bcp-form-col { margin-left: 0; max-width: 640px; flex: 0 0 100%; width: 100%; }
html[data-ui="glass"] .bcp-form { border-radius: 28px; background: var(--bc-surface, #fff) !important; border: 1px solid var(--bc-line, rgba(0,0,0,.08)) !important; box-shadow: 0 24px 60px -30px rgba(60,30,20,.4); }
html[data-ui="glass"] .bcp-contact-cards .icon-box { border-radius: 22px; }

@media (min-width: 768px) {
    .bcp-grid4 { grid-template-columns: repeat(2, 1fr); }
    .bcp-grid3 { grid-template-columns: repeat(3, 1fr); }
    .bcp-audience { grid-template-columns: 1fr 1fr; }
    .bcp-band { flex-direction: row; align-items: center; justify-content: space-between; padding: 2.2rem 2.6rem; }
    .bcp-split { grid-template-columns: 1.1fr .9fr; }
    .bcp-split-even { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1100px) { .bcp-grid4 { grid-template-columns: repeat(4, 1fr); } }

/* ---------- Authentification (Identity) ---------- */
html[data-ui="glass"] .bca-top { box-sizing: border-box; width: min(1000px, 100% - 2rem); margin: 1.2rem auto .4rem !important; display: flex !important; align-items: center; justify-content: space-between; }
html[data-ui="glass"] .bca-logo { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; }
html[data-ui="glass"] .bca-home { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem 1rem; border-radius: 999px; background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); color: inherit; font-weight: 600; font-size: .9rem; text-decoration: none; }
html[data-ui="glass"] .bca-card { border-radius: 28px; border: 1px solid var(--bc-line, rgba(0,0,0,.08)); background: var(--bc-surface, #fff); box-shadow: 0 30px 70px -34px rgba(60,30,20,.45); width: 100%; }
html[data-ui="glass"] .bca-card.bca-simple { max-width: 460px; padding: 1.6rem; }
html[data-ui="glass"] .bca-card > a.position-absolute { display: none !important; }
html[data-ui="glass"] .bca-aside { position: relative; border-radius: 22px; color: #fff; border: 0 !important; margin: .5rem; width: calc(50% - 1rem); flex: 0 0 auto;
    background: radial-gradient(120% 90% at 0% 0%, #ff8a63 0%, transparent 60%), linear-gradient(145deg, #ea4a24, #b83214); }
html[data-ui="glass"] .bca-aside h2, html[data-ui="glass"] .bca-aside li, html[data-ui="glass"] .bca-aside div { color: #fff; }
html[data-ui="glass"] .bca-aside .text-primary { color: #fff !important; }
html[data-ui="glass"] .bca-aside a { color: #fff; font-weight: 700; text-decoration: underline; }
html[data-ui="glass"] .bca-aside img { filter: drop-shadow(0 18px 24px rgba(0,0,0,.25)); background: rgba(255,255,255,.14); border-radius: 22px; padding: 1rem; }

/* ---------- Espace financier ---------- */
html[data-ui="glass"] .bcf-tabs { display: flex; flex-wrap: nowrap; gap: .3rem; padding: .3rem; border: 1px solid var(--bc-line, rgba(0,0,0,.08)) !important; border-radius: 999px; background: var(--bc-surface, #fff); overflow-x: auto; scrollbar-width: none; width: fit-content; max-width: 100%; margin-bottom: 1.4rem !important; }
html[data-ui="glass"] .bcf-tabs::-webkit-scrollbar { display: none; }
html[data-ui="glass"] .bcf-tabs .nav-item { margin: 0 !important; flex: none; }
html[data-ui="glass"] .bcf-tabs .nav-link { border: 0 !important; border-radius: 999px !important; padding: .5rem 1.05rem; font-weight: 700; font-size: .92rem; color: var(--bc-ink-3); white-space: nowrap; }
html[data-ui="glass"] .bcf-tabs .nav-link.active { color: #fff !important; background: linear-gradient(135deg, #ea4a24, #c93a17) !important; box-shadow: 0 8px 18px -8px rgba(201,58,23,.7); }
.bcf-empty { text-align: center; padding: 3rem 1rem; max-width: 420px; margin: 1rem auto; display: flex; flex-direction: column; align-items: center; }
.bcf-empty h3 { font-size: 1.2rem; font-weight: 800; margin: 1rem 0 .4rem; }
.bcf-empty p { color: var(--bc-ink-3); margin: 0; line-height: 1.6; }
.bcf-empty .bcl-ic { width: 64px; height: 64px; border-radius: 22px; font-size: 1.8rem; }
html[data-ui="glass"] img[src$="no-data.svg"] { max-width: min(340px, 80%); height: auto; display: block; margin-inline: auto; }

/* ---------- Formulaire de prise en charge (modal) ---------- */
.bc-sec { display: flex; align-items: center; gap: .55rem; margin: 1.3rem 0 .8rem; padding-bottom: .5rem; border-bottom: 1px dashed var(--bc-line, rgba(0,0,0,.12)); font-weight: 800; font-size: .95rem; letter-spacing: .01em; }
.bc-sec:first-of-type { margin-top: .2rem; }
.bc-sec i { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--bc-brand-50, #fff1ed); color: var(--bc-brand-500, #fd5631); font-size: 1rem; }

/* ---------- Cloche, en-tête de compte (menu latéral + menu utilisateur) ---------- */
.bc-bell { display: block; color: var(--bc-ink-2, #5a4c46); transition: color .2s, transform .3s; }
a:hover .bc-bell { color: var(--bc-brand-500, #fd5631); transform: rotate(-12deg); }
html:not([data-ui="glass"]) .bcs { display: none; }
html[data-ui="glass"] .bcs-classic { display: none !important; }
html[data-ui="glass"] .bcs { display: grid; gap: .9rem; margin-bottom: 1rem; }
html[data-ui="glass"] .bcs-compact { width: min(17rem, 80vw); padding: .2rem .9rem 0; }
.bcs-id { display: flex; align-items: center; gap: .8rem; }
.bcs-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 0 0 2px var(--bc-brand-300, #ff8a65), 0 8px 18px -8px rgba(201,58,23,.6); flex: none; }
.bcs-compact .bcs-avatar { width: 46px; height: 46px; }
.bcs-who { min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.bcs-who b { font-size: 1.05rem; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.bcs-wallet { position: relative; overflow: hidden; padding: 1rem 1.1rem; border-radius: 20px; color: #fff;
    background: radial-gradient(110% 120% at 100% 0%, rgba(255,255,255,.28), transparent 55%), linear-gradient(145deg, #ea4a24, #b83214); box-shadow: 0 16px 30px -18px rgba(184,50,20,.8); }
.bcs-wallet small { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: .68rem; opacity: .85; }
.bcs-amt { font-size: 1.7rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.15; margin: .15rem 0 .5rem; }
.bcs-compact .bcs-amt { font-size: 1.45rem; }
.bcs-subs { display: grid; gap: .25rem; font-size: .8rem; font-weight: 600; margin-bottom: .8rem; }
.bcs-sub { display: flex; align-items: center; gap: .4rem; opacity: .95; }
.bcs-sub b { margin-left: auto; font-weight: 800; }
.bcs-acts { display: flex; gap: .5rem; }
.bcs-acts .btn { flex: 1; padding-inline: .5rem; white-space: nowrap; }
.bcs-wallet .btn-primary { background: #fff !important; color: #b83214 !important; border-color: #fff !important; box-shadow: none; }
.bcs-wallet .btn-secondary { background: rgba(255,255,255,.18) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.45) !important; }
.bcs-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; font-size: .86rem; color: var(--bc-ink-3); }
.bcs-contact li { display: flex; gap: .55rem; align-items: center; min-width: 0; }
.bcs-contact li span { overflow-wrap: anywhere; }
.bcs-contact i:first-child { color: var(--bc-brand-500); }
.bc-devise { flex: 0 0 7rem; min-width: 7rem; }

/* ---------- Tableau de bord (maquette dashboard.html) ---------- */
html:not([data-ui="glass"]) .bdb-glass { display: none; }
html[data-ui="glass"] .bdb-classic { display: none !important; }
.bdb-hello { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.bdb-title { font-size: clamp(1.5rem, 3.4vw, 2.1rem); font-weight: 800; letter-spacing: -.02em; margin: 0; }
.bdb-hello p { margin: .3rem 0 0; color: var(--bc-ink-3); }
.bdb-layout { display: grid; gap: 1.1rem; grid-template-columns: minmax(0, 1fr); }
.bdb-col { display: grid; gap: 1.1rem; align-content: start; min-width: 0; }
.bdb-card { background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); border-radius: 24px; box-shadow: 0 14px 34px -22px rgba(60,30,20,.3); overflow: hidden; }
.bdb-head { display: flex; justify-content: space-between; align-items: center; gap: .6rem; flex-wrap: wrap; padding: 1.2rem 1.4rem .6rem; }
.bdb-head h3 { font-size: 1.05rem; font-weight: 800; margin: 0; }
.bdb-wallet { position: relative; overflow: hidden; padding: 1.5rem; border-radius: 28px; color: #fff;
    background: radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.3), transparent 55%), linear-gradient(145deg, #ea4a24, #b83214); box-shadow: 0 24px 44px -26px rgba(184,50,20,.9); }
.bdb-wallet small { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: .72rem; opacity: .85; }
.bdb-amt { font-size: clamp(2.1rem, 5vw, 3rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; margin: .3rem 0 .4rem; }
.bdb-subs { display: flex; gap: .4rem 1.5rem; flex-wrap: wrap; margin-bottom: 1.2rem; font-weight: 600; font-size: .9rem; opacity: .95; }
.bdb-subs b { margin-left: .3rem; }
.bdb-acts { display: flex; gap: .6rem; flex-wrap: wrap; }
.bdb-acts .btn-light { background: #fff; color: #b83214; border-color: #fff; font-weight: 700; }
.bdb-acts .btn-glass { background: rgba(255,255,255,.18); color: #fff; border: 1px solid rgba(255,255,255,.5); font-weight: 700; }
.bdb-acts .btn-ghost { background: transparent; color: #fff; border: 0; text-decoration: underline; font-weight: 600; }
.bdb-tiles { display: grid; gap: .9rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bdb-tile { display: flex; flex-direction: column; padding: 1.1rem 1.2rem; border-radius: 22px; background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); color: inherit; text-decoration: none; box-shadow: 0 12px 28px -22px rgba(60,30,20,.4); transition: transform .25s, box-shadow .25s; min-width: 0; }
.bdb-tile:hover { transform: translateY(-3px); box-shadow: 0 18px 34px -20px rgba(60,30,20,.45); color: inherit; }
.bdb-tile { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "num ic" "lab lab" "sub sub"; align-items: center; column-gap: .6rem; }
.bdb-tile b { grid-area: num; font-size: 1.6rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; overflow-wrap: anywhere; }
.bdb-tile > span:not(.bdb-ic) { grid-area: lab; margin-top: .2rem; color: var(--bc-ink-3); font-weight: 600; font-size: .82rem; }
.bdb-tile em { grid-area: sub; font-style: normal; font-size: .75rem; font-weight: 700; margin-top: .35rem; color: var(--bc-ok, #0a7a52); }
.bdb-ic { grid-area: ic; width: 40px; height: 40px; border-radius: 14px; display: grid; place-items: center; font-size: 1.2rem; }
.i-b { background: var(--bc-brand-50, #fff1ed); color: var(--bc-brand-500, #fd5631); }
.i-g { background: #e3f6ee; color: #0a7a52; }
.i-a { background: #fdf0d9; color: #8a5200; }
.i-i { background: #e7ebfb; color: #2f49b8; }
.bdb-seg { display: inline-flex; padding: 3px; border-radius: 999px; background: var(--bc-bg-2, #f4ece8); }
.bdb-seg button { border: 0; background: transparent; padding: .3rem .8rem; border-radius: 999px; font-weight: 700; font-size: .8rem; color: var(--bc-ink-3); cursor: pointer; }
.bdb-seg button.on { background: linear-gradient(135deg, #ea4a24, #c93a17); color: #fff; }
.bdb-bars { display: flex; align-items: flex-end; gap: .5rem; height: 190px; padding: .5rem 1.4rem 1.2rem; }
.bdb-bars div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: .4rem; height: 100%; min-width: 0; }
.bdb-bars i { width: 100%; border-radius: 10px 10px 4px 4px; background: linear-gradient(180deg, #ff8a65, #fd5631); min-height: 4px; transition: transform .4s; transform-origin: bottom; }
.bdb-bars div:hover i { transform: scaleY(1.06); }
.bdb-bars span { font-size: .66rem; font-weight: 700; color: var(--bc-ink-3); }
.bdb-bars .cur i { background: linear-gradient(180deg, #ffb347, #fd5631); box-shadow: 0 6px 16px rgba(253,86,49,.3); }
.bdb-list { padding-bottom: .3rem; }
.bdb-row { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; column-gap: .8rem; row-gap: .3rem; align-items: center; width: 100%; padding: .85rem 1.4rem; border: 0; border-top: 1px solid var(--bc-line, rgba(0,0,0,.08)); background: transparent; text-align: left; color: inherit; cursor: pointer; transition: background .2s; font: inherit; }
.bdb-row:hover { background: var(--bc-bg-2, #f9f3f0); }
.bdb-thumb { grid-row: 1 / 3; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(135deg, #ff8a65, #fd5631); color: #fff; font-size: 1.15rem; }
.bdb-t { min-width: 0; display: flex; flex-direction: column; grid-column: 2; }
.bdb-t b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bdb-t small { color: var(--bc-ink-3); font-weight: 600; font-size: .8rem; }
.bdb-price { grid-column: 3; grid-row: 1; font-weight: 800; }
.bdb-badge { grid-column: 2; grid-row: 2; justify-self: start; display: inline-flex; padding: .15rem .65rem; border-radius: 999px; font-weight: 700; font-size: .72rem; }
.bdb-badge.ok { background: #e3f6ee; color: #0a7a52; } .bdb-badge.warn { background: #fdf0d9; color: #8a5200; }
.bdb-badge.info { background: #e7ebfb; color: #2f49b8; } .bdb-badge.bad { background: #fde6e3; color: #b9281f; }
.bdb-badge.brand { background: var(--bc-brand-50, #fff1ed); color: #c23516; grid-column: auto; grid-row: auto; }
.bdb-head .bdb-badge { grid-area: auto; }
.bdb-none { padding: 1.2rem 1.4rem; margin: 0; color: var(--bc-ink-3); }
.bdb-notifs { padding-bottom: 1rem; }
.bdb-n { display: flex; gap: .8rem; padding: .8rem 1.4rem; border-top: 1px solid var(--bc-line, rgba(0,0,0,.08)); position: relative; color: inherit; text-decoration: none; }
.bdb-n:hover { background: var(--bc-bg-2, #f9f3f0); color: inherit; }
.bdb-n b { display: block; font-size: .92rem; } .bdb-n small { color: var(--bc-ink-3); font-weight: 600; font-size: .78rem; }
.bdb-n.unread::after { content: ""; position: absolute; right: 1.3rem; top: 1.1rem; width: 9px; height: 9px; border-radius: 50%; background: var(--bc-brand-500, #fd5631); }
.bdb-ni { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--bc-brand-50, #fff1ed); color: var(--bc-brand-500, #fd5631); }
.bdb-ni.k-success { background: #e3f6ee; color: #0a7a52; } .bdb-ni.k-warning { background: #fdf0d9; color: #8a5200; } .bdb-ni.k-danger { background: #fde6e3; color: #b9281f; }
.bdb-foot { padding: .8rem 1.4rem 0; }
.bdb-donut { display: flex; align-items: center; gap: 1.1rem; padding: 1.2rem 1.4rem; }
.bdb-donut svg { width: 96px; height: 96px; flex: none; }
.bdb-donut h3 { font-size: 1rem; font-weight: 800; margin: 0; } .bdb-donut p { margin: .2rem 0 0; color: var(--bc-ink-3); font-weight: 600; font-size: .85rem; }
@media (min-width: 1200px) { .bdb-layout { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } .bdb-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1500px) { .bdb-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 640px) { .bdb-bars { gap: .3rem; padding-inline: 1rem; } .bdb-bars span { font-size: .58rem; } .bdb-row { padding-inline: 1.1rem; } }
html[data-ui="glass"] .bc-nav-link { white-space: nowrap; }

html[data-ui="glass"] .bc-account-menu.dropdown-menu, html[data-ui="glass"] .bc-notif-menu.dropdown-menu { background: var(--bc-surface-solid, #fffdfc) !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-theme="dark"] html[data-ui="glass"] .bc-account-menu.dropdown-menu { background: #1e1816 !important; }

/* ---------- Cartes « prise en charge » ---------- */
html:not([data-ui="glass"]) .bc-pc-glass { display: none; }
html[data-ui="glass"] .bc-pc-classic { display: none !important; }
html[data-ui="glass"] .bc-pcard { border-radius: 24px !important; border: 1px solid var(--bc-line, rgba(0,0,0,.08)) !important; background: var(--bc-surface, #fff); box-shadow: 0 14px 34px -22px rgba(60,30,20,.35) !important; overflow: hidden; }
html[data-ui="glass"] .bc-pcard .card-img-top { background-size: contain; background-repeat: no-repeat; background-position: center; background-color: var(--bc-bg-2, #f6efeb); min-height: 170px; }
html[data-ui="glass"] .bc-pcard .card-title { margin-bottom: .6rem !important; }
html[data-ui="glass"] .bc-pcard .card-title a { font-weight: 800; font-size: 1.05rem; color: inherit; }
.bc-pc-route { display: flex; align-items: center; gap: .45rem; margin: 0 0 .8rem; color: var(--bc-ink-3); font-weight: 600; font-size: .9rem; }
.bc-pc-route i { color: var(--bc-brand-500); }
.bc-pc-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin-bottom: .9rem; }
.bc-pc-stats div { padding: .55rem .7rem; border-radius: 14px; background: var(--bc-bg-2, #f6efeb); min-width: 0; }
.bc-pc-stats small { display: block; color: var(--bc-ink-3); font-weight: 600; font-size: .7rem; }
.bc-pc-stats b { font-size: 1rem; font-weight: 800; }
.bc-pc-stats .gain { background: #e3f6ee; } .bc-pc-stats .gain b { color: #0a7a52; }
.bc-pc-dates { list-style: none; margin: 0 0 .8rem; padding: 0; display: grid; gap: .35rem; font-size: .85rem; color: var(--bc-ink-3); }
.bc-pc-dates li { display: flex; gap: .5rem; align-items: baseline; min-width: 0; } .bc-pc-dates i { color: var(--bc-brand-500); } .bc-pc-dates b { color: inherit; color: var(--bc-ink-1, #1d1512); }
.bc-pc-hint { background: var(--bc-brand-50, #fff1ed); border-radius: 12px; padding: .5rem .8rem; font-size: .85rem; margin: 0 0 .6rem; } .bc-pc-hint i { color: var(--bc-brand-500); margin-right: .4rem; }
@media (max-width: 420px) { .bc-pc-stats { grid-template-columns: 1fr 1fr; } .bc-pc-stats .gain { grid-column: 1 / 3; } }

/* ---------- Avis ---------- */
html[data-ui="glass"] .bc-review { padding: 1.1rem 1.2rem !important; margin-bottom: .8rem !important; border: 1px solid var(--bc-line, rgba(0,0,0,.08)) !important; border-radius: 20px; background: var(--bc-surface, #fff); box-shadow: 0 10px 26px -20px rgba(60,30,20,.35); white-space: normal; }
html[data-ui="glass"] .bc-review img.rounded-circle { width: 48px; height: 48px; object-fit: cover; box-shadow: 0 0 0 2px var(--bc-brand-300, #ff8a65); }
html[data-ui="glass"] .bc-review p { margin: .3rem 0 0; line-height: 1.6; }
html[data-ui="glass"] .mud-table-root .mud-table-cell:has(.bc-review) { padding-inline: 0; border: 0; }

/* ---------- Messagerie : interface de chat ---------- */
html[data-ui="glass"] .chat-container { background: var(--bc-surface, #fff); border-radius: 28px; overflow: hidden; }
html[data-ui="glass"] .chat-sidebar { background: transparent; }
html[data-ui="glass"] .chat-type-selector { gap: .4rem; padding: .8rem 1rem; margin: .8rem 1rem 0; border: 1px solid var(--bc-line, rgba(0,0,0,.08)); border-radius: 999px; background: var(--bc-bg-2, #f6efeb) !important; backdrop-filter: none; }
html[data-ui="glass"] .type-button { background: transparent; box-shadow: none; padding: .5rem .8rem; }
html[data-ui="glass"] .type-button.active { background: linear-gradient(135deg, #ea4a24, #c93a17); }
html[data-ui="glass"] .chat-search { background: transparent; border-bottom: 0; }
html[data-ui="glass"] .chat-list-item { margin: .15rem .6rem; padding: .8rem; border: 0 !important; border-radius: 18px; }
html[data-ui="glass"] .chat-list-item.active { background: var(--bc-brand-50, #fff1ed); box-shadow: inset 0 0 0 1.5px rgba(253,86,49,.35); }
html[data-ui="glass"] .chat-avatar { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--bc-brand-300, #ff8a65); object-fit: cover; background: var(--bc-bg-2); }
html[data-ui="glass"] .chat-preview-title { color: inherit; font-weight: 800; }
html[data-ui="glass"] .chat-preview-message { color: var(--bc-ink-3); }
html[data-ui="glass"] .unread-badge { border-radius: 999px; min-width: 22px; box-shadow: 0 4px 10px rgba(253,86,49,.4); }
html[data-ui="glass"] .chat-header { padding: .9rem 1.2rem; }
html[data-ui="glass"] .chat-header .chat-avatar { width: 46px; height: 46px; }
html[data-ui="glass"] .modern-chat-container { background: radial-gradient(90% 60% at 100% 0%, rgba(253,86,49,.06), transparent 60%), var(--bc-bg-2, #faf6f3); }
html[data-ui="glass"] .chat-messages-area { padding: 1.2rem 1.4rem; }
html[data-ui="glass"] .message-bubble { margin-bottom: .9rem; max-width: min(70%, 520px); }
html[data-ui="glass"] .message-bubble.grouped { margin-top: -.55rem; }
html[data-ui="glass"] .message-content { border-radius: 20px; line-height: 1.5; }
html[data-ui="glass"] .message-received .message-content { border-bottom-left-radius: 6px; }
html[data-ui="glass"] .message-sent .message-content { border-bottom-right-radius: 6px; }
html[data-ui="glass"] .message-bubble.grouped.message-received .message-content { border-top-left-radius: 6px; }
html[data-ui="glass"] .message-bubble.grouped.message-sent .message-content { border-top-right-radius: 6px; }
html[data-ui="glass"] .message-avatar { width: 32px; height: 32px; box-shadow: 0 0 0 2px #fff; }
html[data-ui="glass"] .message-avatar-gap { display: inline-block; box-shadow: none; flex: none; }
html[data-ui="glass"] .message-sent .message-time { color: var(--bc-ink-3); }
html[data-ui="glass"] .date-divider span { background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); font-weight: 700; color: var(--bc-ink-3); }
html[data-ui="glass"] .date-divider::before { background: var(--bc-line, rgba(0,0,0,.08)); }
html[data-ui="glass"] .chat-input-area { padding: .8rem 1.2rem; background: var(--bc-surface, #fff); }
html[data-ui="glass"] .chat-input-area .mud-input-outlined .mud-input-outlined-border { border-radius: 999px; }
html[data-ui="glass"] .chat-input-area .mud-input-slot { padding-left: 1.1rem; }
html[data-ui="glass"] .chat-input-wrapper > .mud-icon-button { background: linear-gradient(135deg, #ea4a24, #c93a17) !important; color: #fff !important; box-shadow: 0 8px 18px -8px rgba(201,58,23,.8); }
html[data-ui="glass"] .chat-input-wrapper > .mud-icon-button.mud-disabled { background: var(--bc-bg-2, #eee) !important; color: var(--bc-ink-3) !important; box-shadow: none; }
html[data-ui="glass"] .chat-empty-state, html[data-ui="glass"] .no-messages { color: var(--bc-ink-3); }

/* ---------- Mon profil ---------- */
html:not([data-ui="glass"]) .bc-pf-hero { display: none; }
html[data-ui="glass"] .bc-pf-classic { display: none !important; }
.bc-pf-hero { background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); border-radius: 28px; overflow: hidden; margin-bottom: 1.4rem; box-shadow: 0 18px 40px -26px rgba(60,30,20,.35); }
.bc-pf-cover { height: 110px; background: radial-gradient(90% 140% at 90% 0%, rgba(255,255,255,.35), transparent 60%), linear-gradient(135deg, #ff8a65, #ea4a24 55%, #b83214); }
.bc-pf-id { display: flex; align-items: flex-end; gap: 1.1rem; flex-wrap: wrap; padding: 0 1.4rem 1rem; margin-top: -44px; }
.bc-pf-avatar { position: relative; flex: none; width: 96px; height: 96px; border-radius: 50%; cursor: pointer; border: 4px solid var(--bc-surface, #fff); box-shadow: 0 10px 24px -10px rgba(60,30,20,.6); }
.bc-pf-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: var(--bc-bg-2, #f6efeb); }
.bc-pf-avatar span { position: absolute; right: -2px; bottom: 0; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #ea4a24; color: #fff; border: 3px solid var(--bc-surface, #fff); font-size: .8rem; }
.bc-pf-who { flex: 1; min-width: 200px; padding-top: 48px; }
.bc-pf-who h1 { font-size: 1.5rem; font-weight: 800; margin: 0; letter-spacing: -.01em; }
.bc-pf-who p { margin: .1rem 0 .5rem; color: var(--bc-ink-3); overflow-wrap: anywhere; }
.bc-pf-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.bc-pf-chips span { display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .7rem; border-radius: 999px; font-size: .78rem; font-weight: 700; background: var(--bc-bg-2, #f6efeb); color: var(--bc-ink-2); }
.bc-pf-chips .ok { background: #e3f6ee; color: #0a7a52; } .bc-pf-chips .warn { background: #fdf0d9; color: #8a5200; }
.bc-pf-level { margin-left: auto; display: flex; flex-direction: column; align-items: center; padding-top: 48px; } .bc-pf-level svg { width: 74px; height: 74px; } .bc-pf-level small { color: var(--bc-ink-3); font-weight: 700; font-size: .7rem; }
.bc-pf-nav { display: flex; gap: .4rem; overflow-x: auto; padding: .7rem 1.1rem; border-top: 1px solid var(--bc-line, rgba(0,0,0,.08)); scrollbar-width: none; }
.bc-pf-nav::-webkit-scrollbar { display: none; }
.bc-pf-nav a, .bc-pf-nav button { border: 0; cursor: pointer; flex: none; display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .9rem; border-radius: 999px; font-weight: 700; font-size: .85rem; color: var(--bc-ink-2); text-decoration: none; background: var(--bc-bg-2, #f6efeb); }
.bc-pf-nav button.on { background: linear-gradient(135deg, #ea4a24, #c93a17); color: #fff; } .bc-pf-nav button.on i { color: #fff; }
.bc-pf-nav a:hover, .bc-pf-nav button:hover:not(.on) { background: var(--bc-brand-50, #fff1ed); color: #c23516; }
.bc-pf-nav i { color: var(--bc-brand-500); }
html[data-ui="glass"] [id="personal-info"], html[data-ui="glass"] [id="passeport-info"], html[data-ui="glass"] [id="profil-files"], html[data-ui="glass"] #account-bio { scroll-margin-top: 110px; }
html[data-ui="glass"] .bc-pf-card { border: 1px solid var(--bc-line, rgba(0,0,0,.08)) !important; border-radius: 24px !important; background: var(--bc-surface, #fff); padding: 1.3rem 1.4rem !important; box-shadow: 0 14px 34px -24px rgba(60,30,20,.3); }
html[data-ui="glass"] .bc-pf-card > h2 { display: flex; align-items: center; gap: .6rem; font-size: 1.1rem; font-weight: 800; margin-bottom: 1rem !important; }
html[data-ui="glass"] .bc-pf-card > h2 > i { display: inline-grid; place-items: center; width: 36px; height: 36px; margin: 0 !important; border-radius: 12px; background: var(--bc-brand-50, #fff1ed); font-size: 1.1rem !important; }
html[data-ui="glass"] .bc-pf-card .border-bottom { border-color: var(--bc-line, rgba(0,0,0,.08)) !important; }
html[data-ui="glass"] .bc-pf-card .form-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--bc-ink-3); font-weight: 700; margin-bottom: .15rem; }
html[data-ui="glass"] .bc-pf-card .form-label .fw-normal { text-transform: none; letter-spacing: 0; }
html[data-ui="glass"] .bc-pf-card [id$="-value"] { font-weight: 700; font-size: 1rem; overflow-wrap: anywhere; }
html[data-ui="glass"] .bc-pf-card a.nav-link[data-bs-toggle="collapse"] { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--bc-bg-2, #f6efeb); color: var(--bc-brand-500); }
html[data-ui="glass"] .bc-pf-card a.nav-link[data-bs-toggle="collapse"]:hover { background: var(--bc-brand-50, #fff1ed); }
html[data-ui="glass"] .bc-pf-label { font-weight: 800; font-size: 1.05rem; }
@media (max-width: 575px) { .bc-pf-id { padding-inline: 1rem; } .bc-pf-level { display: none; } .bc-pf-who { padding-top: 0; flex-basis: 100%; } .bc-pf-avatar { margin-top: 0; } }
html[data-ui="glass"] .col-lg-3:has(.profile-image-wrapper) { display: none !important; }
html[data-ui="glass"] .col-lg-9:has(#account-bio) { flex: 0 0 100%; max-width: 100%; width: 100%; }
html[data-ui="glass"] #account-bio { border-radius: 18px; min-height: 140px; }

/* ---------- Mes alertes ---------- */
html:not([data-ui="glass"]) .bc-al-glass { display: none; }
html[data-ui="glass"] .bc-al-classic { display: none !important; }
.bc-al-glass { display: grid; gap: .9rem; grid-template-columns: minmax(0, 1fr); }
.bc-al-card { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; padding: 1.2rem 1.3rem; border-radius: 22px; background: var(--bc-surface, #fff); border: 1px solid var(--bc-line, rgba(0,0,0,.08)); box-shadow: 0 12px 30px -22px rgba(60,30,20,.35); }
.bc-al-body { flex: 1; min-width: 200px; }
.bc-al-body h3 { font-size: 1.1rem; font-weight: 800; margin: 0 0 .4rem; display: flex; align-items: center; gap: .5rem; }
.bc-al-body h3 i, .bc-al-body p i { color: var(--bc-brand-500); }
.bc-al-body p { margin: .15rem 0; color: var(--bc-ink-3); display: flex; gap: .5rem; align-items: baseline; flex-wrap: wrap; } .bc-al-body p b { color: var(--bc-ink-1, #1d1512); }
.bc-al-body small { display: block; margin-top: .4rem; color: var(--bc-ink-3); }
.bc-al-acts { display: flex; gap: .4rem; align-items: center; }
.bc-al-del { width: 38px; height: 38px; border-radius: 50%; padding: 0; background: #fde6e3; color: #b9281f; border: 0; display: grid; place-items: center; }
@media (min-width: 992px) { .bc-al-glass:has(.bc-al-card) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Le solde figure déjà dans le menu latéral à partir de lg */
@media (min-width: 992px) { .bdb-wallet { display: none; } }

/* ---------- En-tête de page (Mes commandes, Mes prises en charge) ---------- */
html:not([data-ui="glass"]) .bch-glass { display: none; }
html[data-ui="glass"] .bch-classic { display: none !important; }
.bch { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 1.2rem 1.4rem; margin-bottom: 1.2rem; border-radius: 26px; border: 1px solid var(--bc-line, rgba(0,0,0,.08)); background: radial-gradient(70% 140% at 100% 0%, rgba(253,86,49,.12), transparent 60%), var(--bc-surface, #fff); box-shadow: 0 14px 34px -24px rgba(60,30,20,.35); }
.bch-text { display: flex; align-items: flex-start; gap: 1rem; min-width: 0; flex: 1 1 280px; }
.bch-ic { flex: none; width: 52px; height: 52px; border-radius: 18px; display: grid; place-items: center; font-size: 1.5rem; color: #fff; background: linear-gradient(135deg, #ff8a65, #ea4a24); box-shadow: 0 10px 20px -10px rgba(234,74,36,.8); }
.bch h1 { font-size: clamp(1.35rem, 3vw, 1.8rem); font-weight: 800; letter-spacing: -.02em; margin: 0; }
.bch p { margin: .2rem 0 0; color: var(--bc-ink-3); }
.bch-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .7rem; }
.bch-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .22rem .75rem; border-radius: 999px; font-size: .78rem; font-weight: 700; }
.bch-chip.info { background: #e7ebfb; color: #2f49b8; } .bch-chip.bad { background: #fde6e3; color: #b9281f; } .bch-chip.ok { background: #e3f6ee; color: #0a7a52; }
.bc-gain { color: #0a7a52; }
@media (max-width: 575px) { .bch { padding: 1rem; } .bch-act, .bch-act .btn { width: 100%; } }

/* Menu latéral : téléphone et e-mail sur la même ligne */
.bcs-contact { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: .6rem; }
.bcs-contact li { white-space: nowrap; flex: none; }
.bcs-contact .bcs-mail { flex: 1 1 0; min-width: 0; }
.bcs-contact .bcs-mail span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

/* Menu utilisateur : pas de trou entre l'avatar et le menu (survol) */
html[data-ui="glass"] .dropdown:has(> .bc-account-menu) > .dropdown-menu, html[data-ui="glass"] .dropdown:has(> .bc-notif-menu) > .dropdown-menu { margin-top: 0 !important; }
html[data-ui="glass"] .bc-account-menu.dropdown-menu::before, html[data-ui="glass"] .bc-notif-menu.dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -26px; height: 26px; }

/* ---------- Mes avis ---------- */
.bcr-count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 .4rem; margin-left: .35rem; border-radius: 999px; font-size: .72rem; font-weight: 800; background: rgba(0,0,0,.07); }
.nav-link.active .bcr-count { background: rgba(255,255,255,.25); }
.bcf-tabs button.nav-link { background: transparent; }
.bcr-summary { display: grid; grid-template-columns: auto 1fr; gap: 1.6rem; align-items: center; padding: 1.3rem 1.5rem; margin-bottom: 1.1rem; border-radius: 24px; border: 1px solid var(--bc-line, rgba(0,0,0,.08)); background: var(--bc-surface, #fff); box-shadow: 0 14px 34px -24px rgba(60,30,20,.3); }
.bcr-score { text-align: center; } .bcr-score b { display: block; font-size: 2.8rem; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.bcr-score small { color: var(--bc-ink-3); font-weight: 600; }
.bcr-stars { color: #f5a623; letter-spacing: .1rem; white-space: nowrap; } .bcr-stars .fi-star { color: #d9cfc9; }
.bcr-dist { display: grid; gap: .35rem; }
.bcr-line { display: grid; grid-template-columns: 2.4rem 1fr 1.6rem; gap: .6rem; align-items: center; font-size: .8rem; font-weight: 700; color: var(--bc-ink-3); }
.bcr-line i.fi-star-filled { color: #f5a623; font-size: .75rem; } .bcr-line em { font-style: normal; text-align: right; }
.bcr-bar { height: 8px; border-radius: 999px; background: var(--bc-bg-2, #f4ece8); overflow: hidden; } .bcr-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #ffb347, #fd5631); }
.bcr-bar-tools { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin: .2rem 0 .9rem; }
.bcr-total { font-weight: 800; }
.bcr-sort { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 600; color: var(--bc-ink-3); margin: 0; }
.bcr-sort select { border: 1px solid var(--bc-line, rgba(0,0,0,.12)); border-radius: 999px; padding: .35rem 2rem .35rem .9rem; background-color: var(--bc-surface, #fff); color: inherit; font: inherit; font-weight: 700; }
.bcr-list { display: grid; gap: .8rem; }
.bcr-list .bc-review { margin: 0 !important; padding: 1.1rem 1.25rem; }
.bc-review header { display: flex; align-items: center; gap: .85rem; margin-bottom: .6rem; }
.bc-review header img { flex: none; object-fit: cover; }
.bcr-who { flex: 1; min-width: 0; display: flex; flex-direction: column; } .bcr-who b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bc-review time { color: var(--bc-ink-3); font-size: .8rem; font-weight: 600; white-space: nowrap; }
.bcr-nocom { color: var(--bc-ink-3); font-style: italic; }
@media (max-width: 575px) { .bcr-summary { grid-template-columns: 1fr; } .bc-review header { flex-wrap: wrap; } }

/* Profil : un onglet à la fois en rendu glass (tous les champs restent dans le même formulaire) */
html[data-ui="glass"] .bc-pf-pane:not(.on) { display: none; }
html[data-ui="glass"] .bcs { grid-template-columns: minmax(0, 1fr); }
.bcs > * { min-width: 0; }
html[data-ui="glass"] .bc-account-menu.dropdown-menu { max-height: calc(100vh - 110px); overflow-y: auto; }

/* Logos de magasin : toujours entiers, centrés, avec une marge (jamais rognés) */
html[data-ui="glass"] .bc-ocard-media, html[data-ui="glass"] .bc-det-media { box-sizing: border-box; padding: 1.6rem; background-origin: content-box; background-clip: border-box; background-color: var(--bc-surface-2, #faf6f3); background-size: contain; background-repeat: no-repeat; background-position: center; }
html[data-ui="glass"] .bc-ocard-media > i, html[data-ui="glass"] .bc-det-media > i { position: absolute; inset: 0; display: grid; place-items: center; }

/* ---------- Profil : fichiers ---------- */
.bc-pf-avatar { cursor: default; }
.bcf-note { display: flex; gap: .6rem; align-items: flex-start; margin: 0 0 1rem; padding: .7rem .9rem; border-radius: 14px; background: var(--bc-bg-2, #f6efeb); color: var(--bc-ink-3); font-size: .88rem; }
.bcf-note i { color: var(--bc-brand-500); margin-top: .15rem; }
.bcf-files { display: grid; gap: .9rem; grid-template-columns: minmax(0, 1fr); }
.bcf-file { display: flex; gap: 1rem; align-items: flex-start; padding: 1.1rem 1.2rem; border-radius: 20px; border: 1.5px dashed var(--bc-brand-300, #ff8a65); background: var(--bc-surface, #fff); }
.bcf-file.ok { border-style: solid; border-color: rgba(10,122,82,.35); background: #f3fbf7; }
.bcf-file-ic { flex: none; width: 46px; height: 46px; border-radius: 16px; display: grid; place-items: center; font-size: 1.3rem; background: var(--bc-brand-50, #fff1ed); color: var(--bc-brand-500, #fd5631); }
.bcf-file.ok .bcf-file-ic { background: #e3f6ee; color: #0a7a52; }
.bcf-file-body { flex: 1; min-width: 0; }
.bcf-file-body h3 { font-size: 1rem; font-weight: 800; margin: 0 0 .25rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.bcf-req { font-size: .68rem; font-weight: 800; padding: .1rem .55rem; border-radius: 999px; background: #fde6e3; color: #b9281f; text-transform: uppercase; letter-spacing: .05em; }
.bcf-file.ok .bcf-req { display: none; }
.bcf-file-body p { margin: 0 0 .8rem; color: var(--bc-ink-3); font-size: .9rem; }
.bcf-file-acts { display: flex; flex-wrap: wrap; gap: .5rem; }

/* ---------- Menu principal : cloche et avatar ---------- */
html[data-ui="glass"] header .dropdown.order-lg-3:has(.bc-bell) { margin-right: 1.1rem !important; position: relative; z-index: 3; }
html[data-ui="glass"] header .dropdown.order-lg-3:has(.bc-bell) .mud-badge-root { overflow: visible; }
html[data-ui="glass"] header .mud-avatar { background: var(--bc-brand-50, #fff1ed) !important; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--bc-brand-300, #ff8a65); overflow: hidden; }
html[data-ui="glass"] header .mud-avatar img { background: transparent; }
/* Boutons outline : alléger les pages colorées */
html[data-ui="glass"] .bch-act .btn-outline-primary, html[data-ui="glass"] .bdb-hello .btn-outline-primary { background: var(--bc-surface, #fff); }

/* ---------- Ajustements : boutons outline, espacements ---------- */
html[data-ui="glass"] .bc-ocard-primary { min-height: 36px; padding: .3rem .9rem; font-size: .88rem; font-weight: 700; }
html[data-ui="glass"] .bc-ocard-primary:hover { color: #fff; }
/* Au survol, un bouton outline d'en-tête garde son texte blanc sur fond orange */
html[data-ui="glass"] .bch-act .btn-outline-primary:hover, html[data-ui="glass"] .bdb-hello .btn-outline-primary:hover, html[data-ui="glass"] .btn-outline-primary:hover { background: var(--bc-brand-500) !important; color: #fff !important; border-color: var(--bc-brand-500) !important; }
html[data-ui="glass"] .btn-outline-primary:hover i { color: #fff; }
/* Catalogue : de l'air entre la barre de tri et les cartes */
html[data-ui="glass"] .bcd-sort { margin-bottom: 1.1rem; }
html[data-ui="glass"] .bc-cat-main { padding-top: .4rem !important; }
/* Mes commandes / prises en charge : de l'air entre les onglets et le contenu (recherche, cartes) */
html[data-ui="glass"] .mud-tabs .mud-tabs-panels { padding-top: 1.1rem; }
html[data-ui="glass"] .mud-tabs .mud-tabs-panels .mud-paper.mb-3 { margin-bottom: 1.1rem !important; }
.bcl-offers { margin-top: .4rem; }

/* Le focus programmatique de Blazor (FocusOnNavigate) sur le h1 ne doit pas laisser de cadre visible */
h1[tabindex="-1"]:focus, h1[tabindex="-1"]:focus-visible, html[data-ui="glass"] h1[tabindex="-1"]:focus-visible { outline: none !important; box-shadow: none; }