.om-v3 { --card:#fffdfc; --line:#e6dfe1; background:#f2edef; }
.om-test-account-legacy :is(#consentPanel,[data-action="consent"]){display:none!important}
.om-landing section[id] { scroll-margin-top:24px; }
.om-landing .om-header nav a[aria-current] { color:var(--rose); box-shadow:0 2px var(--rose); }
.om-feed-main { min-width:0; scroll-margin-top:12px; }
.om-v3 dialog.om-center-panel[open], .om-v3 dialog.om-inline-comments[open] {
    position:static; inset:auto; margin:0; width:100%; max-width:100%; max-height:none;
    color:inherit; overflow:visible; box-sizing:border-box; border:1px solid var(--line);
    background:var(--card); border-radius:16px; box-shadow:0 2px 7px #52323b0b;
}
.om-v3 dialog.om-center-panel[open] { padding:20px; }
.om-center-panel > header h2 { outline:none; }
.om-center-panel form, .om-center-panel fieldset { min-width:0; }
.om-center-panel :is(input,select,textarea) { max-width:100%; }
.om-v3 dialog.om-header-popover[open] {
    position:fixed; inset:auto; margin:0; padding:16px; z-index:80;
    border:1px solid var(--line); border-radius:16px; box-shadow:0 10px 35px #41253126; overflow:auto;
}
.om-header-popover ul { list-style:none; padding:0; margin:12px 0; }
.om-header-popover li { border-bottom:1px solid var(--line); padding:8px 0; overflow-wrap:anywhere; }
.om-header-popover li button { display:block; text-align:left; width:100%; background:transparent; border:0; }
.om-header-popover li button span, .om-header-popover li button strong { display:block; }
.om-message-preview-read { display:flex; align-items:center; gap:6px; margin:8px 0 12px; }
.om-header-popover li button span { white-space:pre-wrap; max-height:4.5em; overflow:hidden; }
#profile-menu-sheet > :is(a,button) { display:block; width:100%; text-align:left; padding:10px; border:0; background:transparent; border-radius:8px; }
#profile-menu-sheet > :is(a,button):hover { background:#f5e9ed; }
#notifications-sheet:not([data-preferences="1"]) > form { display:none!important; }
#notifications-sheet[data-preferences="1"] :is([data-bell-items],[data-notification-history]) { display:none; }
#notifications-sheet:not([data-preferences="1"]) [data-notification-history] > summary { display:none; }
[data-settings-navigation] { display:grid; gap:8px; }
[data-settings-navigation] button { display:flex; align-items:center; gap:10px; padding:12px; background:transparent; border:1px solid var(--line); border-radius:10px; text-align:left; }
.om-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; margin-block:16px; text-align:center; }
.om-calendar-grid button { min-width:0; min-height:36px; padding:4px; border:1px solid var(--line); border-radius:8px; background:transparent; color:inherit; }
.om-calendar-grid button[aria-current] { background:var(--rose); color:white; }
#mini-calendar-sheet nav { display:flex; align-items:center; justify-content:space-between; }
.om-card.om-composer { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
.om-composer textarea { resize:vertical; min-height:65px; width:100%; background:#f7f3f4; color:inherit; border:1px solid var(--line); border-radius:14px; padding:12px; font:inherit; }
.om-composer > div { display:flex; justify-content:space-between; gap:8px; }
.om-card.om-moments { display:flex; gap:18px; overflow-x:auto; justify-content:flex-start; min-height:130px; }
.om-card.om-moments button { flex:0 0 88px; min-width:0; }
.om-card.om-moments button strong { max-width:88px; width:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.om-card.om-moments [data-create-moment] strong { white-space:normal; }
.om-card.om-moments button :is(img,span) { width:78px; height:78px; margin:0 auto 8px; }
.om-card.om-moments button span .om-icon { width:28px;height:28px; }
.om-post-actions [data-like][aria-pressed="true"] { color:inherit; background:transparent; border-color:transparent; }
.om-post-actions [data-like][aria-pressed="true"] img { filter:brightness(.65) saturate(2.8); transform:scale(1.1); }
.om-post-actions [data-reaction-count], .om-post-actions [data-comment-count] { font-size:12px; }
.om-v3 dialog.om-inline-comments[open] { order:3; border:0; border-top:1px solid var(--line); margin-top:10px; padding:12px 0 0; box-shadow:none; }
.om-inline-comments textarea { width:100%; font:inherit; resize:vertical; }
.om-inline-comments ol { padding-left:22px; }
.om-inline-comments li { padding-block:8px; overflow-wrap:anywhere; }
.om-vendor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; max-width:1200px; margin:18px auto; }
.om-vendor-grid .om-card { text-align:left; padding:14px; min-width:0; }
.om-vendor-grid img { width:100%; height:160px; object-fit:cover; border-radius:12px; }
.om-public-vendors > header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.om-inspiration small { display:block; max-height:4.5em; overflow:hidden; }
.om-legacy-frame { display:block; width:100%; min-height:700px; border:0; }
.om-capture { display:flex; flex-wrap:wrap; gap:8px; margin-block:12px; }
.om-capture video { width:100%; max-height:48vh; object-fit:contain; background:#171216; border-radius:12px; }
.om-capture p { width:100%; }
.om-v3 dialog.om-inline-editor[open] { position:static;inset:auto;margin:0;padding:0;width:100%;max-width:100%;max-height:none;border:0;box-shadow:none;background:transparent; }
.om-share-destinations { display:flex; flex-wrap:wrap; gap:8px; margin-block:12px; }
@media(max-width:760px) {
    .om-v3 dialog.om-center-panel[open] { padding:14px; border-radius:12px; }
    .om-vendor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .om-vendor-grid img { height:110px; }
    .om-card.om-moments { display:flex; min-height:115px; padding:12px; gap:10px; }
    .om-card.om-moments button { flex-basis:70px; width:70px; font-size:12px; }
    .om-card.om-moments button strong { width:100%;max-width:100%; }
    .om-card.om-moments button :is(img,span) { width:60px;height:60px; }
    .om-composer > div { display:flex; }
    .om-composer div button { display:inline-flex; padding:8px; }
    .om-legacy-frame { min-height:650px; }
}

/* Existing v2 pages keep their content/controllers and adopt the v3 shell. */
body.om-legacy-experience { --rose:#9d4d5e;--card:#fffdfc;--line:#e6dfe1; background:#f2edef; color:#32262a; }
.om-legacy-experience #app > .om-header, .om-legacy-experience #app > .om-public-bottom2511 { display:none!important; }
.om-legacy-experience #app > main.public { max-width:1160px; margin:24px auto; padding:20px; }
.om-legacy-experience #app :is(.card,.news-detail227,.public-hero227,.about-hero25117,.about-story25117,.about-mission25117) { background:var(--card); border:1px solid var(--line); border-radius:16px; box-shadow:0 2px 7px #52323b0b; padding:24px; margin-bottom:18px; }
.om-legacy-experience #app .btn-primary { background:var(--rose); border-color:var(--rose); }
.om-legacy-experience > .om-header { display:flex; align-items:center; gap:16px; padding:4px clamp(12px,2.4vw,34px); min-height:52px; background:#fefaf9; border-bottom:1px solid var(--line);font:15px/1.5 system-ui,sans-serif;position:sticky;top:0;z-index:25;box-sizing:content-box; }
.om-legacy-experience > .om-header .om-claim{font-size:12px}
.om-legacy-experience > .om-header nav { display:flex; gap:18px; margin-left:auto; }
.om-legacy-experience #app :is(p,li,td,a,h1,h2,h3) { overflow-wrap:anywhere; }
.om-legacy-experience #app :is(input,textarea,select,img) { max-width:100%;box-sizing:border-box; }
.om-legacy-experience #app > main.public { box-sizing:border-box;min-width:0; }
.om-legacy-experience > .om-header a { color:inherit; text-decoration:none; }
.om-legacy-experience .om-brand { display:inline-flex; align-items:center; gap:8px; font:400 clamp(22px,2vw,27px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.02em;white-space:nowrap; }
.om-legacy-experience .om-brand img { width:35px;height:35px; }
.om-legacy-experience .om-brand em { font:inherit;font-size:.68em;color:#986764; }
.om-legacy-experience .om-outline { padding:8px 14px;border:1px solid var(--rose);border-radius:9px; }
.om-legacy-experience > .om-header .om-outline{color:var(--rose);font-weight:650;background:#fefaf9}
.om-legacy-experience > .om-header .om-primary{padding:8px 14px;border:1px solid var(--rose);border-radius:9px;background:var(--rose);color:white;font-weight:650}
.om-legacy-embedded #app > :is(header,footer,nav), .om-legacy-embedded > .om-header { display:none!important; }
.om-legacy-embedded #app > main { margin:0!important;padding:8px!important;width:100%!important;max-width:none!important; }
.om-legacy-embedded { background:transparent!important; padding-bottom:0!important; }
.om-legacy-embedded :is(.v2-sidebar,.dashboard-topbar,.bottom-nav21,.site-footer222) { display:none!important; }
.om-legacy-embedded .v2-shell { display:block!important;min-height:0!important; }
.om-legacy-embedded .v2-main { margin:0!important;padding:8px!important;min-height:0!important;width:100%!important;box-sizing:border-box; }
@media(max-width:760px) {
    .om-legacy-experience > .om-header { flex-wrap:wrap;padding:10px;gap:10px; }
    .om-legacy-experience > .om-header nav { order:2; width:100%;overflow:auto;font-size:13px; }
    .om-legacy-experience #app > main.public { padding:12px;margin:12px auto; }
}
body.om-legacy-experience{margin:0}
.om-legacy-experience>.om-header{max-width:none;width:auto;margin:0}
.om-legacy-experience #app :is(.site-footer222,.om-footer-nav){display:none!important}
.om-legacy-experience>.om-legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:12px 16px;background:#fff6f4;font:15px/1.5 system-ui,sans-serif}
.om-legacy-experience>.om-legal-links a{color:#32262a;text-decoration:none}
