/* Small, scoped corrections. Preserve approved artwork, typography and colour palette. */
.feed-home #omnilion-welcome [hidden]{display:none!important}
.feed-home #omnilion-welcome{margin:0 0 14px;padding:0;overflow:hidden;border:1px solid #ded3cb;border-radius:16px;background:#fff;box-shadow:0 7px 24px #372a2208}
.feed-home #omnilion-welcome .welcome-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;color:#6b5848;font:600 12px/1.4 system-ui}
.feed-home #omnilion-welcome .welcome-pin{font-size:11px;border:1px solid #dfd1c3;border-radius:999px;padding:3px 9px;background:#faf7f2}
.feed-home #omnilion-welcome img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;background:#eee6de}
.feed-home #omnilion-welcome .welcome-copy{padding:18px 20px 20px}
.feed-home #omnilion-welcome h3{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:500;line-height:1.2;margin:0 0 10px;color:#303638}
.feed-home #omnilion-welcome p{font-size:15px;line-height:1.5;margin:0 0 14px;max-width:65ch;color:#4c504f}
.feed-home #omnilion-welcome .welcome-action{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;margin:0;padding:10px 17px;border:1px solid #303638;border-radius:999px;background:#303638;color:#fff;font:600 14px/1.3 system-ui;text-decoration:none;cursor:pointer}
.feed-home #omnilion-welcome .welcome-action:focus-visible{outline:2px solid #806344;outline-offset:3px}
@media(max-width:800px){.feed-home #omnilion-welcome .welcome-top{padding:11px 14px}.feed-home #omnilion-welcome .welcome-copy{padding:15px}.feed-home #omnilion-welcome h3{font-size:22px}.feed-home #omnilion-welcome p{font-size:15px}}
.feed-home .post-format-bar{gap:8px 14px;min-height:44px;margin:4px 0 10px;padding:0;align-items:center}
.feed-home .post-format-bar label{display:flex;align-items:center;gap:7px;margin:0;padding:0;font-size:13px;line-height:1.4}
.feed-home .post-format-bar select{margin:0;min-height:40px;font-size:13px}
.feed-home .post-format-bar>span{font-size:12px;line-height:1.4}
.feed-home .video-preferences{position:relative;flex:0 0 auto;margin:0 0 0 auto!important;padding:0;border:0;background:transparent;min-height:0;border-radius:0}
.feed-home .video-preferences>summary{font:inherit!important;font-size:13px!important;min-height:40px!important;line-height:40px;padding:0 4px;cursor:pointer}
.feed-home .video-preferences[open]>.video-autoplay-setting{position:absolute;right:0;top:100%;z-index:12;min-width:190px;min-height:44px;padding:10px 14px;border:1px solid #d9ccc2;border-radius:10px;background:#fff;color:#303638;box-shadow:0 5px 18px #30251b18;font:inherit}
.feed-home .post-format-state{margin:0 0 8px;line-height:1.4}
.feed-home .network-video .video-stage{position:relative;overflow:hidden;border-radius:12px;background:#111}
.feed-home .network-video .video-stage>video{display:block;width:100%;height:auto;object-fit:contain}
.feed-home .network-video .video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111}
.feed-home .network-video .video-play{position:absolute;left:12px;bottom:52px;z-index:2}
.feed-home .network-video .video-status:not(:empty){display:block;position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:8px;background:#111d;color:#fff;font-size:13px;max-width:calc(100% - 24px)}
.feed-home .network-video .video-information{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;min-height:40px;font-size:13px;line-height:1.4}
.feed-home .network-video .video-title{min-width:0;overflow-wrap:break-word}
.feed-home .network-video .video-play,.feed-home .network-video .video-sound{width:auto;min-height:40px;padding:8px 13px;border:1px solid #d8ccc3;border-radius:999px;background:#faf8f5;color:#493f39;font:600 13px/1.3 system-ui;cursor:pointer}
.feed-home .network-video .video-sound{margin-left:auto;flex-shrink:0}
.feed-home .network-video button:focus-visible{outline:2px solid #806344;outline-offset:3px}
.sidebar .member-account-slot .signed-in-member nav a.member-nav-link,.network-nav .signed-in-member nav a.member-nav-link{display:flex;flex-wrap:nowrap;gap:6px;padding-inline:2px;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:13px}
.signed-in-member .member-nav-link>.network-icon{width:18px;height:18px;flex:0 0 18px}
.signed-in-member .member-nav-link .member-badge{min-width:18px;padding:1px 5px;font-size:11px;flex-shrink:0}
img[data-omnilion-brand="contrast"]{box-sizing:border-box!important;object-fit:contain!important;object-position:center!important;background:#000!important;padding:3px!important;filter:none!important}
.wordmark img[data-omnilion-brand="contrast"],.brand img[data-omnilion-brand="contrast"]{border-radius:7px;outline:1px solid #756a5d40;outline-offset:-1px}
.business-post-avatar:has(img[data-omnilion-brand="contrast"]),.member-avatar:has(img[data-omnilion-brand="contrast"]){background:#000!important}
.feed-home .participation-help{display:block;max-width:65ch;margin-top:5px;font-size:13px;line-height:1.5}
@media(max-width:800px){
 .feed-home .feed-heading{flex-wrap:wrap;gap:8px}
 .feed-home .feed-heading h2{font-size:18px;line-height:1.3}
 .feed-home .feed-heading label{font-size:12px}
 .feed-home .feed-heading #scope{max-width:min(100%,230px);font-size:13px;min-height:40px}
 .feed-home .post-format-bar{gap:6px 12px;margin:4px 0 8px}
 .feed-home .post-format-bar>span{flex-basis:100%;order:3;font-size:12px}
 .feed-home .video-preferences>summary{min-height:44px!important;line-height:44px}
 .feed-home .feed-identity{flex-wrap:wrap;font-size:12px;gap:5px 8px}
 .feed-home .feed-identity #company{flex:1 1 180px;max-width:100%;font-size:16px;min-height:44px}
 .feed-home .participation-links{gap:8px 18px;flex-wrap:wrap;font-size:13px}
 .feed-home #posts article .post-body{font-size:15px;line-height:1.5}
 .feed-home .network-video .video-play,.feed-home .network-video .video-sound{min-height:44px}
 .feed-home .post-format-bar select,.feed-home .feed-heading #scope{font-size:16px}
}


/* OMNILION platform refinement · review candidate.
   Existing page architectures, actions, states and layouts remain authoritative.
   Only customer-facing surfaces identified from current LIVE HTML are targeted. */
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) {
  --ol-ui-ink: #303638;
  --ol-ui-muted: #706360;
  --ol-ui-rose: #eee2e2;
  --ol-ui-rose-soft: #f5e9e8;
  --ol-ui-rose-deep: #ddc0c3;
  --ol-ui-paper: #fffafa;
  --ol-ui-line: #e1cdcd;
  --ol-ui-gold: #b99b6b;
  --ol-ui-shadow: 0 5px 20px #513d3d07;
  background: var(--ol-ui-rose);
  color: var(--ol-ui-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) > :is(header, .header) {
  background: #fff9f8;
  border-bottom-color: #b99b6b;
  box-shadow: 0 2px 12px #513d3d05;
}
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) .preview-banner {
  background: #decbcd;
  color: #62504d;
  border-bottom: 1px solid #d4bcbf;
  letter-spacing: .025em;
}
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) :is(h1, h2) {
  letter-spacing: -.025em;
  text-wrap: balance;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) > header :is(a:not(.wordmark):not(.brand)) {
  text-decoration: none;
  border-radius: 9px;
}
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) .signed-in-member {
  border-color: #dfcaca;
  background: #fffafa;
  border-radius: 14px;
  box-shadow: var(--ol-ui-shadow);
}
/* Shared finish, scoped to existing controls; no control order or behavior changes. */
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) main :is(
    input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='range']):not([type='color']),
    select, textarea) {
  border-color: #d9c6c5;
  border-radius: 10px;
  background-color: #fffdfc;
  color: #303638;
  box-shadow: inset 0 1px 2px #513d3d03;
}
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) main button {
  border-radius: 10px;
}
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) main :is(button.primary, a.primary) {
  background: #252b2b;
  color: #fffafa;
  border-color: #b99b6b;
  box-shadow: 0 2px 6px #3036380c;
}
body:has(.network-introduction, .network-home, .person-page, .network-page,
  .membership, .operations-workspace, .post-detail, .business-publications,
  #workspace-title, #export-scope, #seller-state, #manager #rows) :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid #86663d;
  outline-offset: 3px;
}
/* DISCOVER: directory and its own filters, service tiles, results and dialog. */
body:has(.network-introduction) .sidebar { background: #f3e8e7; border-right-color: #dfcaca; }
body:has(.network-introduction) .sidebar > nav a { border-radius: 11px; }
body:has(.network-introduction) .sidebar > nav a.selected {
  background: #e7cfd0;
  color: #493b2a;
  box-shadow: inset 3px 0 #b99b6b;
}
body:has(.network-introduction) :is(.network-introduction, .search-panel, .card, dialog) {
  background: var(--ol-ui-paper);
  border-color: var(--ol-ui-line);
  border-radius: 18px;
  box-shadow: var(--ol-ui-shadow);
}
body:has(.network-introduction) .network-introduction { background: #f8edec; }
body:has(.network-introduction) .section-cover {
  height: auto;
  aspect-ratio: auto;
  border-radius: 16px;
  background: #eddddd;
}
body:has(.network-introduction) .section-cover img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  aspect-ratio: auto;
}
body:has(.network-introduction) .service-card { border-radius: 12px; border-color: #dbc4c5; }
body:has(.network-introduction) .service-card span { background-color: #f6e9e7; color: #584541; }
body:has(.network-introduction) .service-card-text { background: #f6e9e7; }
body:has(.network-introduction) .card { border-top: 2px solid #d9bdbe; }
body:has(.network-introduction) .card h3 { letter-spacing: -.02em; }
body:has(.network-introduction) dialog::backdrop { background: #242a2a66; }
/* Founder-approved compact directory cards. Grid density changes only here.
   Current summaries, links, filter controls and pagination remain intact. */
body:has(.network-introduction) :is(#results, #people-results) { gap: 14px; }
body:has(.network-introduction) :is(#results, #people-results) .discovery-card {
  padding: 15px;
  border-radius: 13px;
  border-top: 1px solid #d8c5aa;
  box-shadow: 0 3px 12px #252b2b06;
}
body:has(.network-introduction) .discovery-card .identity { min-height: 54px; gap: 11px; }
body:has(.network-introduction) .discovery-card .avatar { width: 42px; height: 42px; flex-basis: 42px; border-radius: 10px; }
body:has(.network-introduction) .discovery-card .identity h3 { font-size: 16px; line-height: 1.35; margin: 3px 0; }
body:has(.network-introduction) .discovery-card .business-type { font-size: 10px; letter-spacing: .035em; }
body:has(.network-introduction) .discovery-card .location { font-size: 12px; line-height: 1.45; margin-top: 4px; }
body:has(.network-introduction) .discovery-card .discovery-summary { min-height: 0; font-size: 13px; line-height: 1.5; margin: 10px 0; }
body:has(.network-introduction) .discovery-card .card-bottom { gap: 8px; padding-top: 7px; border-top: 1px solid #b99b6b40; }
body:has(.network-introduction) .discovery-card .profile-button { color: #5d4829; font-size: 12px; font-weight: 650; }
@media (min-width:1200px) {
  body:has(.network-introduction) :is(#results, #people-results) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width:761px) and (max-width:1199px) {
  body:has(.network-introduction) :is(#results, #people-results) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:760px) {
  body:has(.network-introduction) :is(#results, #people-results) { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body:has(.network-introduction) :is(#results, #people-results) .discovery-card { padding: 14px; }
}
/* PERSON: keep identity cover, avatar, associations, activity and editor distinct. */
.person-page .person-profile { background: #fffafa; border-color: #dfc8c9; box-shadow: var(--ol-ui-shadow); }
.person-page .person-cover { background: linear-gradient(115deg, #dfc4c8, #f6e9e8 64%, #e8d5d1); border-bottom-color: #d9bfc1; }
.person-page .person-cover.independent-cover { background: linear-gradient(120deg, #303838, #5c615e 60%, #af9279); }
.person-page .person-avatar { border-color: #fffafa; background: #e8d2d4; }
.person-page :is(.person-columns section, #editor, .reputation) {
  background: #fffdfc;
  border-color: #e5d4d3;
  border-radius: 15px;
}
.person-page .identity-actions :is(a, button) { border-radius: 10px; }
.person-page .identity-actions a:not(:first-child), .person-page .identity-actions button { background: #f5e8e7; border-color: #ddc4c4; }
.person-page .identity-actions a:first-child { background: #303638; border-color: #86724e; color: #fffafa; }
.person-page .person-business-logo { border-color: #dfc9c9; background: #f4e5e5; }
.person-page .person-activity article { border-top-color: #eadad9; }
/* CONNECTIONS: business inbox remains separate from private person messages. */
.network-home :is(#controls, #partners, #connections, #thread) {
  border-color: #e1cdcd;
}
.network-home #partners > article, .network-home #connections > article {
  background: #fffafa;
  border: 1px solid #e1cdcd;
  border-radius: 14px;
  padding: 18px;
  margin-block: 12px;
  box-shadow: var(--ol-ui-shadow);
}
.network-home .workspace-cover { background: #eddddd; border: 1px solid #ddc5c6; border-radius: 16px; }
.network-home #search { background: #fffafa; border: 1px solid #e1cdcd; border-radius: 15px; padding: 18px; }
/* MESSAGES / NOTIFICATIONS: retain conversation list, thread and unread states. */
.network-page :is(.inbox-list, .private-thread, .notification-list) {
  background: #fffafa;
  border-color: #e1cdcd;
  border-radius: 17px;
  box-shadow: var(--ol-ui-shadow);
}
.network-page .inbox-conversation { background: #fffdfc; border-radius: 11px; }
.network-page .inbox-conversation.unread { background: #f1dfdf; border-color: #ad8186; }
.network-page .inbox-conversation.selected { box-shadow: inset 3px 0 #b99b6b; }
.network-page .private-messages li { background: #f2e4e3; border-radius: 13px; }
.network-page .private-messages li.own { background: #e4cbcf; }
.network-page .network-plan-notice { background: #f2e3e1; border-color: #dac0c1; }
.network-page .notification-list article { border-bottom-color: #ead8d9; }
/* MEMBERSHIP: keep prices, consent, billing controls and entitlements intact. */
.membership .plans article, .membership > section { background: #fffafa; border-color: #e1cdcd; border-radius: 17px; box-shadow: var(--ol-ui-shadow); }
.membership .plans article.current-plan { border-color: #ad8186; box-shadow: inset 0 3px #b99b6b; }
.membership .price { font-variant-numeric: tabular-nums; letter-spacing: -.035em; color: #303638; }
.membership .plans h2 { letter-spacing: -.025em; }
/* OPERATIONS: working board/calendar, statuses and dispatch retain their layouts. */
.operations-workspace :is(.operations-context, .operations-create, .operations-detail, .operations-panel, .operations-calendar) {
  border-color: #e1cdcd;
  border-radius: 15px;
  background: #fffafa;
  box-shadow: var(--ol-ui-shadow);
}
.operations-workspace .operations-create > summary { background: #f2dfdf; }
.operations-workspace .operations-column { background: #f4e8e7; border-color: #e0cacc; border-radius: 15px; }
.operations-workspace .operation-card { background: #fffdfc; border-color: #e1cdcd; border-radius: 11px; box-shadow: 0 2px 8px #513d3d06; }
.operations-workspace .operations-count { background: #fffafa; border-color: #ddc6c8; }
.operations-workspace .operations-shortcuts a { background: #fffafa; border-color: #dec7c7; border-radius: 10px; }
.operations-workspace .operations-view-nav a[aria-current='page'] { background: #e9d4d6; border-color: #bd969a; }
.operations-workspace .operations-calendar-day { background: #fffdfc; border-color: #e1cdcd; border-radius: 10px; }
.operations-workspace .operations-empty-trigger, .operations-workspace .operations-empty-date { background: #fffafa; border-color: #c9a8ab; }
.operations-workspace .operations-empty-dialog { background: #fffafa; border-color: #d9bfc1; }
body:has(#manager #rows) :is(.filters, .table-wrap, .worker-card, dialog) { background: #fffafa; border-color: #e1cdcd; border-radius: 14px; }
body:has(#manager #rows) .categories button:not([aria-pressed='true']) { background: #fffafa; border-color: #dfc7c8; }
body:has(#manager #rows) :is(th, .brief-form) { background: #f2e2e1; }
body:has(#manager #rows) .empty { background: #f8eeed; border-color: #cba9ad; }
/* ACCOUNT / DATA / REPORTING: existing forms and ownership/access controls. */
body:has(#workspace-title) :is(.signup-welcome, #access > section, #businesses, #team),
body:has(#export-scope) #request,
body:has(#seller-state) :is(.reporting-founder-dashboard, .reporting-stat) {
  background: #fffafa;
  border: 1px solid #e1cdcd;
  border-radius: 15px;
  box-shadow: var(--ol-ui-shadow);
}
body:has(#workspace-title) .workspace-quicknav a { background: #f7eae8; border-color: #dcc3c3; border-radius: 10px; }
body:has(#seller-state) .reporting-table-wrap { border-color: #e1cdcd; border-radius: 12px; }
body:has(#seller-state) .reporting-table th { background: #f2e2e1; }
/* PUBLIC BUSINESS / POST: identity and content remain their own page types. */
body:has(.business-publications) main > section { background: #fffafa; border-color: #e1cdcd; border-radius: 15px; }
body:has(.business-publications) .intro { background: #f7eae8; border-color: #e1cdcd; }
body:has(.business-publications) .cta { background: #303638; border-color: #86724e; color: #fffafa; border-radius: 10px; }
.post-detail > article { background: #fffafa; border: 1px solid #e1cdcd; border-radius: 17px; box-shadow: var(--ol-ui-shadow); }
.post-detail .network-video { border: 1px solid #d9cbb8; border-radius: 15px; background: #ecd8d9; box-shadow: var(--ol-ui-shadow); }
.post-detail .network-video .video-stage { border-radius: 14px 14px 0 0; background: #242a2a; }
.post-detail .network-video .video-stage > video { width: 100%; height: auto; max-height: min(72svh, 640px); object-fit: contain; border-radius: 14px 14px 0 0; background: #242a2a; }
.post-detail .network-video .video-information { margin: 0; padding: 8px 12px; border-top: 1px solid #d5b9ba; border-radius: 0 0 14px 14px; background: #ecd8d9; }
.post-detail .network-video :is(.video-play, .video-sound) { border-radius: 10px; border-color: #d9c6a6; background: #fffdf8; color: #5c4b31; }
/* Preserve current semantic status/danger colors, disabled and hidden states.
   No display, order, position, pointer-event, content, overflow or visibility rules. */
@media (max-width:800px) {
  body:has(.network-introduction) :is(.network-introduction, .search-panel, .card, dialog),
  .network-page :is(.inbox-list, .private-thread, .notification-list),
  .membership .plans article { border-radius: 14px; }
  body:has(.network-introduction, .network-home, .person-page, .network-page,
    .membership, .operations-workspace, #workspace-title, #export-scope,
    #seller-state, #manager #rows) main :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']), select, textarea) { font-size: 16px; }
}
@media (forced-colors:active) {
  body:has(.network-introduction) .card,
  .person-page .person-profile,
  .network-page :is(.inbox-list, .private-thread, .notification-list),
  .membership .plans article,
  .operations-workspace .operation-card { border-color: CanvasText; box-shadow: none; }
}


/* OMNILION · Feed refinement, 17 October 2026.
   Presentation only. Keep approved imagery, palette, structure and player logic.
   Append after the current omnilion-presentation.css; do not replace its guards. */
body:has(.feed-home) {
  --polish-ink: #303638;
  --polish-muted: #68635d;
  --polish-gold: #b99b6b;
  --polish-line: #e5d4d3;
  background: #eee2e2;
  color: var(--polish-ink);
}
body:has(.feed-home) > .preview-banner {
  background: #decbcd;
  color: #625447;
  border-bottom: 1px solid #ded1bf;
  letter-spacing: .025em;
}
body:has(.feed-home) > .header {
  background: #fff9f8;
  border-bottom: 1px solid #b99b6b;
  box-shadow: 0 3px 16px #483c2a05;
}
body:has(.feed-home) .network-nav {
  border-color: #e0d7cb;
  background: #f3e8e7;
}
body:has(.feed-home) .network-nav > nav a {
  border: 1px solid transparent;
  border-radius: 12px;
  color: #514b43;
  text-decoration: none;
}
body:has(.feed-home) .network-nav > nav a[aria-current="page"] {
  background: linear-gradient(115deg, #e3c9cc, #efdddc);
  border-color: #d1afb2;
  box-shadow: inset 3px 0 #b99b6b;
  color: #493b2a;
}
body:has(.feed-home) .network-nav > nav a:hover {
  background-color: #ead6d7;
  border-color: #e0d3c2;
}
.feed-home .feed-intro h1 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500;
  letter-spacing: -.035em;
  color: #303638;
}
.feed-home > .partner-strip { padding: 3px 2px 13px; gap: 12px; }
.feed-home .partner-card {
  border: 1px solid #d7c8b6;
  border-radius: 14px;
  box-shadow: 0 4px 10px #4033280c;
}
.feed-home .partner-card span {
  padding: 24px 12px 10px;
  text-shadow: 0 1px 3px #16171366;
  background: linear-gradient(transparent, #252b2be6);
}
.feed-home .partner-card:hover { border-color: #a78a5c; }
.feed-home .partner-card img { object-fit: contain; background: #eadbd9; }
.feed-home .feed-main > .feed-composer,
.feed-home .feed-side > section,
.feed-home .feed-side > details,
.feed-home #omnilion-welcome,
.feed-home #posts > article {
  border: 1px solid var(--polish-line);
  border-radius: 18px;
  background: #fffafa;
  box-shadow: 0 5px 18px #493b2808, 0 1px 3px #493b2805;
}
.feed-home #posts > article { padding: 22px; margin-top: 18px; }
.feed-home .feed-main > .feed-composer {
  background: linear-gradient(110deg, #fffafa, #f2dfdf);
  border-color: #d6b8b9;
}
.feed-home .feed-composer > summary { min-height: 58px; padding: 14px 18px; }
.feed-home .feed-composer > summary::before {
  background: #e7cbcd;
  border: 1px solid #dfcaa8;
  color: #6c5536;
  width: 30px;
  height: 30px;
}
.feed-home .feed-heading { padding-block: 8px 12px; }
.feed-home .feed-heading h2 { font-size: 19px; letter-spacing: -.025em; }
.feed-home #omnilion-welcome .welcome-top {
  padding: 13px 18px;
  background: #f1e1e1;
  border-bottom: 1px solid #e0c7c8;
}
.feed-home #omnilion-welcome .welcome-pin {
  color: #705735;
  background: #f2e8d7;
  border-color: #dfcba9;
}
.feed-home #omnilion-welcome .welcome-copy { padding: 22px; }
.feed-home #omnilion-welcome img {
  border-radius: 0;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  background: #f1e1e1;
}
.feed-home #posts > article .post-media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  background: transparent;
}
.feed-home #posts > article .post-identity { gap: 12px; align-items: center; }
.feed-home #posts > article .post-avatar {
  border: 1px solid #ddd0bd;
  box-shadow: 0 2px 6px #47382408;
}
.feed-home #posts > article h3 { font-size: 15px; line-height: 1.35; }
.feed-home #posts > article .business-detail { font-size: 12px; line-height: 1.5; }
.feed-home #posts > article .post-context {
  color: #736653;
  font-size: 12px;
  margin-block: 10px 12px;
}
.feed-home #posts > article .post-body { line-height: 1.6; color: #3b403f; }
.feed-home #posts > article .post-provenance { border-left-color: #b99b6b; }
.feed-home #posts > article .post-actions {
  border-top-color: #e9e0d4;
  padding-top: 14px;
  gap: 8px;
}
.feed-home #posts > article .post-actions button,
.feed-home #posts > article .post-actions a,
.feed-home .post-share > summary,
.feed-home .post-overflow > summary {
  border: 1px solid #e2d6c5;
  border-radius: 11px;
  background: #f6e9e7;
  color: #5b4b37;
  min-height: 44px;
  padding: 10px 13px;
  box-sizing: border-box;
  font-size: 13px;
}
.feed-home #posts > article .post-actions button[aria-pressed="true"] {
  background: #ede0cb;
  color: #49391f;
  border-color: #b99b6b;
}
.feed-home input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.feed-home select,
.feed-home textarea {
  background: #fffefa;
  border-color: #dbd0c1;
  border-radius: 11px;
  color: #303638;
}
.feed-home .feed-discovery button,
.feed-home #post-form button.primary,
.feed-home #omnilion-welcome .welcome-action {
  border: 1px solid #b99b6b;
  background: linear-gradient(130deg, #303638, #252b2b);
  box-shadow: 0 3px 8px #30363812;
  color: #fffefa;
  border-radius: 11px;
  min-height: 44px;
}
.feed-home .feed-side > section { padding: 20px; }
.feed-home .feed-side .feed-discovery { background: #f8eceb !important; }
.feed-home .feed-side h2 { font-size: 16px; letter-spacing: -.02em; }
.feed-home .network-video {
  min-width: 0;
  width: 100%;
  padding: 0;
  border: 1px solid #d9cbb8;
  border-radius: 15px;
  background: #ecd8d9;
  box-sizing: border-box;
  box-shadow: 0 4px 14px #302b240b;
}
.feed-home .network-video .video-stage {
  border-radius: 14px 14px 0 0;
  background: #242a2a;
  isolation: isolate;
}
.feed-home .network-video .video-stage > video {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(72svh, 640px);
  aspect-ratio: var(--video-ratio, 16/9);
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  background: #242a2a;
}
.feed-home .network-video .video-cover { background: #242a2a; object-fit: contain; }
.feed-home .network-video .video-information {
  min-height: 52px;
  margin: 0;
  padding: 8px 12px;
  box-sizing: border-box;
  border-top: 1px solid #d5b9ba;
  border-radius: 0 0 14px 14px;
  background: #ecd8d9;
  color: #645640;
}
.feed-home .network-video .video-title { font-size: 12px; line-height: 1.5; }
.feed-home .network-video .video-play {
  left: 14px;
  bottom: 54px;
  max-width: calc(100% - 28px);
  min-height: 44px;
  border: 1px solid #dac49e;
  border-radius: 11px;
  background: #fff9ef;
  color: #3a352c;
  box-shadow: 0 3px 12px #0002;
}
.feed-home .network-video .video-sound {
  min-height: 44px;
  border-radius: 10px;
  border-color: #d9c6a6;
  background: #fffdf8;
  color: #5c4b31;
}
.feed-home .network-video .video-status:not(:empty) {
  background: #242a2aeF;
  border: 1px solid #b99b6b66;
}
/* Preserve native player controls, all existing hidden states and menus. */
.feed-home .network-video [hidden] { display: none !important; }
.feed-home :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid #86663d;
  outline-offset: 3px;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .feed-home .partner-card,
  .feed-home .post-actions button,
  .feed-home .post-share > summary,
  .feed-home .post-overflow > summary { transition: border-color .16s, background-color .16s, box-shadow .16s; }
}
@media (max-width:800px) {
  body:has(.feed-home) .network-nav > nav a { border-radius: 9px; }
  .feed-home #posts > article { padding: 16px; margin-top: 14px; border-radius: 16px; }
  .feed-home #omnilion-welcome .welcome-copy { padding: 18px; }
  .feed-home .feed-main > .feed-composer { border-radius: 14px; }
  .feed-home .feed-composer > summary { padding: 12px 14px; gap: 10px; flex-wrap: wrap; }
  .feed-home .feed-heading { flex-wrap: wrap; gap: 10px; }
  .feed-home .feed-heading h2 { font-size: 18px; }
  .feed-home .feed-heading #scope { max-width: 100%; font-size: 16px; }
  .feed-home .post-format-bar select { font-size: 16px; }
  .feed-home .feed-side > section { padding: 18px; }
  .feed-home .network-video .video-stage > video { max-height: 68svh; }
  .feed-home .network-video .video-information { padding: 7px 10px; }
  .feed-home #posts > article .post-actions { gap: 6px; }
  .feed-home #posts > article .post-actions button,
  .feed-home #posts > article .post-actions a,
  .feed-home .post-share > summary,
  .feed-home .post-overflow > summary { padding: 10px; font-size: 12px; }
}
@media (forced-colors:active) {
  .feed-home .network-video,
  .feed-home #posts > article,
  .feed-home .feed-main > .feed-composer { border-color: CanvasText; box-shadow: none; }
}


/* OMNILION brand finish — 17 October 2026.
   Based on the actual corporate site's ivory / near-black / champagne identity.
   Platform adaptation: original rose identity, clean sans typography, subtle accents.
   Presentation only. No layout, content, visibility, action or status overrides. */
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) {
  --ol-ui-ink: #1d2525;
  --ol-ui-rose: #dcc3c6;
  --ol-ui-rose-soft: #f1e9e8;
  --ol-ui-rose-deep: #c5a6aa;
  --ol-ui-paper: #fffdfc;
  --ol-ui-line: #d6d5d7;
  --ol-ui-gold: #b99b68;
  --ol-ui-shadow: 0 8px 24px #392b2c08, 0 1px 2px #392b2c05;
  background: #f1e9e8;
  color: #1d2525;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) > :is(header, .header) {
  background: #272a2d;
  color: #f6f3f0;
  border-bottom: 1px solid #b99b68;
  box-shadow: 0 3px 16px #151c1c06;
}
body:has(.feed-home, .network-introduction) :is(.network-nav, .sidebar) {
  background: #303337;
  color: #d9dadd;
  border-color: #62656a;
}
body:has(.feed-home) .network-nav > nav a[aria-current='page'],
body:has(.network-introduction) .sidebar > nav a.selected {
  background: #424549;
  color: #ead4ad;
  border-color: #a88b5f;
  border-radius: 7px;
  box-shadow: inset 2px 0 #c5aa88;
}
:is(.feed-home .feed-intro h1, .network-introduction h2, .network-home > h1,
  .network-page > h1, .membership > h1, .person-heading h1,
  .operations-intro h1, .post-detail > h1, #workspace-title),
body:has(#manager #rows) main > .intro h1,
body:has(#export-scope, #seller-state) main > h1 {
  font-family: inherit;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.15;
  color: #192222;
}
.network-introduction h2 { font-size: clamp(28px, 3vw, 40px); }
.feed-home .feed-intro h1 { font-size: clamp(28px, 3vw, 38px); }
body:has(.network-introduction) .network-introduction {
  background: linear-gradient(115deg, #ead7d9, #f7efee);
  border-color: #dfcdd0;
  border-radius: 9px;
  box-shadow: inset 0 1px #f6eeeb80;
}
body:has(.network-introduction) :is(.card, .search-panel, dialog),
.person-page :is(.person-profile, .person-columns section, #editor, .reputation),
.network-page :is(.inbox-list, .private-thread, .notification-list),
.membership :is(.plans article, section),
.operations-workspace :is(.operations-context, .operations-create,
  .operations-detail, .operations-panel, .operations-calendar, .operation-card),
.feed-home :is(#posts > article, #omnilion-welcome, .feed-side > section),
.post-detail > article,
body:has(.business-publications) main > section {
  background: #fffdfc;
  border-color: #d9d6d7;
  border-radius: 12px;
  box-shadow: var(--ol-ui-shadow);
}
body:has(.network-introduction) :is(#results, #people-results) .discovery-card {
  border-radius: 8px;
  border-color: #ded5c9;
  box-shadow: 0 5px 15px #392b2c07;
}
body:has(.network-introduction) .discovery-card .avatar {
  background: #d8babd;
  border: 1px solid #c7a8aa;
  border-radius: 7px;
}
body:has(.network-introduction) .discovery-card .business-type { color: #6c5344; }
body:has(.network-introduction) .discovery-card .card-bottom { border-color: #bda18150; }
body:has(.network-introduction) .search-panel { border-top: 1px solid #bda181; }
body:has(.feed-home) .feed-composer,
body:has(.feed-home) .feed-discovery {
  background: #f6ecec !important;
  border-color: #dfcdd0;
  border-radius: 9px;
}
.feed-home #omnilion-welcome .welcome-top,
.operations-workspace .operations-create > summary { background: #ecdddd; }
.feed-home #omnilion-welcome .welcome-pin {
  border-color: #bda181;
  background: #f4ece1;
  color: #65513c;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) main :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='range']):not([type='color']), select, textarea) {
  border-color: #cbb7b3;
  border-radius: 6px;
  background-color: #fffdf9;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows) main :is(button.primary, a.primary),
.feed-home .feed-discovery button,
.feed-home #omnilion-welcome .welcome-action,
.person-page .identity-actions a:first-child {
  background: #192222;
  color: #f7f0e7;
  border: 1px solid #bda181;
  border-radius: 5px;
  box-shadow: 0 3px 8px #151c1c10;
  letter-spacing: .015em;
}
.person-page .identity-actions :is(a, button),
.operations-workspace .operations-shortcuts a,
.network-page button,
.feed-home #posts > article .post-actions :is(button, a),
.feed-home :is(.post-share, .post-overflow) > summary { border-radius: 6px; }
.person-page .person-cover {
  background: linear-gradient(110deg, #d1b2b8, #e7cfd2 65%, #f2e8e7);
  border-bottom-color: #bda181;
}
.person-page .person-cover.independent-cover { background: linear-gradient(120deg, #303838, #5c615e 60%, #af9279); }
.person-page .person-avatar { border-color: #fbf8f5; }
.network-page .private-messages li.own { background: #d8bfc3; }
.membership .plans article.current-plan { border-color: #bda181; box-shadow: inset 0 2px #bda181, var(--ol-ui-shadow); }
.operations-workspace .operations-column { background: #eee3e3; border-color: #dfcecf; border-radius: 12px; }
.operations-workspace .operations-view-nav a[aria-current='page'] { background: #dac1c5; border-color: #ac898c; }
body:has(#manager #rows) :is(.table-wrap, .filters) { background: #fbf8f5; border-color: #d5c0bd; border-radius: 9px; }
body:has(#manager #rows) th,
body:has(#seller-state) .reporting-table th { background: #eee3dd; }
/* Dark media surround is a deliberate brand accent; footage remains unaltered. */
.feed-home .network-video, .post-detail .network-video { border-color: #ac9478; border-radius: 9px; background: #192222; }
.feed-home .network-video .video-stage, .post-detail .network-video .video-stage { border-radius: 8px 8px 0 0; background: #101818; }
.feed-home .network-video .video-information, .post-detail .network-video .video-information {
  border-top-color: #bda181;
  border-radius: 0 0 8px 8px;
  background: #192222;
  color: #e1c9ac;
}
.feed-home .network-video .video-sound, .post-detail .network-video .video-sound {
  background: #263030;
  border-color: #aa9071;
  border-radius: 5px;
  color: #f2e4d3;
}
.feed-home .network-video .video-play, .post-detail .network-video .video-play { border-radius: 5px; }
/* Secondary forms keep their existing fields, consent and permission boundaries. */
body:has(.share-composer, #mapping, #console #reports, main #register, #property-form) {
  --ol-ui-shadow: 0 8px 24px #392b2c08, 0 1px 2px #392b2c05;
  background: #f1e9e8;
  color: #1d2525;
}
body:has(.share-composer, #mapping, #console #reports, main #register, #property-form) > header {
  background: #272a2d;
  color: #f6f3f0;
  border-bottom: 1px solid #b99b68;
  box-shadow: 0 3px 16px #151c1c06;
}
body:has(.share-composer, #mapping, #console #reports, main #register, #property-form) main h1 {
  font-family: inherit;
  font-weight: 600;
  letter-spacing: -.035em;
  color: #192222;
}
body:has(.share-composer, #mapping, #console #reports, main #register, #property-form) main :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']), select, textarea) {
  background: #fffdf9;
  color: #1d2525;
  border-color: #cbb7b3;
  border-radius: 6px;
}
body:has(.share-composer, #mapping, #console #reports, main #register, #property-form) main button.primary {
  background: #192222;
  color: #f7f0e7;
  border: 1px solid #bda181;
  border-radius: 5px;
}
body:has(#mapping) :is(.table-wrap, .import-grid > section),
.share-composer :is(#share-form, #source-preview),
body:has(#property-form) #properties > article {
  background: #fbf8f5;
  border: 1px solid #d5c0bd;
  border-radius: 9px;
  box-shadow: var(--ol-ui-shadow);
}
/* Logo-derived contrast: dark chrome, silver-grey details and champagne edges. */
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) > :is(header, .header) :is(a, .brand-name) {
  color: #f6f3f0;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) > :is(header, .header) :is(small, .brand-tagline) {
  color: #d1b990;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) > :is(header, .header) .wordmark img {
  background: #fffafa;
  border: 1px solid #b99b68;
  border-radius: 8px;
}
body:has(.feed-home) .network-nav :is(nav a, p),
body:has(.network-introduction) .sidebar :is(nav a, p) { color: #d9dadd; }
body:has(.feed-home) .network-nav > nav a[aria-current='page'],
body:has(.network-introduction) .sidebar > nav a.selected { color: #ead4ad; }
body:has(.feed-home) .network-nav > nav a:hover,
body:has(.network-introduction) .sidebar > nav a:hover { background: #424549; border-color: #b99b68; }
.feed-home :is(.feed-side > section, #posts > article),
body:has(.network-introduction) .search-panel { border-top-color: #b99b68; }
.feed-home #posts > article .post-actions :is(button, a),
.person-page .identity-actions :is(a:not(:first-child), button),
.operations-workspace .operations-shortcuts a {
  background: #f0eff0;
  color: #3f4348;
  border-color: #cdcdcf;
}
body:has(.network-introduction) .discovery-card .avatar {
  background: #e5e4e5;
  color: #4e5257;
  border-color: #c9c9cc;
}
@media (forced-colors:active) {
  .feed-home .network-video,
  .feed-home #posts > article,
  body:has(.network-introduction) .card,
  .network-page .private-thread { border-color: CanvasText; box-shadow: none; }
}
/* The existing mobile layout uses display:contents on the aside; colour its
   actual navigation row and preserve the light member-account card contrast. */
body:has(.feed-home) .network-nav > nav,
body:has(.network-introduction) .sidebar > nav {
  background: #303337;
  border-bottom-color: #b99b68;
}
body:has(.feed-home, .network-introduction) :is(.network-nav, .sidebar) .signed-in-member,
body:has(.feed-home, .network-introduction) :is(.network-nav, .sidebar) .signed-in-member :is(p, nav a, button) {
  color: #4e5257;
}
body:has(.network-introduction) > .header .header-note { color: #d4d5d7; }
/* Founder confirmed balance: dusty rose dominates, true black occupies less
   area, light grey is secondary, matte gold remains a fine detail. */
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) {
  --ol-ui-ink: #111111;
  --ol-ui-rose: #dfc3cb;
  --ol-ui-rose-soft: #f4e7eb;
  --ol-ui-gold: #b2945f;
  --ol-ui-line: #dbcbd0;
  background: #efe2e5;
  color: #252525;
}
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) > :is(header, .header) {
  background: #080808;
  border-bottom-color: #b2945f;
}
body:has(.feed-home, .network-introduction) :is(.network-nav, .sidebar),
body:has(.feed-home) .network-nav > nav,
body:has(.network-introduction) .sidebar > nav {
  background: #e7d3d8;
  color: #414347;
  border-color: #d0babf;
}
body:has(.feed-home, .network-introduction) :is(.network-nav, .sidebar) :is(nav a, p) { color: #414347; }
body:has(.feed-home) .network-nav > nav a[aria-current='page'],
body:has(.network-introduction) .sidebar > nav a.selected {
  background: #080808;
  color: #eedcba;
  border-color: #b2945f;
  box-shadow: inset 2px 0 #b2945f;
}
body:has(.feed-home) .network-nav > nav a:hover,
body:has(.network-introduction) .sidebar > nav a:hover { background: #e5d5d9; color: #242424; border-color: #b2945f; }
body:has(.network-introduction) .network-introduction { background: linear-gradient(115deg,#e2c7cf,#f1e2e6); border-color: #c8af84; }
.person-page .person-cover { background: linear-gradient(110deg,#d9bcc4,#ead7dc 65%,#f4e9ec); border-bottom-color: #b2945f; }
body:has(.feed-home) :is(.feed-composer, .feed-discovery) { background: #f4e7eb !important; border-color: #c8af84; }
.feed-home #omnilion-welcome .welcome-top,
.operations-workspace .operations-create > summary { background: #e5cdd4; border-color: #c8af84; }
.feed-home :is(#posts > article, #omnilion-welcome, .feed-side > section),
body:has(.network-introduction) :is(.search-panel, #results .discovery-card, #people-results .discovery-card),
.person-page :is(.person-profile, .person-columns section),
.membership .plans article,
.operations-workspace :is(.operations-context, .operations-detail, .operations-panel, .operations-calendar) {
  border-top-color: #b2945f;
}
.operations-workspace .operations-column { background: #e9eaec; border-color: #d0d1d3; }
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) main :is(button.primary, a.primary),
.feed-home .feed-discovery button,
.feed-home #omnilion-welcome .welcome-action,
.person-page .identity-actions a:first-child {
  background: #080808;
  color: #fff9ef;
  border-color: #b2945f;
}
.feed-home #posts > article .post-actions :is(button, a),
.person-page .identity-actions :is(a:not(:first-child), button),
.operations-workspace .operations-shortcuts a { background: #f7f7f7; border-color: #c8b48f; color: #383838; }
.feed-home .network-video, .post-detail .network-video { background: #080808; border-color: #b2945f; }
.feed-home .network-video .video-stage, .post-detail .network-video .video-stage,
.feed-home .network-video .video-information, .post-detail .network-video .video-information { background: #080808; border-color: #b2945f; }
.feed-home .network-video .video-sound, .post-detail .network-video .video-sound { background: #080808; border-color: #b2945f; color: #eedcba; }
/* Existing mobile header links have pale pill backgrounds in styles.css.
   Keep their text readable against the new black header without altering actions. */
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, .post-detail,
  .business-publications, #workspace-title, #export-scope, #seller-state,
  #manager #rows, .share-composer, #mapping, #console #reports,
  main #register, #property-form) > :is(header, .header) > :is(a:not(.wordmark), button) {
  background-color: #080808;
  color: #f6f3f0;
  border-color: #b2945f;
}

/* Approved usability pass: spacing and typography only. DOM order, actions,
   hidden/disabled states, status colours and application permissions stay intact. */
body:has(.operations-workspace, #manager #rows, #mapping) main {
  margin-block: 18px;
}
.operations-workspace > h1,
body:has(#manager #rows, #mapping) main h1 {
  margin-block: 12px;
  font-size: clamp(28px, 2.5vw, 34px);
  line-height: 1.2;
}
.operations-workspace > p { margin-block: 12px; line-height: 1.55; }
.operations-workspace :is(.operations-panel, .operations-context, .operations-calendar) {
  margin-block: 16px;
  padding: 16px;
}
.operations-workspace #setup-progress { gap: 12px; padding-inline-start: 24px; margin-block: 16px 0; }
.operations-workspace #setup-progress > li { padding: 12px; margin: 0; border: 1px solid #dbcbd0; border-radius: 8px; background: #fffdfc; }
.operations-workspace #setup-progress p { margin-block: 8px 12px; font-size: 14px; line-height: 1.5; }
.operations-workspace :is(button, a.primary),
body:has(#manager #rows, #mapping) main button { min-height: 44px; font-size: 14px; font-weight: 600; line-height: 1.3; }
.operations-workspace :is(label, select, input, textarea),
body:has(#manager #rows, #mapping) main :is(label, select, input, textarea) { line-height: 1.45; }
.operations-workspace .operations-shortcuts { gap: 8px; margin-block: 12px; }
body:has(#manager #rows) :is(.filters, .attention) { padding: 16px; }
body:has(.feed-home, .network-introduction, .network-home, .person-page,
  .network-page, .membership, .operations-workspace, #workspace-title,
  #manager #rows, #mapping, #seller-state) { -webkit-font-smoothing: auto; }
/* Existing text-only logo anchors receive the same retained brand symbol.
   Header link destinations and accessible names are unchanged. */
body > .header .wordmark:not(:has(img)) {
  padding: 12px 0 12px 60px;
  background-image: url('/omnilion-brand-contrast.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 48px 48px;
  font-size: 19px;
  font-weight: 750;
  letter-spacing: 2px;
  line-height: 1.2;
}
body > .header .wordmark img { width: 48px; height: 48px; object-fit: contain; }
body > .header .wordmark .brand-name { font-size: 19px; letter-spacing: 2px; line-height: 1.2; }
body > .signed-in-member { padding: 12px 16px; margin-block: 12px; }
body > .signed-in-member .member-summary > div { gap: 2px; }
body > .signed-in-member .member-current-plan { margin-top: 2px; }
body > .signed-in-member > nav { margin-block: 0; gap: 8px 12px; font-size: 13px; line-height: 1.4; }
body:has(.network-introduction) .network-introduction { padding: 20px 24px; margin-block: 0 16px; }
body:has(.network-introduction) .network-introduction h2 { font-size: clamp(26px, 2.6vw, 34px); }
body:has(.network-introduction) .section-cover { margin-block: 16px; }
body:has(.network-introduction) .section-cover img { max-height: 220px; width: 100%; height: auto; object-fit: contain; }
body:has(.network-introduction) .search-panel { padding: 18px; margin-block: 16px; }
body:has(.network-introduction) .service-card img { height: 112px; width: 100%; aspect-ratio: auto; object-fit: contain; }
body:has(.network-introduction) .service-card span { padding: 10px 12px; font-size: 14px; line-height: 1.35; }
body:has(.network-introduction) .discovery-card .business-type { font-size: 11px; line-height: 1.4; }
@media (min-width:1000px) {
  body > .signed-in-member { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr); align-items: center; gap: 16px; }
  .operations-workspace #setup-progress { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width:761px) and (max-width:999px) {
  .operations-workspace #setup-progress { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:760px) {
  .operations-workspace :is(.operations-panel, .operations-context, .operations-calendar) { padding: 14px; }
  .operations-workspace #setup-progress > li { margin-block: 12px; }
  body > .signed-in-member > nav { margin-top: 10px; }
  body > .header .wordmark:not(:has(img)) { padding-left: 52px; background-size: 42px 42px; font-size: 17px; }
  body > .header .wordmark img { width: 42px; height: 42px; }
  body > .header .wordmark .brand-name { font-size: 17px; }
  body:has(.network-introduction) .network-introduction { padding: 18px; }
  body:has(.network-introduction) .section-cover img { max-height: 150px; }
  body:has(.network-introduction) .service-card img { height: 96px; }
}
/* Focused video finish: a light quiet rail; footage and native controls retained. */
:is(.feed-home, .post-detail) .network-video .video-information {
  min-height: 44px;
  padding: 4px 8px;
  background: #f6eef0;
  color: #483c3f;
  border-top-color: #ddcfc2;
}
:is(.feed-home, .post-detail) .network-video .video-sound {
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid #c8b48f;
  border-radius: 999px;
  background: #fffaf7;
  color: #292323;
  font: 600 13px/1.3 system-ui;
  box-shadow: none;
}
:is(.feed-home, .post-detail) .network-video .video-play {
  border-radius: 999px;
  background: #fffaf7ed;
  color: #292323;
  border-color: #c8b48f;
  box-shadow: 0 2px 8px #00000012;
}
@media (max-width:760px) {
  :is(.feed-home, .post-detail) .network-video .video-sound { min-height: 44px; }
}

/* Approved quiet video shell; picture enhancement is a reversible viewer choice. */
:is(.feed-home, .post-detail) .network-video {
  border:1px solid #c8b891;
  border-radius:14px;
  background:#080808;
  box-shadow:0 3px 12px #20141808;
}
:is(.feed-home, .post-detail) .network-video .video-stage {
  position:relative;
  border-radius:13px;
  background:#080808;
}
:is(.feed-home, .post-detail) .network-video .video-stage > video {
  border-radius:13px;
  max-height:min(68svh,560px);
  background:#080808;
}
:is(.feed-home, .post-detail) .network-video .video-information {
  min-height:0;
  padding:6px 10px;
  border:0;
  border-radius:0 0 13px 13px;
  background:#fffaf8;
}
:is(.feed-home, .post-detail) .network-video .video-information:empty { display:none; }
:is(.feed-home, .post-detail) .network-video .video-sound {
  position:absolute;
  right:10px;
  bottom:64px;
  z-index:3;
  width:44px;
  height:44px;
  min-height:44px;
  padding:11px;
  border:1px solid #d8c39b66;
  border-radius:50%;
  background:#080808ad;
  color:#fffaf3;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  box-shadow:0 2px 6px #00000014;
}
:is(.feed-home, .post-detail) .network-video .video-sound:hover { background:#080808e8; }
:is(.feed-home, .post-detail) .network-video .video-sound:focus-visible { outline:2px solid #e8d3aa;outline-offset:3px; }
:is(.feed-home, .post-detail) .network-video .video-play { bottom:64px; }
:is(.feed-home, .post-detail) .network-video.video-vivid .video-stage > :is(video,.video-cover) { filter:contrast(1.06) saturate(1.10); }
:is(.feed-home, .post-detail) .video-preferences .video-picture-setting { margin-left:6px;min-height:44px;font:500 13px system-ui; }
.post-detail .video-preferences { margin:4px 0 8px;font:13px system-ui; }
.post-detail .video-preferences summary { min-height:44px;align-content:center;cursor:pointer; }
.post-detail .network-video .video-cover { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.post-detail .network-video .video-play { position:absolute;left:12px;z-index:2;min-height:44px;padding:8px 13px; }
.post-detail .network-video [hidden] { display:none!important; }
@media(max-width:760px) {
  :is(.feed-home, .post-detail) .network-video .video-stage > video { max-height:64svh; }
}

/* Compact media footer: preserve action menus and the complete image. */
.feed-home #posts > article .post-media { margin-bottom:6px; }
.feed-home #posts > article .post-media > a img {
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.feed-home #posts > article > .meta { margin:6px 0 0; }
.feed-home #posts > article > .post-actions { margin-top:8px;padding-top:8px; }
.feed-home #posts > article .post-actions > :is(.post-share,.post-overflow) {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

/* Video controls and portrait expanded viewer, 2026-10-17. */
.post-media .network-video .video-stage{position:relative!important;isolation:isolate;width:100%!important;aspect-ratio:var(--video-ratio,16/9)!important;height:auto!important;max-height:none!important;background:#080808}
.post-media .network-video .video-stage video,.post-media .network-video .video-cover{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
.post-media .network-video .video-stage .video-play{display:none!important}
.post-media .network-video .video-stage .video-sound{top:8px!important;right:8px!important;bottom:auto!important;width:44px!important;height:44px!important;z-index:4!important;background:#111b!important;color:white!important}
.om-video-controls{position:absolute;inset:auto 0 0;z-index:5;display:flex;align-items:center;gap:6px;padding:16px 8px 6px;background:linear-gradient(transparent,#000b);color:white;box-sizing:border-box}
.om-video-controls .om-video-button,.om-video-close,.om-video-fit{appearance:none;border:0!important;background:#151515a6!important;color:#fff!important;min-width:44px!important;min-height:44px!important;padding:6px!important;margin:0!important;border-radius:10px!important;font:20px system-ui!important;cursor:pointer;flex-shrink:0}
.om-video-seek{min-width:20px;width:100%;height:44px;margin:0;accent-color:#d5bb8c;cursor:pointer}
.om-video-time{font:11px system-ui;white-space:nowrap;font-variant-numeric:tabular-nums}
.om-video-button:focus-visible,.om-video-close:focus-visible,.om-video-fit:focus-visible,.om-video-seek:focus-visible{outline:2px solid #d5bb8c!important;outline-offset:2px}
.om-video-close[hidden],.om-video-fit[hidden]{display:none!important}
.post-media .network-video.om-video-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;z-index:2147483647!important;background:#000!important}
.post-media .network-video.om-video-expanded .video-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.post-media .network-video.om-video-expanded .video-stage video,.post-media .network-video.om-video-expanded .video-cover{object-fit:cover!important;max-width:none!important}
.post-media .network-video.om-video-expanded.om-video-contain .video-stage video,.post-media .network-video.om-video-expanded.om-video-contain .video-cover{object-fit:contain!important}
.om-video-expanded .om-video-controls{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
.om-video-close,.om-video-fit{position:absolute;top:max(12px,env(safe-area-inset-top));z-index:6}
.om-video-close{left:12px;font-size:28px!important}
.om-video-fit{left:68px;font:13px system-ui!important;padding:8px 12px!important}
.post-media .network-video.om-video-expanded .video-stage .video-sound{top:max(12px,env(safe-area-inset-top))!important;right:12px!important}
@media(max-width:600px){#posts .post-media:has(.network-video){margin-left:-10px!important;margin-right:-10px!important;width:calc(100% + 20px)!important;max-width:calc(100% + 20px)!important}.post-media .network-video{max-width:100%!important;width:100%!important}.post-media .network-video:not(.video-landscape) .video-stage{max-height:72dvh!important;aspect-ratio:var(--video-ratio,16/9)!important}.post-media .network-video.om-video-expanded .video-stage{max-height:none!important}}

/* Flat video surface; remove inherited media borders, radii and background seams. */
:is(.feed-home,.post-detail) .post-media .network-video{padding:0!important;border:1px solid #bca87f66!important;border-radius:8px!important;box-shadow:none!important;background:#080808!important;overflow:hidden!important}
:is(.feed-home,.post-detail) .post-media .network-video .video-stage{padding:0!important;border:0!important;border-radius:0!important;line-height:0;background:#080808!important;overflow:hidden!important}
:is(.feed-home,.post-detail) .post-media .network-video .video-stage>video,:is(.feed-home,.post-detail) .post-media .network-video .video-cover{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;vertical-align:top!important}
.om-video-controls{gap:8px;padding:22px 10px 8px;line-height:normal;background:linear-gradient(transparent,#0009);transition:opacity .18s}
.om-video-controls .om-video-button,.om-video-close,.om-video-fit{display:grid;place-items:center;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important;text-shadow:0 1px 4px #0008}
.om-video-button svg,.om-video-close svg{filter:drop-shadow(0 1px 3px #0008)}
.post-media .network-video .video-stage .video-sound{border:0!important;box-shadow:none!important;background:#0004!important}
.om-video-fit{border-radius:20px!important;background:#0004!important;line-height:normal!important}
.om-video-seek{appearance:none;-webkit-appearance:none;background:transparent!important;height:44px!important;padding:0!important;border:0!important;box-shadow:none!important;min-height:44px!important}
.om-video-seek::-webkit-slider-runnable-track{height:3px;background:#ffffff80;border-radius:3px;border:0}
.om-video-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4.5px;border:0;box-shadow:0 1px 4px #0005}
.om-video-seek::-moz-range-track{height:3px;background:#ffffff80;border:0;border-radius:3px}
.om-video-seek::-moz-range-thumb{width:12px;height:12px;border:0;background:#fff;border-radius:50%}
.om-video-quiet .om-video-controls,.om-video-quiet .om-video-fit,.post-media .network-video.om-video-quiet .video-sound{opacity:0!important;pointer-events:none!important}
.om-video-quiet:has(:focus-visible) .om-video-controls{opacity:1!important;pointer-events:auto!important}
:is(.feed-home,.post-detail) .post-media .network-video.om-video-expanded{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important}
:is(.feed-home,.post-detail) .post-media .network-video.om-video-expanded .video-stage,:is(.feed-home,.post-detail) .post-media .network-video.om-video-expanded .video-stage>video,:is(.feed-home,.post-detail) .post-media .network-video.om-video-expanded .video-cover{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important}
.network-video:fullscreen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;background:#000!important}
.network-video:fullscreen::backdrop{background:#000}
.om-video-expanded .video-stage{touch-action:none}
.om-video-close{opacity:1!important;pointer-events:auto!important;background:#0003!important}

/* This exact editorial upload contains a 36px pale footer in its 1080px source. */
.post-media .network-video.om-source-edge-trim .video-stage>video,.post-media .network-video.om-source-edge-trim .video-cover{clip-path:inset(0 0 3.334% 0);transform:scale(1.035);transform-origin:top center}
.post-media .network-video.om-source-edge-trim.om-video-contain .video-stage>video,.post-media .network-video.om-source-edge-trim.om-video-contain .video-cover{transform:none}

/* Keep the actual post and author visible above expanded playback. */
.om-video-context{display:none!important}
.om-video-expanded .om-video-context{display:block!important;position:absolute;top:max(72px,calc(env(safe-area-inset-top) + 62px));left:0;right:0;z-index:5;box-sizing:border-box;padding:12px 20px 22px;color:#fff;background:linear-gradient(#0008,#0005 75%,transparent);line-height:1.45;text-align:left;pointer-events:auto;max-height:55dvh;overflow:hidden;text-shadow:0 1px 3px #0008}
.om-video-expanded .om-video-context[hidden]{display:none!important}
.om-video-identity{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.om-video-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #ffffff55;border-radius:50%;overflow:hidden;font:600 12px system-ui;background:#1118}
.om-video-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;max-height:none!important;margin:0!important;border:0!important;border-radius:50%!important}
.om-video-author{display:block;color:#fff!important;text-decoration:none!important;font:650 15px/1.35 system-ui!important;overflow-wrap:anywhere}
.om-video-author[href]:hover{text-decoration:underline!important}
.om-video-author-detail{color:#ffffffe0;font:12px/1.4 system-ui;margin-top:2px}
.om-video-caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;font:14px/1.5 system-ui;overflow-wrap:anywhere;touch-action:pan-y}
.om-video-context.is-open .om-video-caption{display:block;max-height:34dvh;overflow-y:auto;-webkit-line-clamp:unset;overscroll-behavior:contain;touch-action:pan-y;padding-right:8px}
.om-video-more{display:block;min-height:44px!important;padding:8px 0!important;margin:0!important;border:0!important;background:transparent!important;color:#f1d9ac!important;border-radius:0!important;font:600 13px/1.4 system-ui!important;text-align:left;box-shadow:none!important;cursor:pointer}
.om-video-more[hidden],.om-video-identity[hidden],.om-video-avatar[hidden],.om-video-caption[hidden]{display:none!important}
.om-video-more:focus-visible,.om-video-author:focus-visible{outline:2px solid #d5bb8c;outline-offset:3px}
@media(min-width:900px){.om-video-expanded .om-video-context{padding-left:28px;padding-right:28px;max-width:640px}.om-video-caption{font-size:15px}}

/* Compact context, reliable surface taps and independent caption scrolling. */
.post-media .network-video .video-stage > [hidden]{display:none!important}
.post-media .network-video .video-cover{pointer-events:none!important}
.om-video-expanded .video-stage{touch-action:auto!important}
.om-video-expanded .video-stage>video{touch-action:none}
.om-video-expanded .om-video-context{
 top:max(8px,env(safe-area-inset-top))!important;left:62px!important;right:62px!important;
 width:auto!important;max-width:none!important;min-height:48px!important;max-height:62px!important;
 margin:0!important;padding:5px 46px 5px 8px!important;border:0!important;border-radius:8px!important;
 background:#08080870!important;box-shadow:none!important;line-height:1.3!important;touch-action:pan-y;
}
.om-video-expanded .om-video-context .om-video-identity{gap:6px;margin:0!important;min-width:0}
.om-video-expanded .om-video-context .om-video-identity>div{min-width:0}
.om-video-expanded .om-video-context .om-video-avatar{flex-basis:22px;width:22px;height:22px}
.om-video-expanded .om-video-context .om-video-author{font:600 12px/1.3 system-ui!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-video-expanded .om-video-context .om-video-author-detail{display:none}
.om-video-expanded .om-video-context .om-video-caption{display:block;-webkit-line-clamp:unset;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-height:18px;font:12px/1.4 system-ui;margin:2px 0 0!important}
.om-video-expanded .om-video-context .om-video-more{position:absolute;right:0;top:0;width:44px;height:44px;min-height:44px!important;padding:0!important;margin:0!important;text-align:center;font:600 11px/1.3 system-ui!important}
.om-video-expanded .om-video-context.is-open{top:max(62px,calc(env(safe-area-inset-top) + 56px))!important;left:12px!important;right:12px!important;max-height:50dvh!important;padding:12px 48px 12px 12px!important;background:#080808e8!important}
.om-video-expanded .om-video-context.is-open .om-video-author{white-space:normal;font-size:14px!important}
.om-video-expanded .om-video-context.is-open .om-video-author-detail{display:block;font-size:11px}
.om-video-expanded .om-video-context.is-open .om-video-caption{white-space:pre-wrap;text-overflow:clip;max-height:calc(50dvh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;font:14px/1.5 system-ui;padding:0!important;margin-top:8px!important}
.om-video-expanded .om-video-context.is-open .om-video-more{top:8px;right:4px}
.om-video-expanded .om-video-fit{top:auto!important;left:auto!important;right:12px;bottom:80px}
.om-video-expanded .video-status:not(:empty){top:70px!important;left:12px!important;right:12px;max-width:none}
.om-video-expanded .video-status:not(:empty){right:auto!important;max-width:calc(100% - 24px)!important;width:max-content!important;border:0!important;line-height:1.3!important;z-index:6!important;pointer-events:auto!important}
@media(min-width:900px){.om-video-expanded .om-video-context{left:76px!important;right:auto!important;width:min(480px,calc(100vw - 152px))!important}.om-video-expanded .om-video-context.is-open{left:16px!important;right:auto!important;width:min(600px,calc(100vw - 32px))!important}}


/* Review-only layout delta. No selectors target video/media, consent or visibility. */
/* Keep every control and its DOM/keyboard order; reduce wasted space only. */
body > #signed-in-member.signed-in-member {
  min-height:0!important; padding:12px 18px!important;
  margin:10px auto!important; width:calc(100% - 40px); max-width:1280px;
  border-radius:12px; box-shadow:0 3px 12px #20141805;
}
body > #signed-in-member .member-summary { gap:10px; }
body > #signed-in-member > nav { gap:4px 12px!important; margin:0!important; }
body > #signed-in-member > nav :is(a,button) { min-height:44px; font-size:13px; }
body:has(.operations-workspace,#manager,#mapping,#workspace-title) > header {
  min-height:72px; padding:10px max(20px,4%); gap:8px 18px; align-items:center;
}
body:has(.operations-workspace,#manager,#mapping,#workspace-title) > header :is(a,button) {
  font-family:system-ui,sans-serif; font-size:13px; line-height:1.35;
}
body:has(#manager,#mapping) > header > .brand {
  display:inline-flex; align-items:center; min-height:48px; padding-left:58px;
  background:url('/omnilion-brand-contrast.svg') left center/44px 44px no-repeat;
  color:#fffaf7; font-size:19px; font-weight:750; letter-spacing:2px; text-decoration:none;
}
body:has(#manager,#mapping) > header > nav { gap:6px 14px; }
body:has(#manager,#mapping) > header > nav a {
  min-height:44px; display:inline-flex; align-items:center;
  padding:6px 8px; text-decoration:none; border-radius:7px;
}
body:has(#manager,#mapping) > header > nav a:hover { background:#ffffff12; }
body:has(.operations-workspace,#manager,#mapping,#workspace-title) main {
  padding-top:18px!important; padding-bottom:28px!important;
}
.operations-workspace > h1,.operations-workspace .operations-intro h1 { margin:0 0 8px; }
.operations-workspace > p { margin-block:8px!important; }
.operations-workspace :is(.operations-panel,.operations-context,.operations-calendar) {
  padding:16px!important; margin-block:12px!important; border-radius:12px;
}
.operations-workspace :is(h2,h3) { margin-block:0 8px; }
.operations-workspace .operations-panel > p { margin-block:6px 10px; }
.operations-workspace :is(.operations-shortcuts,.operations-view-nav) {
  gap:6px!important; margin-block:8px!important; align-items:center;
}
.operations-workspace :is(.operations-shortcuts,.operations-view-nav) a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:8px 12px; border-radius:8px; font:600 13px/1.35 system-ui;
}
.operations-workspace .operations-view-nav a[aria-current=page] {
  background:#080808!important; border-color:#b79a66!important; color:#fffaf7!important;
}
.operations-workspace #setup-progress { gap:8px; padding-left:22px; margin:8px 0 0; }
.operations-workspace #setup-progress > li { padding:10px!important; margin:0!important; }
.operations-workspace #setup-progress p { font-size:13px; line-height:1.4; margin:6px 0!important; }
.operations-workspace .operations-context { gap:12px; }
body:has(#manager) :is(.periods,.categories) { gap:8px; margin-block:12px; }
body:has(#manager) .filters { padding:14px; gap:10px; }
body:has(#manager) #attention { padding:12px 14px; margin-block:12px; }
body:has(#manager) #attention h2 { margin:0 0 6px; }
body:has(#manager) #attention p { margin:0; }
body:has(#manager) :is(.intro h1,.list-heading h2) { margin-bottom:6px; }
body:has(#mapping) main > section,body:has(#mapping) #settings > section {
  margin-block:12px; padding:12px 14px; background:#fffcfb;
  border:1px solid #dfd2d4; border-radius:12px;
}
/* Discover keeps all artwork and all filters, with a shorter introduction. */
body:has(.network-introduction) .network-introduction { padding:16px 20px!important; margin-bottom:12px!important; }
body:has(.network-introduction) .network-introduction h2 { margin-block:4px 8px; font-size:clamp(24px,2.2vw,30px); }
body:has(.network-introduction) .network-introduction p { margin-block:6px; }
body:has(.network-introduction) main > .section-cover { margin-block:12px!important; }
body:has(.network-introduction) main > .section-cover img { max-height:160px!important; object-fit:contain; }
body:has(.network-introduction) .search-panel { padding:14px!important; margin-block:12px!important; }
body:has(.network-introduction) .service-card img { height:86px!important; object-fit:contain; }
body:has(.network-introduction) .service-card span { padding:8px 10px!important; }
@media(min-width:1000px) {
  body > #signed-in-member.signed-in-member { display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.4fr);gap:16px;align-items:center; }
  body:has(.network-introduction) #search-form .search-field { display:grid;grid-template-columns:1fr 1fr 1.3fr;column-gap:12px;row-gap:4px;align-items:end; }
  body:has(.network-introduction) #search-form .search-field > label:not([for]) { grid-row:1/span 2;align-self:start; }
  body:has(.network-introduction) #search-form label[for=query] { grid-column:3;grid-row:1; }
  body:has(.network-introduction) #search-form #query { grid-column:3;grid-row:2; }
}
@media(max-width:760px) {
  body > #signed-in-member.signed-in-member { width:calc(100% - 24px);padding:12px!important; }
  body > #signed-in-member > nav { display:flex;flex-wrap:wrap;gap:0 10px!important;margin-top:6px!important; }
  body > #signed-in-member > nav :is(a,button) { font-size:12px;line-height:1.35;white-space:normal; }
  body:has(.operations-workspace,#manager,#mapping,#workspace-title) > header { padding:10px 12px;gap:6px 10px; }
  body:has(#manager,#mapping) > header > nav { width:100%;gap:4px 6px; }
  body:has(#manager,#mapping) > header > nav a { font-size:12px;padding:6px; }
  .operations-workspace .operations-view-nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .operations-workspace .operations-view-nav a { font-size:12px;white-space:normal;text-align:center; }
  .operations-workspace :is(.operations-panel,.operations-context,.operations-calendar) { padding:12px!important; }
  .operations-workspace #setup-progress { display:grid;grid-template-columns:1fr;gap:8px; }
  body:has(.network-introduction) main > .section-cover img { max-height:110px!important; }
  body:has(.network-introduction) .network-introduction { padding:14px!important; }
}

/* Approved detail polish. Presentation only; all controls, content and DOM order retained. */
body:has(.network-introduction) #search-form .search-field {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;align-items:start;
}
body:has(.network-introduction) #search-form .search-field > :first-child {
  grid-column:1!important;grid-row:1/span 2!important;min-width:0;
}
body:has(.network-introduction) #search-form .search-field > label:not([for]) {
  grid-column:2!important;grid-row:1/span 2!important;align-self:start;
}
body:has(.network-introduction) #search-form label[for=query] {grid-column:3!important;grid-row:1!important;align-self:start;}
body:has(.network-introduction) #search-form #query {grid-column:3!important;grid-row:2!important;align-self:start;margin:0;}
body:has(.network-introduction) #search-form .filter-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end;}
body:has(.network-introduction) #search-form :is(input,select) {min-width:0;width:100%;box-sizing:border-box;min-height:44px;}
body:has(.network-introduction) #search-form :is(.search-field,.filter-row) > * {min-width:0;}
body:has(.network-introduction) .service-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
body:has(.network-introduction) .service-card {
  display:flex!important;align-items:center;gap:12px;min-height:88px!important;padding:10px!important;
  background:#fffaf8!important;border:1px solid #c5af8b66!important;border-radius:12px!important;
  text-decoration:none;box-shadow:0 2px 8px #251a1a04;overflow:hidden;
}
body:has(.network-introduction) .service-card .section-cover {
  display:flex!important;align-items:center;justify-content:center;flex:0 0 68px;width:68px!important;height:68px!important;
  margin:0!important;padding:0!important;overflow:hidden;border:0!important;border-radius:9px;background:#eee3e3;
}
body:has(.network-introduction) .service-card .section-cover img {
  display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:1!important;object-fit:contain!important;margin:0!important;
}
body:has(.network-introduction) .service-card:not(.service-card-text) .section-cover img {object-fit:cover!important;}
body:has(.network-introduction) .service-card span {display:block;padding:0!important;background:transparent!important;font:600 13px/1.4 system-ui,sans-serif!important;min-width:0;overflow-wrap:anywhere;color:#191616!important;}
body:has(.network-introduction) .service-card:hover {border-color:#a88c59!important;box-shadow:0 3px 12px #251a1a0b;}
body:has(.network-introduction) :is(#results,#people-results) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start;}
body:has(.network-introduction) :is(#results,#people-results) .discovery-card {
  display:flex!important;flex-direction:column!important;gap:6px!important;min-height:0!important;height:auto!important;
  padding:13px 15px!important;border:1px solid #c7b59788!important;border-radius:12px!important;background:#fffcfb!important;
}
body:has(.network-introduction) .discovery-card .identity {min-height:0!important;align-items:start;gap:10px;}
body:has(.network-introduction) .discovery-card .identity > div:last-child {min-width:0;}
body:has(.network-introduction) .discovery-card .avatar {width:42px!important;height:42px!important;flex:0 0 42px!important;object-fit:cover;}
body:has(.network-introduction) .discovery-card .identity h3 {font:700 15px/1.35 system-ui,sans-serif;margin:2px 0!important;overflow-wrap:anywhere;}
body:has(.network-introduction) .discovery-card :is(.business-type,.location) {margin:0!important;line-height:1.4;overflow-wrap:anywhere;}
body:has(.network-introduction) .discovery-card .business-type {font-size:10px!important;letter-spacing:.02em;}
body:has(.network-introduction) .discovery-card .discovery-summary {flex:0 0 auto!important;margin:2px 0!important;min-height:0!important;font-size:12px;line-height:1.45;}
body:has(.network-introduction) .discovery-card .discovery-summary:empty {display:none!important;}
body:has(.network-introduction) .discovery-card .card-bottom {display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin:2px 0 0!important;padding-top:6px!important;}
body:has(.network-introduction) .discovery-card .card-bottom .example-label {flex:1 1 130px;font-size:10px;line-height:1.4;overflow-wrap:anywhere;}
body:has(.network-introduction) .discovery-card .profile-button {min-height:44px;display:inline-flex;align-items:center;font-size:12px;white-space:normal;}
body:has(#workspace-title) main.workspace {padding-top:10px!important;}
body:has(#workspace-title) #account-person-summary {padding:14px!important;margin-block:12px!important;}
body:has(#workspace-title) #account-person-summary p {margin-block:8px;font-size:14px;line-height:1.5;}
body:has(#workspace-title) .network-shortcuts {gap:6px;margin-block:10px;}
body:has(#user-stage-summary) > header {background:#080808!important;color:#fffaf7!important;border-bottom:1px solid #b99b68!important;}
body:has(#user-stage-summary) > header a {color:#fffaf7!important;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;}
body:has(#user-stage-summary) > header {padding:10px max(20px,4%);gap:8px 18px;}
body:has(#user-stage-summary) > header .wordmark {font:750 18px/1.3 system-ui,sans-serif;letter-spacing:1.5px;}
body:has(#user-stage-summary) #counts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:12px;}
body:has(#user-stage-summary) #counts > div {padding:10px;border:1px solid #c7b59755;background:#fffcfb;border-radius:9px;}
body:has(#user-stage-summary) #counts :is(dt,dd) {margin:0;}
body:has(#user-stage-summary) #counts dt {font-size:12px;line-height:1.4;}
body:has(#user-stage-summary) #counts dd {font-size:20px;font-weight:700;margin-top:4px;}
.operations-workspace #setup-progress {list-style:none;padding-left:0;}
.operations-workspace .operations-panel button {line-height:1.4;}
body:has(#manager) dialog {border:1px solid #c7b59788;border-radius:14px;}
body:has(#manager) dialog :is(dt,dd) {overflow-wrap:anywhere;}
@media(max-width:1000px) {
  body:has(.network-introduction) .service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px) {
  body:has(.network-introduction) #search-form .search-field {grid-template-columns:minmax(0,1fr)!important;gap:8px;}
  body:has(.network-introduction) #search-form .search-field > :is(:first-child,label:not([for]),label[for=query],#query) {grid-column:1!important;grid-row:auto!important;}
  body:has(.network-introduction) #search-form .filter-row {grid-template-columns:minmax(0,1fr);gap:10px;}
  body:has(.network-introduction) .service-card {gap:8px;padding:8px!important;min-height:76px!important;}
  body:has(.network-introduction) .service-card .section-cover {flex-basis:48px;width:48px!important;height:54px!important;}
  body:has(.network-introduction) .service-card span {font-size:11px!important;}
  body:has(.network-introduction) :is(#results,#people-results) {grid-template-columns:minmax(0,1fr)!important;}
  body:has(.network-introduction) :is(#results,#people-results) .discovery-card {padding:12px!important;}
  body:has(#user-stage-summary) #counts {grid-template-columns:repeat(2,minmax(0,1fr));}
  body:has(#user-stage-summary) > header {padding:10px 12px;flex-wrap:wrap;}
}
/* Phone categories retain their existing horizontal browsing, with uniform compact tiles. */
@media(max-width:760px) {
  body:has(.network-introduction) .service-grid {display:flex!important;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x proximity;}
  body:has(.network-introduction) .service-card {flex:0 0 180px;scroll-snap-align:start;}
  body:has(.network-introduction) #search-form .filter-row {grid-template-columns:minmax(0,1fr) auto;}
  body:has(.network-introduction) #search-form .filter-row > div:first-child {grid-column:1/-1;}
}

/* The LIVE metric list uses adjacent dt/dd pairs, not div wrappers. */
body:has(#user-stage-summary) #counts {grid-template-columns:minmax(0,1fr) minmax(50px,auto)!important;gap:0!important;border:1px solid #c7b59755;border-radius:10px;overflow:hidden;background:#fffcfb;}
body:has(#user-stage-summary) #counts > dt {padding:10px 14px;border-bottom:1px solid #dfd2d455;align-content:center;}
body:has(#user-stage-summary) #counts > dd {padding:10px 14px;margin:0!important;text-align:right;border-bottom:1px solid #dfd2d455;font-size:18px;line-height:1.4;align-content:center;}

body:has(#user-stage-summary) > header .brand-name {color:#fffaf7!important;}
body:has(#user-stage-summary) > header .brand-name small {color:#d2b680!important;}
