:root {
  --ink: #2d3278;          /* SYNTERA navy */
  --ink-2: #252a66;
  --blue: #1592cb;         /* logo light blue */
  --blue-2: #21579e;       /* logo mid blue */
  --purple: #30237a;       /* logo deep purple */
  --grey: #8e8e8e;         /* SLICK grey */
  --grey-2: #c9cccc;
  --text: #22264a;
  --muted: #6b7087;
  --line: #e2e6ef;
  --bg: #f4f6fa;
  --panel: #ffffff;
  --accent: #1592cb;
  --brand-grad: linear-gradient(135deg, #1592cb 0%, #21579e 45%, #2d3278 75%, #30237a 100%);
  --good: #1f7a4d; --good-bg: #e6f4ec;
  --warn: #8a5a00; --warn-bg: #fdf1dc;
  --bad: #a3292e; --bad-bg: #fbe8e8;
  --info: #1e4f8f; --info-bg: #e7eefa;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(15,26,42,.05), 0 4px 14px rgba(15,26,42,.05);
}
* { box-sizing: border-box; }
html, body.ssbh-body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.55 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--info); }
h1, h2, h3, h4 { color: var(--ink); line-height: 1.25; margin: 0 0 .6em; }
h1 { font-size: 1.7rem; } h2 { font-size: 1.15rem; } h3 { font-size: 1rem; margin-top: 1.2em; } h4 { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin: 1.2em 0 .5em; }

/* Buttons and forms */
.ssbh-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4em; background: var(--brand-grad); color: #fff; border: 1px solid transparent; border-radius: 999px; padding: .6em 1.2em; font: 600 .9rem Inter, sans-serif; text-decoration: none; cursor: pointer; }
.ssbh-btn:hover { filter: brightness(1.08); box-shadow: 0 4px 14px rgba(45,50,120,.25); }
.ssbh-btn-ghost { background: #fff; color: var(--ink); border-color: #cdd3e3; }
.ssbh-btn-ghost:hover { background: #f0f4fb; filter: none; box-shadow: none; }
.ssbh-btn-full { width: 100%; padding: .8em; }
label { display: block; font-weight: 500; font-size: .85rem; color: var(--ink); margin: 0 0 .9em; }
input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=number], input[type=search], select, textarea {
  display: block; width: 100%; margin-top: .35em; padding: .62em .75em; border: 1px solid #cfd6e0; border-radius: 8px; background: #fff; font: 400 .95rem Inter, sans-serif; color: var(--text);
}
input:focus, select:focus, textarea:focus { outline: 2px solid rgba(21,146,203,.3); border-color: var(--blue); }
.ssbh-check { display: flex; gap: .55em; align-items: flex-start; font-weight: 400; }
.ssbh-check input { margin-top: .25em; }
.ssbh-inline { display: flex; flex-wrap: wrap; gap: .5em; align-items: center; margin: 0 0 .8em; }
.ssbh-inline label { margin: 0; }
.ssbh-inline select, .ssbh-inline input { width: auto; margin: 0; }
.ssbh-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1em; }
.ssbh-grid3 { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 0 1em; }
.ssbh-hp { position: absolute; left: -9999px; height: 1px; overflow: hidden; }

/* App shell */
.ssbh-app { display: flex; min-height: 100vh; }
.ssbh-menu-toggle { display: none; }
.ssbh-side { width: 250px; flex: 0 0 250px; background: #fff; border-right: 1px solid var(--line); color: var(--text); display: flex; flex-direction: column; padding: 1.4em 1em; position: sticky; top: 0; height: 100vh; overflow-y: auto; }
.ssbh-brand { display: flex; flex-direction: column; align-items: flex-start; gap: .35em; text-decoration: none; margin: 0 .5em 1.6em; }
.ssbh-brand img { display: block; width: 132px; height: auto; }
.ssbh-brand span { display: block; font-weight: 600; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--grey); }
.ssbh-side nav a { display: flex; justify-content: space-between; align-items: center; color: #464b6e; position: relative; text-decoration: none; padding: .55em .8em; border-radius: 8px; font-size: .9rem; margin-bottom: 2px; }
.ssbh-side nav a:hover { background: #f2f5fb; color: var(--ink); }
.ssbh-side nav a.is-active { background: linear-gradient(90deg, rgba(21,146,203,.12), rgba(45,50,120,.06)); color: var(--ink); font-weight: 600; }
.ssbh-side nav a.is-active::before { content: ""; position: absolute; left: -1em; top: 20%; bottom: 20%; width: 3px; border-radius: 0 3px 3px 0; background: var(--brand-grad); }
.ssbh-side em, .ssbh-bell em { font-style: normal; background: var(--brand-grad); color: #fff; border-radius: 999px; font-size: .72rem; padding: .05em .55em; font-weight: 600; }
.ssbh-side-foot { margin-top: auto; padding: 1em .8em 0; border-top: 1px solid var(--line); font-size: .85rem; }
.ssbh-me { display: flex; align-items: center; gap: .6em; margin-bottom: .7em; }
.ssbh-me .ssbh-avatar { width: 38px; height: 38px; font-size: .9rem; flex: 0 0 38px; }
.ssbh-side-foot .ssbh-me-name { display: block; color: var(--ink); font-weight: 600; line-height: 1.25; }
.ssbh-side-foot small { display: block; color: var(--blue); font-weight: 600; font-size: .75rem; }
.ssbh-side-foot a { color: var(--muted); margin-right: 1em; }
.ssbh-main { flex: 1; min-width: 0; padding: 1.2em 2em 3em; }
.ssbh-topbar { display: flex; justify-content: flex-end; align-items: center; gap: 1em; margin-bottom: 1.2em; }
.ssbh-topbar .ssbh-inline { margin: 0; }
.ssbh-topbar label { font-size: .8rem; color: var(--muted); }
.ssbh-bell { text-decoration: none; color: var(--ink); font-weight: 500; font-size: .9rem; }
.ssbh-topbar .ssbh-site-link { margin-right: auto; color: var(--muted); }
.ssbh-topbar .ssbh-site-link:hover { color: var(--ink); }
.ssbh-burger { display: none; margin-right: auto; font-weight: 600; cursor: pointer; }
.ssbh-page-head { margin-bottom: 1.4em; }
.ssbh-page-head p { color: var(--muted); margin: 0; }

/* Panels, stats, tables */
.ssbh-panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.4em 1.5em; margin-bottom: 1.4em; }
.ssbh-narrow { max-width: 680px; }
.ssbh-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4em; }
.ssbh-cols > .ssbh-panel { margin-bottom: 0; }
.ssbh-cols + * { margin-top: 1.4em; }
.ssbh-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 1em; margin-bottom: 1.6em; }
.ssbh-stat { display: flex; flex-direction: column; gap: .2em; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.1em 1.2em; text-decoration: none; color: var(--text); }
.ssbh-stat:hover { border-color: #c9d0db; }
.ssbh-stat-value { font-size: 1.5rem; font-weight: 700; color: var(--ink); }
.ssbh-stat-label { font-size: .82rem; color: var(--muted); }
.ssbh-stat.is-accent { background: var(--brand-grad); border-color: transparent; }
.ssbh-stat.is-accent .ssbh-stat-value { color: #fff; font-size: 1.3rem; }
.ssbh-stat.is-accent .ssbh-stat-label { color: rgba(255,255,255,.85); }
.ssbh-table-wrap { overflow-x: auto; margin-bottom: 1em; }
.ssbh-table { width: 100%; border-collapse: collapse; background: var(--panel); font-size: .9rem; }
.ssbh-table th { text-align: left; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 600; padding: .7em .8em; border-bottom: 1px solid var(--line); white-space: nowrap; }
.ssbh-table td { padding: .75em .8em; border-bottom: 1px solid var(--line); vertical-align: top; }
.ssbh-table tr:last-child td { border-bottom: 0; }
.ssbh-table small { color: var(--muted); }
.ssbh-table td:first-child a { white-space: nowrap; }
.ssbh-table-compact td, .ssbh-table-compact th { padding: .5em .6em; }
.ssbh-group td { background: #f0f3f7; font-weight: 600; color: var(--ink); font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; }
.ssbh-badge { display: inline-block; border-radius: 999px; padding: .15em .7em; font-size: .75rem; font-weight: 600; background: #eef1f5; color: var(--muted); white-space: nowrap; }
.ssbh-badge-good { background: var(--good-bg); color: var(--good); }
.ssbh-badge-warn { background: var(--warn-bg); color: var(--warn); }
.ssbh-badge-bad { background: var(--bad-bg); color: var(--bad); }
.ssbh-badge-info { background: var(--info-bg); color: var(--info); }
.ssbh-dl { display: grid; grid-template-columns: 170px 1fr; gap: .45em 1em; margin: 0 0 1em; font-size: .92rem; }
.ssbh-dl dt { color: var(--muted); }
.ssbh-dl dd { margin: 0; color: var(--ink); word-break: break-word; }
.ssbh-dl-grid { grid-template-columns: 170px 1fr 170px 1fr; }
.ssbh-muted, .ssbh-small { color: var(--muted); font-size: .88rem; }
.ssbh-warn { color: var(--warn); }
.ssbh-empty { color: var(--muted); background: #fafbfc; border: 1px dashed var(--line); border-radius: 10px; padding: 1.2em; text-align: center; margin: 0 0 1em; }
.ssbh-link { font-weight: 600; font-size: .9rem; }
.ssbh-message { white-space: normal; background: #fafbfc; border-radius: 8px; padding: 1em; }
.ssbh-note { background: #f5f8fd; border-left: 3px solid var(--blue); padding: .7em 1em; border-radius: 4px; }
.ssbh-mini { padding-left: 1.1em; font-size: .85rem; color: var(--muted); }
.ssbh-filters { display: flex; flex-wrap: wrap; gap: .6em; margin-bottom: 1.2em; }
.ssbh-filters input, .ssbh-filters select { width: auto; margin: 0; min-width: 160px; }
.ssbh-filters input[type=search] { flex: 1; min-width: 220px; }
.ssbh-tabs { display: flex; flex-wrap: wrap; gap: .4em; margin-bottom: 1.2em; }
.ssbh-tabs a { text-decoration: none; color: var(--ink); border: 1px solid var(--line); background: #fff; border-radius: 999px; padding: .35em .9em; font-size: .85rem; }
.ssbh-quick { display: flex; flex-wrap: wrap; gap: .6em; margin-bottom: 1.6em; }

/* Flash messages */
.ssbh-flash { border-radius: 10px; padding: .8em 1.1em; margin-bottom: 1em; font-weight: 500; background: var(--good-bg); color: var(--good); }
.ssbh-flash-error { background: var(--bad-bg); color: var(--bad); }
.ssbh-flash-secret { background: #fff8e8; color: #5d4300; border: 1px solid #efd18f; font-family: ui-monospace, Menlo, monospace; font-size: .9rem; }

/* Claim cards */
.ssbh-claims { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 1em; margin-bottom: 1.6em; }
.ssbh-claim { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.1em 1.2em; display: flex; flex-direction: column; }
.ssbh-claim p { margin: .3em 0; font-size: .9rem; }
.ssbh-claim-top { display: flex; justify-content: space-between; gap: .5em; }
.ssbh-claim-top small { color: var(--muted); font-size: .75rem; text-align: right; }
.ssbh-claim-service { font-weight: 600; color: var(--blue-2); }
.ssbh-claim-actions { display: flex; gap: .5em; margin-top: auto; padding-top: .8em; }
.ssbh-claim-actions form { margin: 0; }

/* Approvals */
.ssbh-approval-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; }
.ssbh-approval-head small { color: var(--muted); }
.ssbh-decision { display: grid; grid-template-columns: 220px 1fr auto; gap: 1em; align-items: end; border-top: 1px solid var(--line); padding-top: 1em; margin-top: 1em; }
.ssbh-decision label { margin: 0; }
.ssbh-catalogue { border: 1px solid var(--line); border-radius: 10px; padding: .6em 1em 1em; margin-bottom: 1em; }
.ssbh-catalogue summary { cursor: pointer; font-weight: 600; color: var(--ink); padding: .3em 0; }
.ssbh-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: .4em 1em; }
.ssbh-cat-item { display: grid; grid-template-columns: auto 1fr 100px auto; gap: .5em; align-items: center; margin: 0; font-weight: 400; font-size: .88rem; padding: .3em 0; }
.ssbh-cat-item input[type=number] { margin: 0; padding: .35em .5em; }
.ssbh-cat-item small { color: var(--muted); font-size: .75rem; }
.ssbh-total { font-size: 1rem; background: #fafbfc; border-radius: 8px; padding: .7em 1em; }

/* Services */
.ssbh-service-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1em; }
.ssbh-service { border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1em 1.2em; background: #fff; }
.ssbh-service header { display: flex; justify-content: space-between; align-items: flex-start; gap: .5em; }
.ssbh-service h3 { margin: 0; }
.ssbh-fee { font-size: 1.4rem; font-weight: 700; color: var(--ink); margin: .4em 0 0; }
.ssbh-fee small { font-size: .8rem; color: var(--muted); font-weight: 500; }
.ssbh-service ul { padding-left: 1.1em; font-size: .88rem; margin: .6em 0 0; }

/* Timeline */
.ssbh-timeline { list-style: none; padding: 0; margin: 0; }
.ssbh-timeline li { border-left: 2px solid var(--line); padding: .2em 0 1em 1em; position: relative; }
.ssbh-timeline li::before { content: ""; position: absolute; left: -6px; top: .45em; width: 10px; height: 10px; border-radius: 50%; background: var(--line); }
.ssbh-timeline li.is-unread::before { background: var(--blue); }
.ssbh-timeline time { font-size: .78rem; color: var(--muted); }
.ssbh-timeline p { margin: .15em 0; }
.ssbh-timeline small { color: var(--muted); }

.ssbh-pm { display: flex; gap: 1em; align-items: center; margin-bottom: 1em; }
.ssbh-pm h2 { margin: 0; } .ssbh-pm p { margin: 0; color: var(--muted); }
.ssbh-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--brand-grad); color: #fff; object-fit: cover; overflow: hidden; display: grid; place-items: center; font-weight: 700; font-size: 1.3rem; }

/* Public pages */
.ssbh-public { min-height: 100vh; display: flex; flex-direction: column; }
.ssbh-public-bar { background: #fff; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; padding: 1em 2em; gap: 1em; flex-wrap: wrap; }
.ssbh-public-bar .ssbh-brand { margin: 0; }
.ssbh-public-bar nav { display: flex; gap: 1.2em; align-items: center; flex-wrap: wrap; }
.ssbh-public-bar nav a { color: var(--ink); text-decoration: none; font-size: .9rem; }
.ssbh-public-bar .ssbh-brand { flex-direction: row; align-items: center; gap: .7em; }
.ssbh-public-bar .ssbh-brand img { width: 64px; }
.ssbh-public > .ssbh-flash { max-width: 720px; margin: 1.2em auto 0; width: calc(100% - 32px); }
.ssbh-hero { background: radial-gradient(1200px 400px at 85% -10%, rgba(21,146,203,.55), transparent 60%), linear-gradient(135deg, #21579e 0%, #2d3278 55%, #30237a 100%); color: #dfe6f5; padding: 4em 2em 5em; text-align: center; }
.ssbh-hero h1 { color: #fff; font-size: clamp(1.8rem, 4vw, 2.8rem); max-width: 760px; margin: 0 auto .5em; }
.ssbh-hero p { max-width: 640px; margin: 0 auto 1.6em; }
.ssbh-eyebrow { color: #9fd6f2 !important; text-transform: uppercase; letter-spacing: .16em; font-size: .78rem; font-weight: 600; }
.ssbh-hero-actions { display: flex; gap: .8em; justify-content: center; flex-wrap: wrap; }
.ssbh-hero .ssbh-btn { background: #fff; color: var(--ink); }
.ssbh-hero .ssbh-btn-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.45); }
.ssbh-feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1em; max-width: 1100px; margin: -2.5em auto 2em; padding: 0 16px; width: 100%; }
.ssbh-feature { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.2em; }
.ssbh-feature h3 { margin: 0 0 .3em; }
.ssbh-feature p { margin: 0; color: var(--muted); font-size: .88rem; }
.ssbh-steps { max-width: 760px; margin: 1em auto 3em; padding: 0 16px; }
.ssbh-steps ol { padding-left: 1.2em; } .ssbh-steps li { margin-bottom: .6em; }
.ssbh-auth { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); max-width: 460px; width: calc(100% - 32px); margin: 2.5em auto; padding: 2em; }
.ssbh-auth-wide { max-width: 720px; }
.ssbh-auth > p { color: var(--muted); }
.ssbh-public-foot { margin-top: auto; text-align: center; color: var(--muted); font-size: .8rem; padding: 2em 1em; }

/* Mobile */
@media (max-width: 900px) {
  .ssbh-side { position: fixed; left: 0; top: 0; z-index: 20; transform: translateX(-100%); transition: transform .2s; box-shadow: 0 0 40px rgba(0,0,0,.3); }
  .ssbh-menu-toggle:checked ~ .ssbh-side { transform: none; }
  .ssbh-burger { display: inline-block; }
  .ssbh-main { padding: 1em 16px 3em; }
  .ssbh-cols, .ssbh-grid2, .ssbh-grid3, .ssbh-decision { grid-template-columns: 1fr; }
  .ssbh-dl-grid { grid-template-columns: 140px 1fr; }
  .ssbh-dl { grid-template-columns: 130px 1fr; }
  .ssbh-table thead { display: none; }
  .ssbh-table, .ssbh-table tbody, .ssbh-table tr, .ssbh-table td { display: block; width: 100%; }
  .ssbh-table tr { border-bottom: 1px solid var(--line); padding: .5em 0; }
  .ssbh-table td { border: 0; padding: .2em .4em; }
  .ssbh-table td[data-l]::before { content: attr(data-l); display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
  .ssbh-group td::before { display: none; }
  .ssbh-public-bar { padding: 1em 16px; }
  .ssbh-auth { padding: 1.4em; }
}

/* Profile pictures and logos */
img.ssbh-avatar { display: block; }
.ssbh-avatar-row { display: flex; align-items: center; gap: 1em; margin-bottom: 1em; }
.ssbh-org-logo { width: 40px; height: 40px; border-radius: 8px; object-fit: contain; background: #fff; border: 1px solid var(--line); padding: 3px; }
.ssbh-toggle { display: inline-flex; align-items: center; gap: .5em; }
.ssbh-ticker-preview { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; margin-bottom: 1.4em; }
.ssbh-group td, .ssbh-table th { color: var(--grey); }
@media (max-width: 900px) { .ssbh-side { background: #fff; } }

/* Team / Workforce module */
.ssbh-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 1em; margin-bottom: .8em; flex-wrap: wrap; }
.ssbh-panel-head h2 { margin: 0; }
.ssbh-stats-compact { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .7em; margin-bottom: 1em; }
.ssbh-stats-compact .ssbh-stat { padding: .8em 1em; }
.ssbh-stats-compact .ssbh-stat-value { font-size: 1.25rem; }
.ssbh-progress { height: 6px; background: #e8ecf4; border-radius: 99px; overflow: hidden; margin: .35em 0 .15em; min-width: 80px; }
.ssbh-progress span { display: block; height: 100%; background: var(--brand-grad); border-radius: 99px; }
.ssbh-progress.is-over span { background: #c0392b; }
.ssbh-perm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .3em 1.2em; margin-bottom: 1em; }
.ssbh-perm-grid .ssbh-check { margin: 0; padding: .3em 0; }
.ssbh-switch { display: flex; align-items: center; gap: .65em; font-weight: 500; margin: 0; padding: .45em 0; cursor: pointer; }
.ssbh-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ssbh-switch span { flex: 0 0 38px; width: 38px; height: 22px; border-radius: 99px; background: #cfd6e4; position: relative; transition: background .15s; }
.ssbh-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .15s; }
.ssbh-switch input:checked + span { background: var(--blue); }
.ssbh-switch input:checked + span::after { transform: translateX(16px); }
.ssbh-switch input:focus-visible + span { outline: 2px solid rgba(21,146,203,.4); outline-offset: 2px; }
.ssbh-file { display: inline-block; font-size: .8rem; background: #f0f4fb; border: 1px solid var(--line); border-radius: 6px; padding: .15em .55em; margin: .2em .2em 0 0; text-decoration: none; }
.ssbh-tabs a.is-active { background: var(--ink); color: #fff; border-color: var(--ink); }
.ssbh-team-summary .ssbh-stats { margin-bottom: 0; }
details > summary { cursor: pointer; }
details.ssbh-panel > summary { list-style-position: inside; }
details.ssbh-panel[open] > summary { margin-bottom: 1em; }
@media (max-width: 900px) {
  .ssbh-assign-form .ssbh-btn[type=submit], #update .ssbh-btn { width: 100%; padding: .9em; }
  .ssbh-claim-actions .ssbh-btn { flex: 1; }
}
.ssbh-table td:last-child a.ssbh-link { white-space: nowrap; }
@media (max-width: 900px) {
  .ssbh-side { box-shadow: none; }
  .ssbh-menu-toggle:checked ~ .ssbh-side { box-shadow: 0 0 40px rgba(0,0,0,.3); }
  .ssbh-stats, .ssbh-stats-compact { grid-template-columns: 1fr 1fr; gap: .6em; }
  .ssbh-stat { padding: .8em .9em; }
  .ssbh-stat-value { font-size: 1.2rem; }
}

/* Creative team */
.ssbh-badge-design { background: linear-gradient(135deg, rgba(21,146,203,.15), rgba(48,35,122,.15)); color: var(--purple); }
.ssbh-design-submit { background: #f6f8fd; border: 1px solid var(--line); border-radius: 10px; padding: 1em 1.2em; margin-bottom: 1.2em; }
.ssbh-design-submit h3 { margin-top: 0; }
.ssbh-version { border: 1px solid var(--line); border-radius: 10px; padding: .9em 1.1em; margin-bottom: .8em; background: #fff; }
.ssbh-version.is-final { border-color: #9fd3b6; box-shadow: 0 0 0 3px rgba(31,122,77,.08); }
.ssbh-version header { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; margin-bottom: .5em; }
.ssbh-version header small { color: var(--muted); margin-left: auto; }
.ssbh-thumbs { display: flex; flex-wrap: wrap; gap: .5em; margin: .4em 0 .6em; }
.ssbh-thumbs img { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); background: #f4f6fa; display: block; }
.ssbh-design-history { border-top: 1px solid var(--line); padding: .7em 0; }
.ssbh-design-history > summary { font-weight: 500; }
.ssbh-design-history .ssbh-panel { box-shadow: none; border: 0; padding: .5em 0 0; margin: 0; }
@media (max-width: 900px) { .ssbh-thumbs img { width: calc(50vw - 40px); height: calc(50vw - 40px); } }
.ssbh-table-tight th { white-space: normal; letter-spacing: .03em; }

/* ===== Public Business Hub (v1.4) ===== */
.ssbh-pub-burger { display: none; font-weight: 600; color: var(--ink); cursor: pointer; }
.ssbh-pub-ticker { background: #fff; }
.ssbh-pub-section { max-width: 1140px; margin: 0 auto; padding: 3em 16px; width: 100%; }
.ssbh-pub-alt { max-width: none; background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ssbh-pub-alt > * { max-width: 1108px; margin-left: auto; margin-right: auto; }
.ssbh-sec-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1em; margin-bottom: 1.4em; flex-wrap: wrap; }
.ssbh-sec-head h2 { font-size: 1.6rem; margin: 0 0 .2em; }
.ssbh-sec-head p { margin: 0; color: var(--muted); }
.ssbh-eyebrow-dark { color: var(--blue); text-transform: uppercase; letter-spacing: .16em; font-size: .75rem; font-weight: 700; margin: 0 0 .4em; }
.ssbh-center { text-align: center; }
.ssbh-portal-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1em; }
.ssbh-portal-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.4em; text-decoration: none; color: var(--text); display: flex; flex-direction: column; gap: .4em; transition: transform .15s, box-shadow .15s; }
.ssbh-portal-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(45,50,120,.12); }
.ssbh-portal-card h3 { margin: .3em 0 0; }
.ssbh-portal-card p { margin: 0 0 .8em; color: var(--muted); font-size: .9rem; flex: 1; }
.ssbh-portal-card .ssbh-btn { align-self: flex-start; }
.ssbh-portal-icon { width: 42px; height: 42px; border-radius: 12px; background: var(--brand-grad); display: block; position: relative; }
.ssbh-portal-icon::after { content: ""; position: absolute; inset: 12px; border: 2px solid #fff; border-radius: 50%; }
.ssbh-pi-partner::after { border-radius: 4px; transform: rotate(45deg); }
.ssbh-pi-manager::after { border-radius: 3px; }
.ssbh-pi-team::after { inset: 11px 8px; border-radius: 99px; }
.ssbh-portal-tabs { display: flex; flex-wrap: wrap; gap: .4em; margin: 0 0 1.2em; }
.ssbh-portal-tabs a { flex: 1; min-width: 90px; text-align: center; padding: .55em .6em; border: 1px solid var(--line); border-radius: 10px; text-decoration: none; color: var(--ink); font-weight: 600; font-size: .85rem; background: #fff; }
.ssbh-portal-tabs a.is-active { background: var(--brand-grad); color: #fff; border-color: transparent; }
.ssbh-portal-title { font-size: 1rem; color: var(--blue-2); margin: 0 0 .8em; }
.ssbh-cat-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 1em; }
.ssbh-cat-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.3em; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.ssbh-cat-card h3 { margin: .2em 0 .5em; }
.ssbh-cat-card > p { color: var(--muted); font-size: .9rem; }
.ssbh-cat-tag { font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: var(--blue); font-weight: 700; margin: 0; }
.ssbh-pkg { list-style: none; padding: 0; margin: 0 0 .8em; }
.ssbh-pkg li { display: flex; justify-content: space-between; gap: 1em; padding: .45em 0; border-bottom: 1px solid var(--line); font-size: .9rem; }
.ssbh-pkg li:last-child { border-bottom: 0; }
.ssbh-cat-card details { font-size: .85rem; margin-bottom: .4em; }
.ssbh-cat-card .ssbh-link { margin-top: auto; padding-top: .6em; }
.ssbh-news { display: grid; gap: .8em; }
.ssbh-news-item { background: #fff; border: 1px solid var(--line); border-left: 3px solid var(--blue); border-radius: 10px; padding: 1em 1.2em; }
.ssbh-news-item h3 { margin: .2em 0 .3em; }
.ssbh-news-item p { margin: 0; }
.ssbh-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1em; }
.ssbh-person { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4em 1.2em; text-align: center; }
.ssbh-person .ssbh-avatar { margin: 0 auto .7em; }
.ssbh-avatar-lg { width: 84px !important; height: 84px !important; font-size: 1.6rem !important; }
.ssbh-person h3 { margin: 0; }
.ssbh-person-role { color: var(--blue-2); font-weight: 600; margin: .2em 0; font-size: .9rem; }
.ssbh-person p { font-size: .88rem; }
.ssbh-cta-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; }
.ssbh-cta { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6em; box-shadow: var(--shadow); }
.ssbh-cta h3 { margin-top: 0; }
.ssbh-pubst { display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .06em; padding: .2em .7em; border-radius: 99px; white-space: nowrap; }
.ssbh-pubst-ACTIVE { color: #17744a; background: #e3f4ea; }
.ssbh-pubst-INPROCESS { color: #1a5fa0; background: #e4eefa; }
.ssbh-pubst-PAUSED { color: #8a5a00; background: #fcf0d8; }
.ssbh-pubst-COMPLETED { color: #4b3f99; background: #ece9f8; }
.ssbh-public-foot a { color: var(--muted); }
details.ssbh-panel > summary .ssbh-me { display: inline-flex; vertical-align: middle; }
@media (max-width: 900px) {
  .ssbh-portal-grid { grid-template-columns: 1fr 1fr; }
  .ssbh-cta-pair { grid-template-columns: 1fr; }
  .ssbh-pub-burger { display: inline-block; margin-left: auto; }
  .ssbh-public-bar nav { display: none; width: 100%; flex-direction: column; align-items: flex-start; gap: .8em; padding-top: .6em; }
  .ssbh-public-bar .ssbh-menu-toggle:checked ~ nav { display: flex; }
}
@media (max-width: 520px) {
  .ssbh-portal-grid { grid-template-columns: 1fr; }
  .ssbh-sec-head h2 { font-size: 1.3rem; }
}

/* ===== v1.5 Relationships: directories, items, partnerships ===== */
.ssbh-portal-grid { align-items: stretch; }
.ssbh-portal-card { height: 100%; }
.ssbh-portal-logo { height: 44px; width: auto; max-width: 150px; object-fit: contain; align-self: flex-start; }
.ssbh-dir-tabs { margin-bottom: 1.2em; }
.ssbh-dir-filters { margin-bottom: 1.2em; }
.ssbh-dir-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 1em; }
.ssbh-dir-grid-sm { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.ssbh-dir-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.2em; display: flex; flex-direction: column; gap: .35em; }
.ssbh-dir-card header { display: flex; gap: .8em; align-items: center; }
.ssbh-dir-card header h3 { margin: 0; }
.ssbh-dir-card header p { margin: 0; }
.ssbh-dir-card p { margin: .2em 0; }
.ssbh-dir-card-sm { align-items: center; text-align: center; }
.ssbh-dir-card-sm h3 { margin: .4em 0 0; }
.ssbh-dir-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin-top: .6em !important; }
.ssbh-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35em; }
.ssbh-chips li { background: var(--info-bg); color: var(--info); border-radius: 999px; padding: .2em .7em; font-size: .8rem; }
.ssbh-chips li small { color: var(--muted); }
.ssbh-quote { margin: .6em 0 0; padding: .6em .9em; border-left: 3px solid var(--blue); background: var(--bg); border-radius: 0 8px 8px 0; font-style: italic; font-size: .9rem; }
.ssbh-stars { color: #d9a300; font-style: normal; margin-right: .4em; letter-spacing: .05em; }
.ssbh-dir-signin { margin: 2em auto 0; text-align: center; padding: 1.6em; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); max-width: 520px; }
.ssbh-dir-signin h3 { margin-top: 0; }
.ssbh-choices { border: 1px solid var(--line); border-radius: 10px; padding: .8em 1em; margin: 0 0 1em; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 0 1em; }
.ssbh-choices legend { font-weight: 600; color: var(--ink); padding: 0 .3em; }
.ssbh-choices legend small { font-weight: 400; color: var(--muted); }
.ssbh-choices .ssbh-check { margin: .3em 0; }
.ssbh-areas { grid-column: 1 / -1; }
.ssbh-area-row { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: .6em; align-items: center; border-top: 1px dashed var(--line); padding: .35em 0; grid-column: 1 / -1; }
.ssbh-area-row input { margin-top: 0; }
.ssbh-section-title { margin: 1.4em 0 .6em; }
.ssbh-master { border-left: 4px solid var(--blue); }
.ssbh-mstatus { background: var(--ink); color: #fff; border-radius: 999px; padding: .3em .9em; font-size: .75rem; font-weight: 600; letter-spacing: .03em; }
.ssbh-itemcount { display: flex; flex-wrap: wrap; gap: .5em 1em; align-items: center; font-size: .9rem; margin: .4em 0 1.2em; }
.ssbh-itemcount span { background: var(--bg); border-radius: 999px; padding: .15em .7em; }
.ssbh-items td { vertical-align: top; }
.ssbh-item-actions { display: grid; grid-template-columns: 1fr 2fr; gap: 0 1em; align-items: end; margin-top: 1em; }
.ssbh-item-actions .ssbh-terms, .ssbh-item-actions .ssbh-btn { grid-column: 1 / -1; justify-self: start; }
.ssbh-terms { margin: 0 0 1em; }
.ssbh-terms summary, .ssbh-rounds summary, .ssbh-partnership summary { cursor: pointer; color: var(--info); }
.ssbh-round-list { margin: .5em 0 0; padding-left: 1.2em; font-size: .85rem; }
.ssbh-round-list li { margin-bottom: .4em; }
.ssbh-round-list time { color: var(--muted); }
.ssbh-partnership { border: 1px solid var(--line); border-radius: 10px; padding: .7em 1em; margin: .5em 0; }
.ssbh-partnership[open] { background: #fbfcfe; }
.ssbh-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 1em; }
.ssbh-rel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .9em; }
.ssbh-rel-card { display: flex; flex-direction: column; gap: .35em; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1em 1.1em; text-decoration: none; color: var(--text); box-shadow: var(--shadow); }
.ssbh-rel-card:hover { border-color: var(--blue); }
.ssbh-rel-card h3 { margin: 0; letter-spacing: .02em; }
.ssbh-rel-card p { margin: 0; }
.ssbh-action-card { border-left: 4px solid #d9a300; }
.ssbh-wrap { flex-wrap: wrap; }
.ssbh-wrap input[type=text], .ssbh-wrap input[type=email] { width: auto; min-width: 180px; margin-top: 0; }
@media (max-width: 760px) {
  .ssbh-area-row, .ssbh-item-actions, .ssbh-grid4 { grid-template-columns: 1fr; }
  .ssbh-dir-grid { grid-template-columns: 1fr; }
}
.ssbh-item-form { clear: both; }
.ssbh-item-form .ssbh-table-wrap { margin-top: 0; }

/* ===== v1.6 Business Operations and secure access ===== */
.ssbh-btn-sm { padding: .38em .85em; font-size: .8rem; }
.ssbh-btn-danger { background: var(--bad); color: #fff; }
.ssbh-stat.is-warn { border-color: #f0cf95; background: var(--warn-bg); }
.ssbh-stat.is-warn .ssbh-stat-value { color: var(--warn); }
.ssbh-ops-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1em; flex-wrap: wrap; }
.ssbh-ops-select label { display: flex; flex-direction: column; gap: .3em; font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.ssbh-ops-select select { min-width: 280px; font-weight: 600; color: var(--ink); text-transform: none; letter-spacing: 0; font-size: .95rem; }
.ssbh-ops-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1em; margin: 1em 0 1.4em; }
.ssbh-ops-card { display: flex; flex-direction: column; gap: .3em; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.1em 1.2em; text-decoration: none; color: var(--text); transition: border-color .15s, transform .15s; }
.ssbh-ops-card:hover { border-color: var(--blue); transform: translateY(-1px); }
.ssbh-ops-card strong { color: var(--ink); font-size: 1.05rem; }
.ssbh-ops-kind { font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--blue); }
.ssbh-ops-meta { font-size: .8rem; color: var(--muted); }
.ssbh-ops-title { display: flex; align-items: baseline; gap: .8em; flex-wrap: wrap; margin: .6em 0 .4em; }
.ssbh-ops-title h2 { margin: 0; font-size: 1.35rem; }
a.ssbh-chip { display: inline-flex; gap: .4em; align-items: center; background: var(--info-bg); color: var(--info); border-radius: 999px; padding: .25em .8em; font-size: .82rem; text-decoration: none; }
a.ssbh-chip em { font-style: normal; background: var(--ink); color: #fff; border-radius: 999px; padding: 0 .5em; font-size: .72rem; }
.ssbh-checks { list-style: none; margin: .4em 0 1em; padding: 0; }
.ssbh-checks li { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: .45em 0; border-bottom: 1px solid var(--line); }
.ssbh-checks li:last-child { border-bottom: 0; }
.ssbh-sec { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .05em; border-radius: 6px; padding: .2em .55em; white-space: nowrap; }
.ssbh-sec-ok { background: var(--good-bg); color: var(--good); }
.ssbh-sec-bad { background: var(--bad-bg); color: var(--bad); }
.ssbh-sec-warn { background: var(--warn-bg); color: var(--warn); }
.ssbh-sec-muted { background: #eef0f5; color: var(--muted); }
.ssbh-denied { border-left: 4px solid var(--bad); max-width: 640px; }
.ssbh-denied-kicker { margin: 0; font-size: .75rem; font-weight: 800; letter-spacing: .12em; color: var(--bad); }
.ssbh-denied h2 { font-size: 1.4rem; margin: .2em 0 .4em; }
.ssbh-acc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1em; margin-bottom: 1.4em; }
.ssbh-acc-card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.1em 1.2em; display: flex; flex-direction: column; gap: .6em; }
.ssbh-acc-card header { display: flex; justify-content: space-between; align-items: flex-start; gap: .6em; }
.ssbh-acc-card header h3 { margin: .1em 0; }
.ssbh-acc-card header small { color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; font-size: .7rem; }
.ssbh-acc-card .ssbh-btn { align-self: flex-start; }
.ssbh-details { border-top: 1px solid var(--line); padding-top: .6em; }
.ssbh-details summary { cursor: pointer; font-weight: 600; color: var(--info); }
.ssbh-table-compact td, .ssbh-table-compact th { padding: .4em .5em; font-size: .85rem; }
.ssbh-actions-row { display: flex; flex-wrap: wrap; gap: .4em; margin: .6em 0 1.2em; }
.ssbh-actions-row form, td form.ssbh-inline { display: inline-flex; margin: 0 .2em .2em 0; }
.ssbh-sec-table td, .ssbh-log td { font-size: .8rem; vertical-align: top; }
.ssbh-qr { width: 196px; height: 196px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 8px; margin: .6em 0; }
.ssbh-key { font-size: 1rem; letter-spacing: .08em; background: #f1f3f8; padding: .2em .5em; border-radius: 4px; }
.ssbh-steps { padding-left: 1.2em; }
.ssbh-backup { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: .4em; }
.ssbh-backup code { display: block; text-align: center; font-size: 1.05rem; background: #f1f3f8; padding: .5em; border-radius: 6px; letter-spacing: .1em; }
.ssbh-files { list-style: none; padding: 0; }
.ssbh-files li { padding: .5em 0; border-bottom: 1px solid var(--line); }
@media (max-width: 720px) {
  .ssbh-ops-select, .ssbh-ops-select select { width: 100%; min-width: 0; }
  .ssbh-acc-grid { grid-template-columns: 1fr; }
}
/* v1.7 Stories & Insights, public profiles, Marketplace Access */
.ssbh-flash-info { background: var(--info-bg); color: var(--info); }
.ssbh-kicker { font-size: .75rem; font-weight: 800; letter-spacing: .12em; color: var(--blue); margin: 0 0 .6em; }
.ssbh-dir-links { margin-top: auto !important; padding-top: .5em; display: flex; gap: .6em; align-items: center; flex-wrap: wrap; }
.ssbh-quote cite { display: block; margin-top: .3em; font-style: normal; font-size: .75rem; color: var(--muted); }
.ssbh-story-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 1.2em; margin: 1em 0 2em; }
.ssbh-story-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; display: flex; flex-direction: column; }
.ssbh-story-card.is-featured { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(21,146,203,.15), var(--shadow); }
.ssbh-story-media { display: block; position: relative; aspect-ratio: 16 / 9; background: var(--brand-grad); overflow: hidden; }
.ssbh-story-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ssbh-story-media.is-video::after { content: ""; position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; background: rgba(15,20,60,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 26px no-repeat; }
.ssbh-story-ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; }
.ssbh-story-body { padding: 1em 1.1em 1.1em; display: flex; flex-direction: column; gap: .35em; flex: 1; }
.ssbh-story-body h3 { margin: 0; font-size: 1.08rem; }
.ssbh-story-body h3 a { color: var(--ink); text-decoration: none; }
.ssbh-story-body p { margin: 0; }
.ssbh-story-kicker { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--blue); margin: 0; }
.ssbh-story-foot { display: flex; align-items: center; gap: .6em; margin-top: auto; padding-top: .7em; }
.ssbh-story-foot > div { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.ssbh-story-foot small { color: var(--muted); font-size: .75rem; }
.ssbh-story-org { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #fff; border: 1px solid var(--line); flex: none; }
.ssbh-story-page { max-width: 780px; }
.ssbh-story-page h1 { font-size: 2rem; margin: .2em 0 .5em; }
.ssbh-story-page .ssbh-story-foot { margin: 0 0 1.4em; }
.ssbh-story-hero { width: 100%; border-radius: var(--radius); margin-bottom: 1.2em; }
.ssbh-story-video { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 1.2em; border-radius: var(--radius); overflow: hidden; background: #000; }
.ssbh-story-video iframe { width: 100%; height: 100%; border: 0; }
.ssbh-story-lead { font-size: 1.1rem; color: var(--text); }
.ssbh-story-text { font-size: 1.02rem; line-height: 1.75; }
.ssbh-profile-page { max-width: 980px; }
.ssbh-profile-head { display: flex; gap: 1.2em; align-items: center; margin-bottom: 1em; }
.ssbh-profile-head h1 { margin: 0; }
.ssbh-profile-head p { margin: .2em 0 0; }
.ssbh-profile-page h2 { margin-top: 1.6em; }
.ssbh-org-logo-lg { width: 96px; height: 96px; border-radius: 14px; padding: 6px; }
.ssbh-avatar-xl { width: 110px !important; height: 110px !important; font-size: 2rem !important; border-radius: 50%; object-fit: cover; }
.ssbh-mkt-tag { font-size: .8rem; font-weight: 600; color: var(--muted); margin-right: auto; }
.ssbh-linkbtn { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; opacity: .85; }
.ssbh-side-foot form.ssbh-inline { margin: .2em 0 0; }
.ssbh-mkt .ssbh-brand span { white-space: nowrap; }
@media (max-width: 720px) {
  .ssbh-story-grid { grid-template-columns: 1fr; }
  .ssbh-profile-head { flex-direction: column; align-items: flex-start; }
  .ssbh-story-page h1 { font-size: 1.5rem; }
}

/* Social pages (v1.8.2) */
.ssbh-social { display: flex; justify-content: center; gap: .5em; margin: 0 0 1em; }
.ssbh-social-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(127,127,127,.3); color: inherit; opacity: .8; transition: opacity .15s, transform .15s, border-color .15s; }
.ssbh-social-icon:hover { opacity: 1; transform: translateY(-2px); border-color: currentColor; }
.ssbh-side-foot .ssbh-social { justify-content: flex-start; margin: .8em 0 0; }
.ssbh-side-foot .ssbh-social-icon { width: 30px; height: 30px; }

/* Managers without an uploaded picture show the SynteraSlick logo. */
.ssbh-avatar.ssbh-avatar-logo { box-sizing: border-box; object-fit: contain; background: #fff; padding: 5px; box-shadow: 0 0 0 1px #E4E9EF; }
.ssbh-avatar-lg.ssbh-avatar-logo, .ssbh-avatar-xl.ssbh-avatar-logo { padding: 12px; }