:root {
  --bg: #f7f3ea;
  --card: #fffaf0;
  --card-2: #fffdf8;
  --text: #1f1b14;
  --muted: #7b6c55;
  --line: #eadfca;
  --gold: #b88a2d;
  --gold-dark: #7a5514;
  --nav: #19150f;
  --success: #237a4b;
  --danger: #9a3a2d;
  --shadow: 0 18px 45px rgba(52, 38, 9, .10);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text); background: var(--bg); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #fff7dc 0, #f7f3ea 38%, #efe4d0 100%); }
.auth-card { width: min(420px, 100%); background: var(--card-2); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); padding: 34px; }
.auth-card h1 { margin: 0 0 8px; font-size: 34px; letter-spacing: -.04em; }
.auth-card p { color: var(--muted); margin: 0 0 22px; }
.auth-card label { display: grid; gap: 8px; font-size: 13px; font-weight: 700; margin-bottom: 14px; }
.auth-card input { border: 1px solid var(--line); background: #fff; border-radius: 14px; padding: 13px 14px; outline: none; font-size: 15px; }
.auth-card input:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(184, 138, 45, .12); }
.auth-card button, .primary-btn { width: 100%; border: 0; border-radius: 15px; padding: 13px 16px; background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: #fff; font-weight: 800; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
#message { margin-top: 16px; font-size: 13px; }

.dashboard-page { min-height: 100vh; display: block; }
.sidebar { position: sticky; top: 0; height: 100vh; background: var(--nav); color: #fff9ec; padding: 26px 20px; display: flex; flex-direction: column; gap: 24px; }
.brand-mark { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
.brand-mark span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(135deg, var(--gold), #ffe1a0); color: #171108; font-weight: 900; font-size: 24px; }
.brand-mark strong { display: block; font-size: 17px; }
.brand-mark small { display: block; color: rgba(255,255,255,.55); margin-top: 2px; }
.side-nav { display: grid; gap: 6px; }
.side-nav a { padding: 12px 14px; border-radius: 14px; color: rgba(255,255,255,.72); font-weight: 650; font-size: 14px; }
.side-nav a:hover, .side-nav a.active { background: rgba(184, 138, 45, .18); color: #fff; }
.ghost-btn { margin-top: auto; border: 1px solid rgba(255,255,255,.16); color: #fff; background: transparent; border-radius: 14px; padding: 12px 14px; cursor: pointer; }

/* LinkedIn-inspired top taskbar navigation */
.top-taskbar {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 72px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 12px 30px;
  background: rgba(255, 250, 240, .96);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 10px 28px rgba(52, 38, 9, .08);
  backdrop-filter: blur(14px);
}
.top-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 210px;
}
.top-brand span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--gold), #ffe1a0);
  color: #171108;
  font-weight: 950;
  font-size: 22px;
}
.top-brand strong { display: block; font-size: 16px; line-height: 1.1; }
.top-brand small { display: block; color: var(--muted); margin-top: 2px; font-size: 11px; }
.top-nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.top-nav-links::-webkit-scrollbar { display: none; }
.top-nav-links a {
  flex: 0 0 auto;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}
.top-nav-links a:hover,
.top-nav-links a.active {
  background: #f2e3c4;
  color: var(--gold-dark);
}
.top-logout-btn {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--gold-dark);
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 850;
  white-space: nowrap;
}

.dashboard-main { padding: 30px; max-width: 1440px; width: 100%; margin: 0 auto; }
.top-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.eyebrow { margin: 0 0 7px; color: var(--gold-dark); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(30px, 4vw, 46px); letter-spacing: -.05em; margin-bottom: 7px; }
h2 { font-size: 24px; margin-bottom: 8px; }
h3 { font-size: 18px; margin-bottom: 6px; }
.muted { color: var(--muted); margin-bottom: 0; }
.user-chip { background: var(--card-2); border: 1px solid var(--line); border-radius: 999px; padding: 12px 16px; color: var(--muted); box-shadow: 0 8px 20px rgba(52, 38, 9, .05); }
.brief-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px; background: linear-gradient(135deg, #fffdf8, #fbefd3); border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow); margin-bottom: 18px; }
.brief-card p:last-child { color: var(--muted); margin-bottom: 0; }
.brief-card .primary-btn { width: auto; min-width: 170px; }
.metric-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 18px; }
.metric-card, .panel, .module-card, .api-panel { background: var(--card-2); border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 10px 26px rgba(52, 38, 9, .06); }
.metric-card { padding: 18px; }
.metric-card span { display: block; color: var(--muted); font-size: 12px; font-weight: 750; }
.metric-card strong { display: block; margin: 8px 0 2px; font-size: 32px; letter-spacing: -.05em; }
.metric-card small { color: var(--muted); }
.panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.panel, .api-panel { padding: 20px; }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.small-btn, .module-card button { border: 1px solid var(--line); background: #fff; color: var(--gold-dark); border-radius: 12px; padding: 9px 12px; cursor: pointer; font-weight: 750; }
.list-box { display: grid; gap: 10px; }
.list-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--line); background: #fff; border-radius: 16px; }
.list-item strong { display: block; font-size: 14px; }
.list-item small { display: block; color: var(--muted); margin-top: 3px; }
.status-pill { white-space: nowrap; border-radius: 999px; padding: 5px 9px; background: #f4ecd9; color: var(--gold-dark); font-size: 11px; font-weight: 800; text-transform: capitalize; }
.status-pill.critical, .status-pill.high { background: #fae4df; color: var(--danger); }
.empty-state { color: var(--muted); background: #fff; border: 1px dashed var(--line); border-radius: 16px; padding: 18px; }
.module-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; }
.module-card { padding: 18px; }
.module-card p { color: var(--muted); font-size: 14px; line-height: 1.5; min-height: 64px; }
.api-panel pre { white-space: pre-wrap; word-break: break-word; background: #16120d; color: #fff2d2; border-radius: 18px; padding: 18px; overflow: auto; max-height: 420px; }

@media (max-width: 1080px) {
  .top-taskbar { grid-template-columns: 1fr auto; padding: 10px 16px; }
  .top-brand { min-width: auto; }
  .top-nav-links { grid-column: 1 / -1; justify-content: flex-start; order: 3; }
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .panel-grid, .module-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .top-taskbar { gap: 10px; }
  .top-brand div { display: none; }
  .top-nav-links a { font-size: 13px; padding: 9px 10px; }
.dashboard-main { padding: 18px; }
  .top-header, .brief-card, .panel-head { flex-direction: column; }
  .metric-grid, .panel-grid, .module-grid { grid-template-columns: 1fr; }
  .brief-card .primary-btn { width: 100%; }
}

/* Quiming OS dashboard module pages */
.page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.page-header h1 { margin-bottom: 6px; }
.small-link { border: 1px solid var(--line); background: #fff; color: var(--gold-dark); border-radius: 12px; padding: 9px 12px; cursor: pointer; font-weight: 750; display: inline-flex; align-items: center; justify-content: center; }
.content-grid { display: grid; gap: 16px; align-items: start; }
.content-grid.two-column { grid-template-columns: 390px 1fr; }
.wide-panel { min-width: 0; }
.data-form { display: grid; gap: 13px; }
.data-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 850; }
.data-form input, .data-form select, .data-form textarea, .inline-select { width: 100%; border: 1px solid var(--line); border-radius: 13px; padding: 11px 12px; background: #fff; color: var(--text); outline: none; font: inherit; }
.data-form textarea { resize: vertical; }
.data-form input:focus, .data-form select:focus, .data-form textarea:focus, .inline-select:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(184, 138, 45, .12); }
.form-message { min-height: 20px; margin: 10px 0 0; font-size: 13px; color: var(--muted); }
.form-message.success { color: var(--success); }
.form-message.error { color: var(--danger); }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 740px; }
th, td { text-align: left; padding: 13px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; font-size: 13px; }
th { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; background: #fff8e9; }
td { background: rgba(255,255,255,.55); }
.table-empty { text-align: center; color: var(--muted); padding: 24px; }
.danger-btn { border: 1px solid #f1c4bc; background: #fff3f0; color: var(--danger); border-radius: 12px; padding: 8px 10px; cursor: pointer; font-weight: 800; }
.danger-btn.large { padding: 11px 14px; }
.primary-btn.compact { width: auto; padding: 11px 14px; }
.card-list { display: grid; gap: 12px; }
.approval-card { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 16px; }
.approval-actions { display: flex; gap: 8px; align-items: center; }
.detail-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.detail-list span { border: 1px solid var(--line); background: #fffaf0; color: var(--muted); border-radius: 999px; padding: 5px 9px; font-size: 12px; }
.module-card span { color: var(--gold-dark); font-weight: 850; }
@media (max-width: 1080px) { .content-grid.two-column { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .page-header { flex-direction: column; } .approval-card { flex-direction: column; } .approval-actions { width: 100%; } .approval-actions button { flex: 1; } }

.role-category-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.role-category-strip article {
  background: var(--card-2);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 8px 20px rgba(52, 38, 9, .05);
}
.role-category-strip .formal-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  background: #f8ecd0;
  border: 1px solid var(--line);
  color: var(--gold-dark);
}
.role-category-strip .formal-icon svg {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  stroke-width: 1.9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.role-category-strip strong { display: block; font-size: 13px; }
.role-category-strip small { display: block; color: var(--muted); margin-top: 4px; line-height: 1.4; }
.field-note { color: var(--muted); font-size: 12px; line-height: 1.5; margin: -4px 0 0; }
.hidden-field { display: none !important; }
.job-title-admin-grid { margin-top: 16px; }
@media (max-width: 1080px) { .role-category-strip { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .role-category-strip { grid-template-columns: 1fr; } }

/* v6 hard refresh UI layer — fixes old browser/Hostinger cached styles */
html, body { width: 100%; min-height: 100%; }
body.dashboard-page { background: var(--bg) !important; color: var(--text) !important; margin: 0 !important; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
body.dashboard-page > .top-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  width: 100% !important;
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: minmax(210px, auto) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 12px 30px !important;
  background: rgba(255, 250, 240, .98) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 10px 28px rgba(52, 38, 9, .08) !important;
}
body.dashboard-page > .top-taskbar .top-brand {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 210px !important;
  color: var(--text) !important;
  text-decoration: none !important;
}
body.dashboard-page > .top-taskbar .top-brand span {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--gold), #ffe1a0) !important;
  color: #171108 !important;
  font-weight: 950 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
body.dashboard-page > .top-taskbar .top-brand strong { display: block !important; font-size: 16px !important; line-height: 1.1 !important; }
body.dashboard-page > .top-taskbar .top-brand small { display: block !important; color: var(--muted) !important; margin-top: 2px !important; font-size: 11px !important; }
body.dashboard-page > .top-taskbar .top-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
}
body.dashboard-page > .top-taskbar .top-nav-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 10px 13px !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
body.dashboard-page > .top-taskbar .top-nav-links a:hover,
body.dashboard-page > .top-taskbar .top-nav-links a.active { background: #f2e3c4 !important; color: var(--gold-dark) !important; }
body.dashboard-page > .top-taskbar .top-logout-btn {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  color: var(--gold-dark) !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  cursor: pointer !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.dashboard-page .dashboard-main { padding: 30px !important; max-width: 1440px !important; width: 100% !important; margin: 0 auto !important; }
body.dashboard-page .page-header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 20px !important; margin-bottom: 22px !important; }
body.dashboard-page .role-category-strip { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; margin-bottom: 16px !important; }
body.dashboard-page .role-category-strip article { background: var(--card-2) !important; border: 1px solid var(--line) !important; border-radius: 18px !important; padding: 14px !important; box-shadow: 0 8px 20px rgba(52, 38, 9, .05) !important; }
body.dashboard-page .content-grid.two-column { display: grid !important; grid-template-columns: 390px minmax(0, 1fr) !important; gap: 16px !important; align-items: start !important; }
body.dashboard-page .panel { background: var(--card-2) !important; border: 1px solid var(--line) !important; border-radius: 22px !important; box-shadow: 0 10px 26px rgba(52, 38, 9, .06) !important; padding: 20px !important; }
body.dashboard-page .data-form { display: grid !important; gap: 13px !important; }
body.dashboard-page .data-form input,
body.dashboard-page .data-form select,
body.dashboard-page .data-form textarea { width: 100% !important; border: 1px solid var(--line) !important; border-radius: 13px !important; padding: 11px 12px !important; background: #fff !important; color: var(--text) !important; outline: none !important; font: inherit !important; }
body.dashboard-page table { width: 100% !important; border-collapse: collapse !important; min-width: 740px !important; }
@media (max-width: 1080px) {
  body.dashboard-page > .top-taskbar { grid-template-columns: 1fr auto !important; padding: 10px 16px !important; }
  body.dashboard-page > .top-taskbar .top-nav-links { grid-column: 1 / -1 !important; justify-content: flex-start !important; order: 3 !important; }
  body.dashboard-page .content-grid.two-column { grid-template-columns: 1fr !important; }
  body.dashboard-page .role-category-strip { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 680px) {
  body.dashboard-page > .top-taskbar .top-brand div { display: none !important; }
  body.dashboard-page .dashboard-main { padding: 18px !important; }
  body.dashboard-page .role-category-strip { grid-template-columns: 1fr !important; }
  body.dashboard-page .page-header { flex-direction: column !important; }
}

/* V7 formal icon patch: no emoji category icons */
body.dashboard-page .role-category-strip .formal-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
  background: #f8ecd0 !important;
  border: 1px solid var(--line) !important;
  color: var(--gold-dark) !important;
}
body.dashboard-page .role-category-strip .formal-icon svg {
  width: 19px !important;
  height: 19px !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* V8 corporate topbar: formal nav icons, smart search, and profile dropdown */
body.dashboard-page > .top-taskbar {
  grid-template-columns: minmax(210px, auto) minmax(0, 1fr) minmax(330px, auto) !important;
  gap: 18px !important;
  padding: 12px 30px !important;
}
body.dashboard-page > .top-taskbar .top-nav-links {
  justify-content: center !important;
  gap: 5px !important;
}
body.dashboard-page > .top-taskbar .top-nav-links a {
  gap: 7px !important;
  padding: 9px 11px !important;
}
body.dashboard-page > .top-taskbar .nav-icon,
body.dashboard-page > .top-taskbar .search-icon,
body.dashboard-page > .top-taskbar .dropdown-action span {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
body.dashboard-page > .top-taskbar svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.top-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.smart-search {
  position: relative !important;
  width: min(320px, 32vw) !important;
  min-width: 220px !important;
}
.smart-search .search-icon {
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--muted) !important;
  pointer-events: none !important;
}
.smart-search input {
  width: 100% !important;
  height: 42px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--text) !important;
  padding: 0 15px 0 40px !important;
  outline: none !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  box-shadow: 0 8px 20px rgba(52, 38, 9, .05) !important;
}
.smart-search input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 4px rgba(184, 138, 45, .12) !important;
}
.smart-search-results {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  width: min(430px, 86vw) !important;
  display: none !important;
  background: #fffdf8 !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(52, 38, 9, .18) !important;
  overflow: hidden !important;
  z-index: 1200 !important;
}
.smart-search-results.open { display: block !important; }
.search-result-item {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  gap: 2px 12px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--line) !important;
  color: var(--text) !important;
  text-decoration: none !important;
}
.search-result-item:last-child { border-bottom: 0 !important; }
.search-result-item:hover { background: #fff6e1 !important; }
.search-type {
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 5px 8px !important;
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
.search-result-item strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}
.search-result-item small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--muted) !important;
  font-size: 12px !important;
}
.search-empty {
  padding: 16px !important;
  color: var(--muted) !important;
  font-size: 13px !important;
}
.profile-menu {
  position: relative !important;
  flex: 0 0 auto !important;
}
.profile-button {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  box-shadow: 0 8px 20px rgba(52, 38, 9, .05) !important;
}
.profile-button:hover,
.profile-button[aria-expanded="true"] {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 4px rgba(184, 138, 45, .12) !important;
}
.profile-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, var(--gold), #ffe1a0) !important;
  color: #171108 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
}
.profile-avatar.large {
  width: 48px !important;
  height: 48px !important;
  font-size: 15px !important;
}
.profile-dropdown {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 10px) !important;
  width: 260px !important;
  display: none !important;
  background: #fffdf8 !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(52, 38, 9, .18) !important;
  overflow: hidden !important;
  z-index: 1300 !important;
}
.profile-dropdown.open { display: block !important; }
.profile-dropdown-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  border-bottom: 1px solid var(--line) !important;
  background: #fff8e9 !important;
}
.profile-dropdown-head strong {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
.profile-dropdown-head small {
  display: block !important;
  color: var(--muted) !important;
  margin-top: 3px !important;
  font-size: 12px !important;
}
.dropdown-action {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
  color: var(--text) !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: left !important;
  text-decoration: none !important;
}
.dropdown-action:last-child { border-bottom: 0 !important; }
.dropdown-action:hover { background: #fff6e1 !important; color: var(--gold-dark) !important; }
.settings-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}
.account-card-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--line) !important;
}
.account-card-row:last-child { border-bottom: 0 !important; }
.account-card-row span { color: var(--muted) !important; font-size: 13px !important; }
.account-card-row strong { text-align: right !important; }
@media (max-width: 1280px) {
  body.dashboard-page > .top-taskbar { grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto !important; padding: 12px 18px !important; }
  body.dashboard-page > .top-taskbar .top-nav-links a span:not(.nav-icon) { display: none !important; }
  body.dashboard-page > .top-taskbar .top-nav-links a { padding: 10px !important; }
  .smart-search { width: 250px !important; min-width: 210px !important; }
}
@media (max-width: 900px) {
  body.dashboard-page > .top-taskbar { grid-template-columns: 1fr auto !important; }
  body.dashboard-page > .top-taskbar .top-nav-links { grid-column: 1 / -1 !important; order: 3 !important; justify-content: flex-start !important; }
  .top-actions { gap: 8px !important; }
  .smart-search { width: 220px !important; min-width: 180px !important; }
  .settings-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 680px) {
  body.dashboard-page > .top-taskbar { padding: 10px 14px !important; }
  .smart-search { width: min(250px, 58vw) !important; min-width: 0 !important; }
  .smart-search input { height: 40px !important; }
  .profile-button { width: 40px !important; height: 40px !important; }
  .profile-avatar { width: 31px !important; height: 31px !important; }
}

/* V9 LinkedIn-style corporate top taskbar — icon-only navigation */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  width: 100% !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: minmax(430px, 520px) minmax(420px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 8px 28px !important;
  background: rgba(255, 253, 248, .98) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .08) !important;
}
.top-left-zone {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.dashboard-page > .top-taskbar .top-brand.compact-brand {
  min-width: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--text) !important;
  text-decoration: none !important;
  flex: 0 0 auto !important;
}
body.dashboard-page > .top-taskbar .top-brand.compact-brand > span {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--gold), #ffe1a0) !important;
  color: #171108 !important;
  font-weight: 950 !important;
  font-size: 21px !important;
  line-height: 1 !important;
}
body.dashboard-page > .top-taskbar .top-brand.compact-brand strong {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
}
body.dashboard-page > .top-taskbar .top-brand.compact-brand small {
  display: block !important;
  color: var(--muted) !important;
  margin-top: 2px !important;
  font-size: 11px !important;
}
body.dashboard-page > .top-taskbar .smart-search.topbar-search {
  position: relative !important;
  width: min(390px, 100%) !important;
  min-width: 230px !important;
  flex: 1 1 auto !important;
}
body.dashboard-page > .top-taskbar .smart-search.topbar-search input {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid #d8c7a6 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--text) !important;
  padding: 0 16px 0 43px !important;
  outline: none !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}
body.dashboard-page > .top-taskbar .smart-search.topbar-search input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 4px rgba(184, 138, 45, .12) !important;
}
body.dashboard-page > .top-taskbar .smart-search.topbar-search .search-icon {
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #4f4738 !important;
  pointer-events: none !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links::-webkit-scrollbar { display: none !important; }
body.dashboard-page > .top-taskbar .icon-nav-links a {
  position: relative !important;
  width: 52px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border-radius: 14px !important;
  color: #655d4e !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links a:hover {
  background: #f4ead5 !important;
  color: var(--gold-dark) !important;
  transform: translateY(-1px) !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links a.active {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links a.active::after {
  content: '' !important;
  position: absolute !important;
  left: 15px !important;
  right: 15px !important;
  bottom: 4px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links .nav-icon {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links .nav-icon svg,
body.dashboard-page > .top-taskbar .smart-search .search-icon svg,
body.dashboard-page > .top-taskbar .dropdown-action svg {
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.dashboard-page > .top-taskbar .icon-nav-links .nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.dashboard-page > .top-taskbar .profile-action-zone {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 64px !important;
}
body.dashboard-page > .top-taskbar .profile-button {
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid #d8c7a6 !important;
  background: #fff !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  box-shadow: none !important;
}
body.dashboard-page > .top-taskbar .profile-button:hover,
body.dashboard-page > .top-taskbar .profile-button[aria-expanded="true"] {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 4px rgba(184, 138, 45, .12) !important;
}
body.dashboard-page > .top-taskbar .profile-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, var(--gold), #ffe1a0) !important;
  color: #171108 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
}
body.dashboard-page > .top-taskbar .profile-avatar.large {
  width: 50px !important;
  height: 50px !important;
  font-size: 15px !important;
}
body.dashboard-page > .top-taskbar .profile-dropdown {
  right: 0 !important;
  top: calc(100% + 9px) !important;
  width: 270px !important;
  border-radius: 16px !important;
}
@media (max-width: 1320px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(360px, 470px) minmax(360px, 1fr) auto !important;
    gap: 12px !important;
    padding: 8px 18px !important;
  }
  body.dashboard-page > .top-taskbar .top-brand.compact-brand div { display: none !important; }
  body.dashboard-page > .top-taskbar .icon-nav-links { gap: 6px !important; }
  body.dashboard-page > .top-taskbar .icon-nav-links a { width: 48px !important; }
}
@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "left profile"
      "nav nav" !important;
    min-height: auto !important;
  }
  .top-left-zone { grid-area: left !important; }
  body.dashboard-page > .top-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; padding-top: 4px !important; }
  body.dashboard-page > .top-taskbar .profile-action-zone { grid-area: profile !important; }
}
@media (max-width: 680px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar { padding: 8px 12px !important; }
  body.dashboard-page > .top-taskbar .smart-search.topbar-search { min-width: 0 !important; width: min(290px, 68vw) !important; }
  body.dashboard-page > .top-taskbar .smart-search.topbar-search input { height: 40px !important; font-size: 14px !important; }
  body.dashboard-page > .top-taskbar .top-brand.compact-brand > span { width: 40px !important; height: 40px !important; border-radius: 11px !important; font-size: 19px !important; }
  body.dashboard-page > .top-taskbar .icon-nav-links a { width: 44px !important; height: 44px !important; }
  body.dashboard-page > .top-taskbar .icon-nav-links .nav-icon svg { width: 22px !important; height: 22px !important; }
  body.dashboard-page > .top-taskbar .profile-button { width: 42px !important; height: 42px !important; }
  body.dashboard-page > .top-taskbar .profile-avatar { width: 33px !important; height: 33px !important; }
}


/* V10 cache-safe LinkedIn-style topbar fix */
body.dashboard-page .sidebar,
body.dashboard-page .brand-mark,
body.dashboard-page .side-nav,
body.dashboard-page .ghost-btn,
body.dashboard-page .legacy-shell {
  display: none !important;
  visibility: hidden !important;
}
body.dashboard-page {
  background: var(--bg) !important;
  color: var(--text) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: minmax(430px, 520px) minmax(420px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 8px 28px !important;
  background: rgba(255, 253, 248, .985) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .08) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a {
  width: 52px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #655d4e !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a.active,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a:hover {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
  position: relative !important;
  width: min(390px, 100%) !important;
  min-width: 230px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone {
  justify-self: end !important;
}
@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "left profile" "nav nav" !important;
    padding: 8px 16px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; overflow-x: auto !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
}


/* V11 hard cache-bust topbar: LinkedIn-style icon navigation, search, and profile menu */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  width: 100% !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 540px) minmax(400px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 8px 28px !important;
  background: rgba(255, 253, 248, .99) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .08) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand {
  min-width: 190px !important;
  flex: 0 0 auto !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
  position: relative !important;
  width: 310px !important;
  min-width: 230px !important;
  flex: 1 1 310px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input {
  height: 42px !important;
  width: 100% !important;
  padding: 0 14px 0 42px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search .search-icon {
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--muted) !important;
  z-index: 2 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links::-webkit-scrollbar { display: none !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a {
  width: 52px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #655d4e !important;
  position: relative !important;
  text-decoration: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a.active,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a:hover {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  border-radius: 999px !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--gold), #ffe1a0) !important;
  color: #171108 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-dropdown {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 10px) !important;
  width: 260px !important;
  display: none !important;
  background: #fffdf8 !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(52, 38, 9, .18) !important;
  padding: 10px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-dropdown.open {
  display: block !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-menu { position: relative !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-logout-btn { display: none !important; }
@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "left profile" "nav nav" !important;
    padding: 8px 16px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand div { display: none !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand { min-width: auto !important; }
}

/* V13 user/client management refinements */
.user-management-grid .panel:first-child {
  align-self: start;
}

.input-with-action {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

.input-with-action input {
  width: 100%;
}

.inline-check {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: auto;
  font-size: 13px;
  color: var(--muted);
  margin-top: -2px;
}

.inline-check input {
  width: auto !important;
  min-height: auto !important;
}

.client-link-fields {
  border: 1px solid var(--line);
  background: rgba(191, 143, 56, 0.06);
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 12px;
}

.table-subtext {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.35;
}

@media (max-width: 900px) {
  .input-with-action {
    grid-template-columns: 1fr;
  }
}

/* v14 workflow boards for Tasks and Content */
.workflow-metrics {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.workflow-metrics article {
  background: var(--card-2);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 8px 20px rgba(52, 38, 9, .05);
}
.workflow-metrics span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.workflow-metrics strong {
  display: block;
  margin-top: 7px;
  font-size: 28px;
  letter-spacing: -.04em;
}
.stacked-panel-head { align-items: center; }
.filter-bar {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fffaf0;
}
.filter-bar label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.filter-bar input,
.filter-bar select {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 11px;
  background: #fff;
  color: var(--text);
  font: inherit;
  text-transform: none;
  letter-spacing: 0;
  outline: none;
}
.workflow-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  gap: 12px;
  align-items: start;
  overflow-x: auto;
  padding-bottom: 4px;
}
.content-board { grid-template-columns: repeat(5, minmax(220px, 1fr)); }
.workflow-column {
  min-width: 220px;
  background: #fffaf0;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 12px;
}
.workflow-column header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  color: var(--gold-dark);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.workflow-column header strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 7px;
  border-radius: 999px;
  background: #f2e3c4;
  color: var(--gold-dark);
  font-size: 12px;
}
.workflow-card-list { display: grid; gap: 10px; }
.workflow-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 13px;
  box-shadow: 0 8px 20px rgba(52, 38, 9, .05);
}
.workflow-card.in-progress,
.workflow-card.revision_requested { border-left: 4px solid #c38322; }
.workflow-card.completed,
.workflow-card.approved,
.workflow-card.published { border-left: 4px solid var(--success); }
.workflow-card.unassigned,
.workflow-card.pending { border-left: 4px solid var(--gold); }
.workflow-card.cancelled,
.workflow-card.rejected { border-left: 4px solid var(--danger); }
.workflow-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
}
.workflow-card-top strong { font-size: 14px; line-height: 1.35; }
.workflow-meta {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 8px;
}
.workflow-note {
  margin: 8px 0 10px;
  color: var(--muted);
  background: #fffaf0;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 9px;
  font-size: 12px;
  line-height: 1.5;
}
.workflow-actions {
  display: grid;
  gap: 8px;
}
.workflow-actions label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}
.workflow-empty {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 12px;
  border: 1px dashed var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .6);
}
.full-span { grid-column: 1 / -1; }
.compact-link {
  width: 100%;
  min-height: 38px;
}
@media (max-width: 1180px) {
  .workflow-metrics { grid-template-columns: repeat(3, 1fr); }
  .filter-bar { grid-template-columns: 1fr 1fr; }
  .workflow-board, .content-board { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
}
@media (max-width: 680px) {
  .workflow-metrics { grid-template-columns: 1fr; }
  .filter-bar { grid-template-columns: 1fr; }
  .workflow-board, .content-board { grid-template-columns: 1fr; overflow-x: visible; }
}

/* V15 Client Content Workspace */
.client-workspace-page .content-workspace-main {
  max-width: 1440px;
}
.workspace-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 18px;
}
.workspace-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.month-picker-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: var(--color-background-secondary);
  border: 1px solid var(--color-border-tertiary);
  border-radius: var(--border-radius-md);
  color: var(--color-text-secondary);
  font-size: 12px;
  font-weight: 700;
}
.month-picker-label input {
  border: 0;
  background: transparent;
  color: var(--color-text-primary);
  font-weight: 700;
  outline: 0;
}
.workspace-tabs {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 10px 0 16px;
  border-bottom: 1px solid var(--color-border-tertiary);
}
.tab-btn {
  background: transparent;
  border: 0;
  padding: 12px 0;
  font-weight: 800;
  color: var(--color-text-secondary);
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.tab-btn.active {
  color: var(--color-brand-dark);
  border-bottom-color: var(--color-accent-primary);
}
.workspace-metrics article {
  min-height: 102px;
}
.workspace-metrics small {
  display: block;
  margin-top: 5px;
  color: var(--color-text-tertiary);
  font-weight: 700;
}
.workspace-filter-panel {
  margin-bottom: 16px;
}
.hidden-panel,
.hidden-field {
  display: none !important;
}
.workspace-filter-grid {
  grid-template-columns: 1.5fr repeat(4, 1fr);
}
.workspace-layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}
.workspace-table-panel {
  overflow: visible;
}
.workspace-table-wrap {
  overflow-x: auto;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-border-tertiary);
}
.workspace-content-table {
  min-width: 1120px;
  border: 0;
  box-shadow: none;
}
.workspace-content-table td strong {
  display: block;
  margin-bottom: 5px;
  color: var(--color-text-primary);
}
.workspace-content-table td small {
  display: block;
  color: var(--color-text-tertiary);
  font-size: 11px;
}
.post-thumb {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-tertiary);
  display: grid;
  place-items: center;
  font-weight: 900;
  color: var(--color-brand-dark);
}
.post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.status-pill.pending,
.status-pill.request {
  background: #fbf4df;
  color: #7a4c08;
}
.status-pill.revision_requested,
.status-pill.change_request,
.status-pill.in_design,
.status-pill.ready_for_review {
  background: #fdf0e7;
  color: #9a4217;
}
.status-pill.approved,
.status-pill.scheduled,
.status-pill.published {
  background: #eaf6ec;
  color: #24723a;
}
.status-pill.rejected,
.status-pill.cancelled,
.status-pill.archived {
  background: #f8eaea;
  color: #9d2e2e;
}
.status-pill.custom {
  background: #eeeaf8;
  color: #56339b;
}
.row-action-menu {
  position: relative;
  display: inline-flex;
}
.kebab-btn,
.icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--color-border-tertiary);
  background: var(--color-background-secondary);
  color: var(--color-text-primary);
  font-weight: 900;
  cursor: pointer;
}
.kebab-btn:hover,
.icon-btn:hover {
  border-color: var(--color-accent-primary);
}
.row-menu {
  position: absolute;
  right: 0;
  top: 42px;
  min-width: 150px;
  background: var(--color-background-secondary);
  border: 1px solid var(--color-border-tertiary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg);
  padding: 6px;
  display: none;
  z-index: 50;
}
.row-menu.open {
  display: grid;
}
.row-menu button {
  background: transparent;
  border: 0;
  text-align: left;
  padding: 10px 12px;
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  font-weight: 800;
  color: var(--color-text-primary);
}
.row-menu button:hover {
  background: var(--color-background-primary);
}
.danger-text {
  color: #a93232 !important;
}
.insights-panel {
  position: sticky;
  top: 92px;
}
.insight-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-radius: var(--border-radius-lg);
  background: linear-gradient(135deg, rgba(190, 139, 36, 0.12), rgba(255, 255, 255, 0.55));
  border: 1px solid var(--color-border-tertiary);
  margin-bottom: 16px;
}
.insight-score span {
  color: var(--color-text-secondary);
  font-weight: 800;
}
.insight-score strong {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  border: 6px solid var(--color-accent-primary);
  display: grid;
  place-items: center;
  color: var(--color-brand-dark);
  font-size: 20px;
}
.insight-list {
  padding: 12px 0;
  border-top: 1px solid var(--color-border-tertiary);
}
.insight-list h4 {
  margin-bottom: 10px;
  color: var(--color-text-primary);
}
.mini-list {
  display: grid;
  gap: 8px;
}
.mini-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  color: var(--color-text-secondary);
}
.insight-note {
  padding: 12px;
  margin-top: 10px;
  border-radius: var(--border-radius-md);
  background: var(--color-background-primary);
  color: var(--color-text-tertiary);
  font-size: 12px;
  line-height: 1.5;
}
.modal-shell,
.side-panel-shell {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 999;
}
.modal-shell.open,
.side-panel-shell.open {
  display: block;
}
.modal-backdrop,
.side-panel-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 16, 10, 0.45);
}
.modal-card {
  position: relative;
  width: min(1040px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  margin: 24px auto;
  background: var(--color-background-secondary);
  border: 1px solid var(--color-border-tertiary);
  border-radius: 24px;
  box-shadow: var(--shadow-lg);
}
.modal-head,
.side-panel-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--color-background-secondary);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--color-border-tertiary);
}
.modal-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 24px;
}
.wide-field {
  grid-column: 1 / -1;
}
.metric-fields {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-border-tertiary);
  background: var(--color-background-primary);
}
.toggle-row,
.checkbox-label {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-direction: row !important;
  font-weight: 900;
}
.toggle-row input,
.checkbox-label input {
  width: auto !important;
}
.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.side-panel-card {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: min(560px, 94vw);
  overflow: auto;
  background: var(--color-background-secondary);
  box-shadow: var(--shadow-lg);
  border-left: 1px solid var(--color-border-tertiary);
}
.team-space-select-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--color-border-tertiary);
}
.team-space-block {
  padding: 20px 22px;
  border-bottom: 1px solid var(--color-border-tertiary);
}
.compact-head {
  margin-bottom: 14px;
}
.compact-form {
  padding: 14px;
  margin-bottom: 14px;
  border-radius: var(--border-radius-md);
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-tertiary);
}
.team-member-list,
.client-section-list {
  display: grid;
  gap: 10px;
}
.team-member-row,
.client-info-card {
  padding: 13px;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-border-tertiary);
  background: var(--color-background-primary);
}
.team-member-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}
.team-member-row small {
  display: block;
  color: var(--color-text-tertiary);
  margin-top: 4px;
}
.team-member-row span {
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--color-background-secondary);
  border: 1px solid var(--color-border-tertiary);
  color: var(--color-brand-dark);
  font-weight: 900;
  font-size: 12px;
}
.client-info-card h4 {
  margin-bottom: 6px;
}
.client-info-card p {
  color: var(--color-text-secondary);
  line-height: 1.55;
  white-space: pre-wrap;
}
.danger-soft {
  color: #9d2e2e;
  border-color: #f2c7c7;
}
@media (max-width: 1100px) {
  .workspace-hero,
  .workspace-layout-grid {
    grid-template-columns: 1fr;
    display: grid;
  }
  .insights-panel {
    position: static;
  }
  .workspace-filter-grid,
  .modal-form-grid,
  .metric-fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .workspace-actions,
  .workspace-tabs {
    align-items: stretch;
    flex-direction: column;
  }
  .team-space-select-row,
  .team-member-row {
    grid-template-columns: 1fr;
  }
  .modal-card {
    width: calc(100vw - 16px);
    margin: 8px auto;
    border-radius: 18px;
  }
}

/* v16 — Client dropdown inside Content Approval Portal top navigation */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu > button {
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  font: inherit !important;
  color: var(--muted) !important;
  cursor: pointer !important;
  width: 58px !important;
  height: 50px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu > button:hover,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu.open > button,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu > button.active {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu > button.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -8px !important;
  width: 18px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .content-client-dropdown {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 310px !important;
  max-height: 440px !important;
  overflow-y: auto !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid var(--border) !important;
  background: #fffdf8 !important;
  box-shadow: 0 24px 65px rgba(74, 47, 12, .18) !important;
  z-index: 9999 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-client-menu.open .content-client-dropdown {
  display: block !important;
}
.content-client-menu-head {
  padding: 8px 10px 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: var(--gold-dark) !important;
  border-bottom: 1px solid #f0e2c7 !important;
  margin-bottom: 6px !important;
}
.content-client-item {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border-radius: 14px !important;
  color: var(--ink) !important;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease !important;
}
.content-client-item:hover {
  background: #f7ecd4 !important;
  transform: translateY(-1px) !important;
}
.content-client-item strong {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}
.content-client-item small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  color: var(--muted) !important;
}
.client-dot {
  width: 31px !important;
  height: 31px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  background: linear-gradient(135deg, #d8aa45, #f7e3ac) !important;
  border: 1px solid #e7c372 !important;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.42) !important;
}
.client-dot.all {
  background: linear-gradient(135deg, #1f2937, #d8aa45) !important;
}
.content-client-empty {
  padding: 14px 12px !important;
  color: var(--muted) !important;
  font-size: 13px !important;
}
@media (max-width: 760px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .content-client-dropdown {
    position: fixed !important;
    top: 74px !important;
    left: 12px !important;
    right: 12px !important;
    transform: none !important;
    width: auto !important;
  }
}


/* v17 — Content Approval Portal menu repair: external dropdown, no clipping, clickable icon button */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button {
  width: 52px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: #655d4e !important;
  position: relative !important;
  cursor: pointer !important;
  appearance: none !important;
  flex: 0 0 auto !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button:hover,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button.active,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button.menu-open {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 18px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button .nav-icon,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button .nav-icon svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button .nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.floating-content-client-dropdown {
  display: none !important;
  position: fixed !important;
  max-height: 440px !important;
  overflow-y: auto !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid var(--border) !important;
  background: #fffdf8 !important;
  box-shadow: 0 24px 65px rgba(74, 47, 12, .18) !important;
  z-index: 2147483000 !important;
}
.floating-content-client-dropdown.open {
  display: block !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  overflow-y: visible !important;
}
@media (max-width: 760px) {
  .floating-content-client-dropdown {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    top: 74px !important;
  }
}


/* v18 CEO navigation restructure */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  max-width: 720px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button {
  width: 50px !important;
  height: 48px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a[title="Team Member"] {
  position: relative !important;
}
.notification-card.is-unread {
  border-color: #dfb85f !important;
  box-shadow: 0 14px 40px rgba(184, 142, 50, .12) !important;
}
.notification-card h3 { margin-bottom: 6px !important; }
@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
    max-width: 100% !important;
  }
}

/* v19 careful module upgrade */
.action-header { align-items: center; gap: 18px; }
.header-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.api-button-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.compact-categories article { min-height: 118px; }
.modal-subsection { border: 1px solid var(--color-border-tertiary, #e5e7eb); border-radius: 16px; padding: 14px; background: rgba(248, 250, 252, 0.85); }
.modal-subsection h3 { font-size: 13px; margin: 0 0 10px; color: var(--color-text-primary, #111827); }
.nested-grid { margin-top: 8px; }
.table-action-stack { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.walling-workspace-bg { position: relative; }
.walling-workspace-bg::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; background: linear-gradient(135deg, rgba(248,250,252,.96), rgba(255,255,255,.9)), repeating-linear-gradient(90deg, rgba(15,23,42,.04) 0, rgba(15,23,42,.04) 1px, transparent 1px, transparent 80px), repeating-linear-gradient(0deg, rgba(15,23,42,.035) 0, rgba(15,23,42,.035) 1px, transparent 1px, transparent 80px); }
.team-selector-panel { margin-bottom: 18px; }
.team-filter-row { display: grid; grid-template-columns: 1.2fr 1.3fr auto; gap: 12px; align-items: end; }
.progress-cell { width: 100%; min-width: 90px; height: 8px; border-radius: 99px; background: #eef2f7; overflow: hidden; margin-bottom: 4px; }
.progress-cell span { display: block; height: 100%; background: #334155; border-radius: inherit; }
.ai-overview-box { margin-top: 14px; padding: 14px; border: 1px solid #e5e7eb; border-radius: 16px; background: #f8fafc; color: #475569; font-size: 13px; }
.ai-overview-box strong { display: block; color: #111827; margin-bottom: 4px; }
.workflow-board.task-board { grid-template-columns: repeat(6, minmax(230px, 1fr)); overflow-x: auto; padding-bottom: 8px; }
.messages-page .message-main, .calendar-page .calendar-main { max-width: 1220px; }
.whatsapp-shell { display: grid; grid-template-columns: 340px minmax(0, 1fr); min-height: 640px; border: 1px solid #e5e7eb; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 20px 50px rgba(15,23,42,.08); }
.chat-sidebar-panel { background: #f8fafc; border-right: 1px solid #e5e7eb; padding: 14px; overflow-y: auto; }
.chat-search-wrap input { width: 100%; border: 1px solid #dbe3ec; border-radius: 999px; padding: 10px 14px; margin-bottom: 14px; }
.chat-room { display: grid; grid-template-columns: 42px 1fr auto; gap: 10px; align-items: center; padding: 11px; border-radius: 14px; cursor: default; }
.chat-room.active, .chat-room:hover { background: #fff; box-shadow: inset 0 0 0 1px #e5e7eb; }
.chat-avatar { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: #e2e8f0; font-weight: 700; color: #334155; }
.chat-room strong, .chat-window-head strong { display: block; font-size: 14px; color: #111827; }
.chat-room small, .chat-window-head small, .chat-room time { font-size: 11px; color: #64748b; }
.chat-window-panel { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; }
.chat-window-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 14px 18px; border-bottom: 1px solid #e5e7eb; }
.chat-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.chat-thread { padding: 22px; background: linear-gradient(135deg, #f8fafc, #ffffff); overflow-y: auto; }
.chat-bubble { max-width: 70%; padding: 12px 14px; border-radius: 16px; margin-bottom: 12px; box-shadow: 0 8px 20px rgba(15,23,42,.06); }
.chat-bubble.incoming { background: #fff; border-top-left-radius: 4px; }
.chat-bubble.outgoing { margin-left: auto; background: #eaf2ff; border-top-right-radius: 4px; }
.chat-bubble p { margin: 4px 0 0; color: #1f2937; }
.chat-system-note { text-align: center; color: #64748b; font-size: 12px; margin: 18px auto; }
.chat-compose { display: flex; gap: 10px; padding: 14px; border-top: 1px solid #e5e7eb; }
.chat-compose input { flex: 1; border: 1px solid #dbe3ec; border-radius: 999px; padding: 11px 14px; }
.calendar-shell { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; }
.calendar-side-panel, .calendar-grid-panel { background: #fff; border: 1px solid #e5e7eb; border-radius: 22px; padding: 16px; box-shadow: 0 14px 35px rgba(15,23,42,.06); }
.full-width { width: 100%; justify-content: center; }
.calendar-mini-card { display: grid; gap: 8px; margin-top: 16px; font-size: 13px; color: #475569; }
.calendar-mini-card strong { color: #111827; }
.calendar-mini-card span { padding: 8px 10px; background: #f8fafc; border-radius: 10px; }
.calendar-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.calendar-toolbar strong { font-size: 20px; }
.calendar-weekdays, .calendar-month-grid { display: grid; grid-template-columns: repeat(7, minmax(90px, 1fr)); }
.calendar-weekdays span { padding: 10px; text-align: center; color: #64748b; font-size: 12px; font-weight: 700; }
.calendar-month-grid { border-top: 1px solid #e5e7eb; border-left: 1px solid #e5e7eb; }
.calendar-month-grid > div { min-height: 108px; border-right: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; padding: 8px; background: #fff; }
.calendar-month-grid span { display: block; font-size: 12px; color: #64748b; margin-bottom: 8px; }
.calendar-month-grid em { display: block; font-style: normal; background: #eff6ff; border-left: 3px solid #334155; color: #1e293b; border-radius: 8px; padding: 6px; font-size: 12px; margin-bottom: 5px; }
.calendar-month-grid .muted-day { background: #f8fafc; color: #94a3b8; }
@media (max-width: 960px) { .team-filter-row, .whatsapp-shell, .calendar-shell { grid-template-columns: 1fr; } .chat-sidebar-panel { border-right: 0; border-bottom: 1px solid #e5e7eb; } .calendar-weekdays, .calendar-month-grid { grid-template-columns: repeat(7, minmax(64px, 1fr)); } .calendar-month-grid > div { min-height: 86px; } .workflow-board.task-board { grid-template-columns: repeat(6, minmax(220px, 1fr)); } }

/* v20 user modal + job-title dropdown management repair */
body.user-module-page .modal-shell {
  background: transparent !important;
}
body.user-module-page .modal-shell.open {
  display: block !important;
}
body.user-module-page .modal-backdrop {
  background: rgba(20, 16, 10, 0.58) !important;
  backdrop-filter: blur(4px) !important;
}
body.user-module-page .modal-card,
body.user-module-page .large-modal {
  background: #fffdf8 !important;
  border: 1px solid #eadfca !important;
  box-shadow: 0 30px 90px rgba(20, 16, 10, 0.28) !important;
  opacity: 1 !important;
}
body.user-module-page .modal-head {
  background: #fffdf8 !important;
}
body.user-module-page .modal-form-grid {
  background: #fffdf8 !important;
}
body.user-module-page .modal-subsection {
  background: #fffaf0 !important;
  border-color: #eadfca !important;
}
body.user-module-page .job-title-admin-grid {
  display: none !important;
}
.modal-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.job-title-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.job-title-chip {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #eadfca;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(52, 38, 9, .05);
}
.job-title-chip.selected {
  border-color: #b88a2d;
  background: #fbefd3;
}
.job-title-chip-label {
  border: 0;
  background: transparent;
  color: #1f1b14;
  padding: 8px 10px 8px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.job-title-trash-btn {
  width: 34px;
  height: 34px;
  border: 0;
  border-left: 1px solid #eadfca;
  background: #fff7f3;
  color: #9a3a2d;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.job-title-trash-btn:hover {
  background: #fae4df;
}
.job-title-trash-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.user-module-page .primary-btn#openAddUserModal {
  width: auto !important;
  min-width: 150px;
}
body.user-module-page .modal-actions .primary-btn {
  width: auto !important;
  min-width: 160px;
}

/* v21 managed dropdown system: searchable choices + inline custom save + trash removal */
.custom-dropdown-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px;
  z-index: 5;
}
.custom-dropdown-field:focus-within { z-index: 50; }
.native-select-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
.custom-select-trigger {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d8c8a8;
  background: #fffdf8;
  color: #1f2937;
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  text-align: left;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .04);
}
.custom-select-trigger:hover,
.custom-select-trigger[aria-expanded="true"] {
  border-color: #b88a2d;
  background: #fff9ec;
}
.select-caret {
  color: #7c6b4a;
  font-size: 15px;
  line-height: 1;
}
.custom-select-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 9999;
  background: #fffdf8;
  border: 1px solid #d8c8a8;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(20, 16, 10, .18);
  overflow: hidden;
}
.custom-select-menu.open { display: block; }
.custom-select-search-row {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid #eee3cf;
  background: #fffaf0;
}
.custom-select-search-row .search-mark {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #695735;
  font-size: 16px;
  font-weight: 900;
}
.custom-select-search-row input {
  border: 0 !important;
  background: transparent !important;
  min-height: 30px !important;
  padding: 4px 2px !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px;
}
.custom-select-list {
  max-height: 230px;
  overflow: auto;
  padding: 6px;
}
.custom-select-group-label {
  padding: 8px 10px 4px;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a7a5b;
  font-weight: 900;
}
.custom-select-option {
  display: grid;
  grid-template-columns: 1fr 38px;
  align-items: center;
  border-radius: 12px;
  overflow: hidden;
}
.custom-select-option.selected {
  background: #fbefd3;
}
.custom-option-label {
  border: 0;
  background: transparent;
  color: #1f2937;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}
.custom-option-label:hover { background: #fff5df; }
.custom-option-delete {
  width: 34px;
  height: 34px;
  margin-right: 4px;
  border: 1px solid #f0d2cc;
  background: #fff7f3;
  color: #9a3a2d;
  border-radius: 10px;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.custom-option-delete:hover { background: #fae4df; }
.custom-option-delete svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.custom-select-empty {
  margin: 0;
  padding: 12px;
  color: #6b7280;
  font-size: 12px;
}
.custom-select-custom-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: end;
  padding: 12px;
  border-top: 1px solid #eee3cf;
  background: #fffaf0;
}
.custom-select-custom-row label {
  gap: 5px;
  font-size: 11px;
  font-weight: 900;
  color: #695735;
}
.custom-select-custom-row input {
  min-height: 36px !important;
  border-radius: 10px !important;
  font-size: 13px;
}
.custom-select-custom-row .small-btn {
  min-height: 36px;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .custom-select-menu { position: static; margin-top: 8px; }
  .custom-select-custom-row { grid-template-columns: 1fr; }
}

/* v22 User module refinements */
.salary-currency-row {
  grid-template-columns: auto 1fr;
}
.currency-prefix {
  min-width: 64px;
  min-height: 42px;
  border: 1px solid #d8c8a8;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
  color: #4b3b1b;
  background: #fff7e8;
}
.schedule-builder {
  border: 1px solid var(--color-border-tertiary);
  border-radius: var(--border-radius-lg);
  padding: 14px;
  background: #fffdf8;
}
.schedule-builder-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.schedule-builder-head h4 {
  margin: 0 0 3px;
  font-size: 13px;
}
.schedule-entries {
  display: grid;
  gap: 8px;
}
.schedule-entry-row {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr) auto;
  gap: 8px;
  align-items: center;
}
.schedule-entry-row select,
.schedule-entry-row input {
  min-height: 40px;
}
.danger-soft-btn {
  color: #9a3a2d;
  border-color: #f0d2cc;
  background: #fff7f3;
}
.country-option {
  grid-template-columns: 1fr;
}
.country-option .custom-option-label {
  display: grid;
  gap: 2px;
}
.country-option small {
  font-size: 11px;
  color: #76674a;
  font-weight: 700;
}
.muted-row {
  opacity: .78;
  background: #fafafa;
}
.user-row-action-menu .row-menu {
  z-index: 200;
}
.danger-text {
  color: #9d2e2e !important;
}
@media (max-width: 820px) {
  .schedule-builder-head,
  .schedule-entry-row {
    grid-template-columns: 1fr;
    display: grid;
  }
}

/* v23 — User actions menu solid-background repair */
body.user-module-page .row-action-menu,
body.user-module-page .user-row-action-menu {
  position: relative !important;
  overflow: visible !important;
}

body.user-module-page .user-row-action-menu .row-menu,
body.user-module-page .row-menu {
  position: absolute !important;
  top: 42px !important;
  right: 0 !important;
  min-width: 172px !important;
  display: none !important;
  padding: 8px !important;
  background: #fffdf8 !important;
  background-color: #fffdf8 !important;
  border: 1px solid #eadfca !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(52, 38, 9, 0.18) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 9999 !important;
}

body.user-module-page .user-row-action-menu .row-menu.open,
body.user-module-page .row-menu.open {
  display: grid !important;
  gap: 4px !important;
}

body.user-module-page .user-row-action-menu .row-menu button,
body.user-module-page .row-menu button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fffdf8 !important;
  background-color: #fffdf8 !important;
  color: #1f1b14 !important;
  font-weight: 800 !important;
  text-align: left !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

body.user-module-page .user-row-action-menu .row-menu button:hover,
body.user-module-page .row-menu button:hover {
  background: #f5ead3 !important;
  background-color: #f5ead3 !important;
  color: #7a5514 !important;
}

body.user-module-page .user-row-action-menu .row-menu button.danger-text,
body.user-module-page .row-menu button.danger-text {
  color: #9d2e2e !important;
}

body.user-module-page .user-row-action-menu .row-menu button.danger-text:hover,
body.user-module-page .row-menu button.danger-text:hover {
  background: #f8eaea !important;
  background-color: #f8eaea !important;
  color: #9d2e2e !important;
}

/* v24 client location/currency display */
.client-location-preview,
.client-location-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin-top: 8px;
  color: var(--color-text-secondary, #64748b);
  font-size: 12px;
}
.client-location-preview {
  padding: 10px 12px;
  border: 1px solid var(--color-border-tertiary, #e5e7eb);
  border-radius: 12px;
  background: var(--color-background-secondary, #f8fafc);
}
.client-location-preview span,
.client-location-line {
  line-height: 1.45;
}

/* v25 — Company timezone clock and universal account country field */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  grid-template-columns: minmax(360px, 500px) minmax(360px, 1fr) auto auto !important;
}
.company-clock {
  position: relative !important;
  justify-self: end !important;
  z-index: 100001 !important;
}
.company-clock-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  color: var(--text) !important;
  box-shadow: 0 6px 14px rgba(52, 38, 9, .06) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.company-clock-button:hover,
.company-clock-button[aria-expanded="true"] {
  background: #f7efdf !important;
  border-color: #d9bd7c !important;
}
.company-clock .clock-icon svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.clock-time {
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: .01em !important;
}
.clock-zone {
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  max-width: 54px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.clock-caret { color: var(--muted) !important; font-size: 13px !important; }
.company-clock-dropdown {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: 340px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  box-shadow: 0 22px 60px rgba(52, 38, 9, .18) !important;
  display: none !important;
  z-index: 100002 !important;
}
.company-clock-dropdown.open { display: block !important; }
.clock-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  height: 40px !important;
  background: #fffaf0 !important;
}
.clock-search-row input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  width: 100% !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text) !important;
}
.clock-current-detail {
  display: block !important;
  margin: 10px 4px 8px !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.clock-country-list {
  max-height: 280px !important;
  overflow-y: auto !important;
  display: grid !important;
  gap: 6px !important;
}
.clock-country-option {
  width: 100% !important;
  border: 1px solid transparent !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 9px 10px !important;
  text-align: left !important;
  cursor: pointer !important;
}
.clock-country-option:hover {
  background: #fff8e8 !important;
  border-color: #ead8af !important;
}
.clock-country-option strong {
  display: block !important;
  color: var(--text) !important;
  font-size: 13px !important;
}
.clock-country-option small {
  display: block !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}
.clock-empty {
  color: var(--muted) !important;
  font-size: 12px !important;
  padding: 8px !important;
}
.user-module-page .modal-form-grid > .managed-dropdown-field.wide-field {
  grid-column: 1 / -1 !important;
}
@media (max-width: 1120px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(260px, 1fr) auto auto !important;
    grid-template-areas: "left clock profile" "nav nav nav" !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; }
  .company-clock { grid-area: clock !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
}
@media (max-width: 680px) {
  .company-clock-button { padding: 0 9px !important; }
  .clock-zone, .clock-caret { display: none !important; }
  .company-clock-dropdown { right: -54px !important; width: min(330px, calc(100vw - 24px)) !important; }
}

/* v26 — Force company digital clock visibility between Audit Logs and profile */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
.top-taskbar.linkedin-style-taskbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 390px) minmax(420px, 540px) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone,
.top-taskbar.linkedin-style-taskbar .top-left-zone {
  min-width: 0 !important;
  max-width: 390px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search,
.top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
  min-width: 150px !important;
  width: min(250px, 26vw) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links,
.top-taskbar.linkedin-style-taskbar .icon-nav-links {
  width: auto !important;
  max-width: 540px !important;
  justify-content: center !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button,
.top-taskbar.linkedin-style-taskbar .icon-nav-links a,
.top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon-button {
  width: 45px !important;
  min-width: 45px !important;
  height: 46px !important;
}
.company-clock {
  display: flex !important;
  position: relative !important;
  z-index: 2147482000 !important;
  justify-self: end !important;
  align-items: center !important;
  min-width: max-content !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.company-clock-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 42px !important;
  min-width: 116px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid #ead8af !important;
  background: #ffffff !important;
  color: #3f3525 !important;
  box-shadow: 0 8px 18px rgba(52, 38, 9, .08) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.company-clock-button:hover,
.company-clock-button[aria-expanded="true"] {
  background: #fff8e8 !important;
  border-color: #d8aa45 !important;
}
.company-clock .clock-icon,
.company-clock .clock-icon svg {
  display: inline-flex !important;
  width: 17px !important;
  height: 17px !important;
  color: #7a5514 !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.company-clock .clock-time {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  color: #2f281d !important;
}
.company-clock .clock-zone {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #7c6b55 !important;
  max-width: 48px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.company-clock .clock-caret {
  display: inline-block !important;
  color: #7c6b55 !important;
  font-size: 12px !important;
}
.company-clock-dropdown {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: 360px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid #ead8af !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(52, 38, 9, .20) !important;
  display: none !important;
  z-index: 2147483000 !important;
}
.company-clock-dropdown.open {
  display: block !important;
}
.clock-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid #ead8af !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
}
.clock-search-row input {
  width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #2f281d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.clock-current-detail {
  display: block !important;
  margin: 10px 4px 8px !important;
  color: #7c6b55 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.clock-country-list {
  display: grid !important;
  gap: 6px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
}
.clock-country-option {
  width: 100% !important;
  border: 1px solid transparent !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 9px 10px !important;
  text-align: left !important;
  cursor: pointer !important;
}
.clock-country-option:hover {
  background: #fff8e8 !important;
  border-color: #ead8af !important;
}
.clock-country-option strong {
  display: block !important;
  color: #2f281d !important;
  font-size: 13px !important;
}
.clock-country-option small {
  display: block !important;
  margin-top: 2px !important;
  color: #7c6b55 !important;
  font-size: 11px !important;
}
@media (max-width: 1180px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
  .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(220px, 1fr) auto auto !important;
    grid-template-areas: "left clock profile" "nav nav nav" !important;
  }
  .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
  .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; max-width: 100% !important; overflow-x: auto !important; }
  .company-clock { grid-area: clock !important; }
  .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
}
@media (max-width: 680px) {
  .company-clock-button { min-width: 86px !important; padding: 0 9px !important; }
  .company-clock .clock-zone,
  .company-clock .clock-caret { display: none !important; }
  .company-clock-dropdown { right: -54px !important; width: min(340px, calc(100vw - 24px)) !important; }
}

/* v29 — User modal row layout refinement */
.user-module-page .modal-form-grid > .managed-dropdown-field[data-dropdown-field="country"] {
  grid-column: auto !important;
}
.user-module-page #employeeProfileFields .nested-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: start;
}
.user-module-page .compact-schedule-field {
  grid-column: auto !important;
  min-width: 0;
  height: 100%;
  padding: 12px;
}
.user-module-page .compact-schedule-head {
  align-items: center;
  margin-bottom: 8px;
}
.user-module-page .compact-schedule-head h4 {
  font-size: 12px;
}
.user-module-page .compact-schedule-head .field-note {
  display: none;
}
.user-module-page .compact-schedule-head .small-btn {
  min-height: 34px;
  padding: 0 12px;
}
.user-module-page .compact-schedule-field .schedule-entry-row {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.user-module-page .compact-schedule-field .schedule-entry-row select {
  grid-column: 1 / -1;
}
.user-module-page .compact-schedule-field .schedule-entry-row button[data-remove-schedule] {
  grid-column: 1 / -1;
  min-height: 34px;
}
.user-module-page #employeeProfileFields textarea[name="job_description"] {
  min-height: 92px;
}
@media (max-width: 980px) {
  .user-module-page #employeeProfileFields .nested-grid {
    grid-template-columns: 1fr !important;
  }
  .user-module-page .modal-form-grid > .managed-dropdown-field[data-dropdown-field="country"] {
    grid-column: 1 / -1 !important;
  }
}

/* v31 Client Approval Portal — client-specific view from navigation dropdown */
.client-portal-v31 {
  max-width: 1580px;
  padding-top: 22px;
}
.client-approval-hero {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 190px;
  gap: 22px;
  align-items: start;
  margin-bottom: 18px;
}
.client-profile-card {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding-top: 4px;
}
.client-portal-avatar {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f5c74f, #e1a91a);
  color: #1f1606;
  font-size: 34px;
  font-weight: 900;
  border: 4px solid #fff;
  box-shadow: 0 16px 35px rgba(136, 92, 13, .16);
}
.client-tier-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--color-border-tertiary);
  color: var(--color-brand-dark);
  font-size: 12px;
  font-weight: 800;
}
.client-portal-heading {
  padding-top: 8px;
}
.client-heading-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}
.client-heading-row h1 {
  font-size: clamp(30px, 3vw, 48px);
  letter-spacing: -0.055em;
  margin-bottom: 6px;
}
.client-platform-tabs {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  margin-top: 34px;
  border-bottom: 1px solid var(--color-border-tertiary);
  min-height: 42px;
}
.add-platform-btn {
  margin-bottom: 8px;
  white-space: nowrap;
}
.platform-tabs-list {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.platform-tab {
  border: 0;
  background: transparent;
  padding: 10px 2px 12px;
  cursor: pointer;
  color: var(--color-text-secondary);
  border-bottom: 2px solid transparent;
  font-weight: 800;
}
.platform-tab.active {
  color: var(--color-brand-dark);
  border-bottom-color: var(--color-accent-primary);
}
.client-edited-indicator {
  text-align: right;
  color: var(--color-text-tertiary);
  font-size: 11px;
  padding-top: 8px;
}
.team-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 24px;
  margin-left: 8px;
  border-radius: 999px;
  background: #f5ebd5;
  color: var(--color-brand-dark);
  font-weight: 800;
}
.client-portal-body-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 20px;
  align-items: start;
}
.client-content-column {
  min-width: 0;
}
.client-toolbar-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.client-summary-cards {
  margin-bottom: 16px;
}
.client-summary-cards article {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--color-border-tertiary);
}
.client-content-table-panel {
  padding: 20px 20px 24px;
}
.client-table-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.client-table-search-wrap {
  width: min(340px, 100%);
  height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--color-border-secondary);
  background: #fff;
  border-radius: 999px;
  padding: 0 14px;
}
.client-table-search-wrap input {
  flex: 1;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-weight: 700;
  color: var(--color-text-primary);
}
.client-table-search-wrap span {
  font-size: 22px;
  color: var(--color-text-secondary);
}
.client-table-wrap {
  border: 0;
  border-radius: 0;
}
.client-approval-table {
  min-width: 1120px;
}
.client-approval-table th {
  white-space: nowrap;
}
.client-approval-table td {
  vertical-align: middle;
}
.client-approval-table a {
  color: var(--color-brand-dark);
  font-weight: 800;
  text-decoration: none;
}
.client-ai-panel {
  position: sticky;
  top: 92px;
  padding: 0;
  overflow: hidden;
}
.ai-panel-card-head {
  padding: 20px;
  border-bottom: 1px solid var(--color-border-tertiary);
}
.ai-panel-card-head h3 {
  margin-bottom: 16px;
}
.ai-score-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.ai-score-row strong {
  display: block;
  color: #b77905;
  font-size: 22px;
  margin-bottom: 5px;
}
.ai-score-row small {
  display: block;
  color: var(--color-text-secondary);
  line-height: 1.5;
}
.ai-score-ring {
  width: 82px;
  height: 82px;
  flex: 0 0 auto;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at center, #fff 56%, transparent 58%), conic-gradient(#e1a91a 0 72%, #f3ead6 72% 100%);
  color: var(--color-brand-dark);
  font-size: 20px;
  font-weight: 900;
}
.ai-insight-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid var(--color-border-tertiary);
}
.ai-insight-grid .insight-list {
  padding: 18px;
}
.ai-insight-grid .insight-list + .insight-list {
  border-left: 1px solid var(--color-border-tertiary);
}
.ai-recommendation-list {
  padding: 18px;
  display: grid;
  gap: 10px;
}
.ai-recommendation-list h4 {
  margin: 0 0 4px;
}
.ai-recommendation-item {
  padding: 12px;
  background: #fffaf0;
  border: 1px solid #f1dfbd;
  border-radius: 14px;
}
.ai-recommendation-item strong {
  display: block;
  color: var(--color-text-primary);
  margin-bottom: 4px;
}
.ai-recommendation-item small {
  color: var(--color-text-secondary);
  line-height: 1.4;
}
.client-ai-panel .full-width {
  margin: 0 18px 18px;
  width: calc(100% - 36px);
}
@media (max-width: 1180px) {
  .client-approval-hero { grid-template-columns: 130px minmax(0, 1fr); }
  .client-edited-indicator { grid-column: 1 / -1; text-align: left; }
  .client-portal-body-grid { grid-template-columns: 1fr; }
  .client-ai-panel { position: static; }
}
@media (max-width: 760px) {
  .client-approval-hero { grid-template-columns: 1fr; }
  .client-profile-card { justify-items: start; grid-template-columns: auto auto; align-items: center; }
  .client-portal-avatar { width: 76px; height: 76px; font-size: 22px; }
  .client-heading-row, .client-table-toolbar { flex-direction: column; align-items: stretch; }
  .client-platform-tabs { align-items: flex-start; flex-direction: column; gap: 6px; }
  .platform-tabs-list { gap: 12px; }
  .ai-insight-grid { grid-template-columns: 1fr; }
  .ai-insight-grid .insight-list + .insight-list { border-left: 0; border-top: 1px solid var(--color-border-tertiary); }
}

/* v32 Client Approval Portal — reference-style client dashboard layout */
body.dashboard-page.client-workspace-page {
  background: #ffffff !important;
}
body.dashboard-page.client-workspace-page > .top-taskbar.linkedin-style-taskbar {
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 1px 0 rgba(25, 25, 25, .08), 0 8px 24px rgba(17, 24, 39, .05) !important;
  border-bottom: 1px solid #ece6dc !important;
}
.client-portal-v32 {
  max-width: 1720px !important;
  padding: 26px 42px 42px !important;
  background: #fff !important;
}
.client-v32-hero {
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) 170px !important;
  gap: 26px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}
.client-v32-profile {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  padding-top: 8px !important;
}
.client-v32-avatar {
  width: 118px !important;
  height: 118px !important;
  border-radius: 50% !important;
  border: 4px solid #fff !important;
  background: linear-gradient(135deg, #f4cf53 0%, #e7b328 100%) !important;
  box-shadow: 0 14px 32px rgba(197, 145, 24, .20) !important;
  color: #17120b !important;
  font-size: 32px !important;
}
.client-v32-tier {
  border: 0 !important;
  background: transparent !important;
  color: #2b2419 !important;
  font-size: 13px !important;
  padding: 0 !important;
}
.client-v32-heading-area {
  min-width: 0 !important;
  padding-top: 14px !important;
}
.client-v32-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 26px !important;
}
.client-v32-title-row h1 {
  font-size: clamp(32px, 3.1vw, 44px) !important;
  font-weight: 500 !important;
  letter-spacing: -.04em !important;
  margin: 0 0 2px !important;
  color: #080808 !important;
}
.client-v32-location {
  font-size: 18px !important;
  color: #111 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
.client-v32-team-btn {
  margin-top: 40px !important;
  border-radius: 0 !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  padding: 8px 14px !important;
}
.client-v32-platform-tabs {
  margin-top: 64px !important;
  min-height: 40px !important;
  border-bottom: 1px solid #eee3c7 !important;
  align-items: end !important;
  gap: 22px !important;
}
.client-v32-platform-tabs .add-platform-btn {
  border-radius: 0 !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  padding: 7px 11px !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}
.client-v32-platform-tabs .platform-tabs-list {
  gap: 34px !important;
}
.client-v32-platform-tabs .platform-tab {
  color: #0f0f0f !important;
  font-weight: 500 !important;
  padding: 8px 2px 9px !important;
  border-bottom: 2px solid transparent !important;
}
.client-v32-platform-tabs .platform-tab.active {
  border-bottom-color: #e8c547 !important;
}
.client-v32-edited {
  padding-top: 4px !important;
  color: #a59a89 !important;
  font-size: 11px !important;
}
.client-v32-edited .team-count-badge {
  background: #f6edd8 !important;
  color: #7b5514 !important;
}
.client-v32-layout {
  display: grid !important;
  grid-template-columns: 116px minmax(0, 1fr) 360px !important;
  gap: 22px !important;
  align-items: start !important;
}
.client-v32-left-tools {
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  padding-top: 34px !important;
}
.client-v32-add-content {
  border-radius: 0 !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  width: 94px !important;
  min-height: 58px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  padding: 8px 9px !important;
}
.client-v32-inline-search {
  width: 100% !important;
  height: 37px !important;
  border-radius: 0 !important;
  border: 1px solid #111 !important;
  box-shadow: none !important;
  padding: 0 8px !important;
}
.client-v32-inline-search input {
  font-size: 14px !important;
  text-align: center !important;
  font-weight: 500 !important;
}
.client-v32-filter-btn,
.client-v32-month {
  display: none !important;
}
.client-v32-main-workspace {
  min-width: 0 !important;
}
.client-v32-summary {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(140px, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
}
.client-v32-summary article {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: center !important;
  min-height: 96px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid #f0e8d7 !important;
  box-shadow: 0 12px 26px rgba(35, 31, 26, .045) !important;
}
.client-v32-summary article > span:not(.summary-icon) {
  color: #1d1b17 !important;
}
.client-v32-summary .summary-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
}
.client-v32-summary .summary-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.client-v32-summary .calendar-icon { background: #fff7df !important; color: #8a681a !important; }
.client-v32-summary .approved-icon { background: #edf9f1 !important; color: #168148 !important; }
.client-v32-summary .pending-icon { background: #fff8dd !important; color: #bf8a05 !important; }
.client-v32-summary .changes-icon { background: #fff0ef !important; color: #bc3e48 !important; }
.client-v32-summary .engagement-icon { background: #ecfaf2 !important; color: #209355 !important; }
.client-v32-summary strong {
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #1f1b14 !important;
}
.client-v32-summary small {
  color: #27844d !important;
  font-weight: 700 !important;
}
.client-v32-filters {
  border-radius: 18px !important;
  margin: 0 0 14px !important;
}
.client-v32-table-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.client-v32-table-card .client-table-wrap {
  overflow-x: auto !important;
  border: 0 !important;
}
.client-v32-table {
  min-width: 1050px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.client-v32-table th {
  background: #fff !important;
  border-bottom: 1px solid #eee3c7 !important;
  color: #6d6250 !important;
  font-size: 11px !important;
  letter-spacing: .06em !important;
  padding: 12px 10px !important;
  white-space: nowrap !important;
}
.client-v32-table td {
  background: #fff !important;
  border-bottom: 1px solid #f0e7d3 !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
  font-size: 13px !important;
}
.client-v32-table .post-title-cell strong {
  display: block !important;
  font-size: 13px !important;
  color: #191714 !important;
  max-width: 260px !important;
}
.client-v32-table .post-title-cell small {
  display: inline-flex !important;
  color: #7a715f !important;
  margin-top: 4px !important;
}
.client-v32-thumb {
  width: 54px !important;
  height: 42px !important;
  border-radius: 0 !important;
  background: #f1f1ee !important;
  border: 1px solid #ddd7ca !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
.client-v32-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.client-v32-thumb svg {
  width: 30px !important;
  height: 30px !important;
  stroke: #7d7a72 !important;
  fill: none !important;
  stroke-width: 1.7 !important;
}
.client-v32-table .status-pill {
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  text-transform: none !important;
}
.client-v32-table .engagement-cell {
  color: #23884f !important;
  font-weight: 800 !important;
}
.link-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #f7eed9 !important;
  color: #7a5514 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.editor-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #1c1508 !important;
  background: linear-gradient(135deg, #f6d466, #e7b328) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.client-v32-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.icon-only-action,
.client-v32-row-actions .kebab-btn {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: #6d6250 !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.icon-only-action svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.client-v32-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  padding: 22px 0 4px !important;
  color: #2b2419 !important;
  font-size: 13px !important;
}
.client-v32-page-controls {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.client-v32-page-controls .small-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #2b2419 !important;
}
.client-v32-page-controls .small-btn.active {
  background: #fff7dc !important;
  border-color: #eddba7 !important;
  color: #b28209 !important;
}
.client-v32-ai-panel {
  position: sticky !important;
  top: 98px !important;
  padding: 0 !important;
  border: 1px solid #f0e3c3 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(150, 109, 15, .08) !important;
  background: #fffefb !important;
  overflow: hidden !important;
}
.client-v32-ai-panel .ai-panel-card-head {
  padding: 20px !important;
  background: #fffdf7 !important;
}
.client-v32-ai-panel .eyebrow {
  color: #8a681a !important;
}
.client-v32-ai-panel h3,
.client-v32-ai-panel h4 {
  color: #211a0f !important;
}
.client-v32-ai-panel .ai-score-ring {
  width: 82px !important;
  height: 82px !important;
  background: radial-gradient(circle at center, #fff 56%, transparent 58%), conic-gradient(#f0b90b 0 74%, #f4ead2 74% 100%) !important;
  color: #b28209 !important;
}
.client-v32-ai-panel .ai-insight-grid {
  grid-template-columns: 1fr 1fr !important;
  border-top: 1px solid #f0e3c3 !important;
  border-bottom: 1px solid #f0e3c3 !important;
}
.client-v32-ai-panel .insight-list {
  padding: 17px !important;
}
.client-v32-ai-panel .mini-list-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 7px 0 !important;
  color: #6d6250 !important;
}
.client-v32-ai-panel .ai-recommendation-list {
  padding: 18px !important;
}
.client-v32-ai-panel .ai-recommendation-item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: start !important;
  background: #fffaf0 !important;
  border: 1px solid #f2e2be !important;
  border-radius: 12px !important;
}
.recommendation-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: #fff3cc !important;
  color: #c28a05 !important;
}
.recommendation-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.client-v32-ai-panel .full-width {
  width: calc(100% - 36px) !important;
  margin: 0 18px 18px !important;
  border-color: #eddba7 !important;
  color: #b28209 !important;
  background: #fffdf5 !important;
}
@media (max-width: 1320px) {
  .client-v32-layout { grid-template-columns: 100px minmax(0, 1fr) !important; }
  .client-v32-ai-panel { grid-column: 2 / -1 !important; position: static !important; }
  .client-v32-summary { grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; }
}
@media (max-width: 900px) {
  .client-portal-v32 { padding: 20px !important; }
  .client-v32-hero { grid-template-columns: 1fr !important; }
  .client-v32-profile { justify-items: start !important; grid-template-columns: auto auto !important; align-items: center !important; }
  .client-v32-layout { grid-template-columns: 1fr !important; }
  .client-v32-left-tools { grid-template-columns: auto 1fr auto !important; padding-top: 0 !important; align-items: center !important; }
  .client-v32-ai-panel { grid-column: auto !important; }
  .client-v32-summary { grid-template-columns: 1fr 1fr !important; }
  .client-v32-title-row { flex-direction: column !important; gap: 10px !important; }
  .client-v32-team-btn { margin-top: 0 !important; }
  .client-v32-platform-tabs { margin-top: 24px !important; flex-direction: column !important; align-items: flex-start !important; }
}
@media (max-width: 620px) {
  .client-v32-summary { grid-template-columns: 1fr !important; }
  .client-v32-left-tools { grid-template-columns: 1fr !important; }
  .client-v32-add-content { width: 100% !important; }
}

/* v33 — Client Portal visual refinement + solid content modal repair */
body.client-workspace-page {
  background: linear-gradient(180deg, #fffdf8 0%, #fbf5e8 100%) !important;
}
.client-portal-v33,
.client-portal-v32.client-portal-v33 {
  max-width: 1760px !important;
  padding: 28px 42px 46px !important;
  background: #fffdf8 !important;
}
.client-portal-v33 .client-v32-hero {
  grid-template-columns: 170px minmax(0, 1fr) auto !important;
  gap: 28px !important;
  align-items: center !important;
  margin: 0 0 24px !important;
  padding: 22px 26px !important;
  border: 1px solid #f1e4c9 !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 18px 48px rgba(102, 72, 12, .06) !important;
}
.client-portal-v33 .client-v32-profile {
  padding-top: 0 !important;
  gap: 10px !important;
}
.client-portal-v33 .client-v32-avatar {
  width: 126px !important;
  height: 126px !important;
  font-size: 30px !important;
  border: 5px solid #fff !important;
  box-shadow: 0 16px 35px rgba(184, 138, 45, .20) !important;
}
.client-portal-v33 .client-v32-tier {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 12px !important;
  min-width: 74px !important;
  border-radius: 999px !important;
  background: #fff4d8 !important;
  border: 1px solid #edd8a5 !important;
  color: #7a5514 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.client-portal-v33 .client-v32-heading-area {
  padding-top: 0 !important;
}
.client-portal-v33 .client-v32-title-row {
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}
.client-portal-v33 .client-v32-title-row h1 {
  font-size: clamp(30px, 3.3vw, 48px) !important;
  line-height: .98 !important;
  font-weight: 760 !important;
  letter-spacing: -.055em !important;
  max-width: 920px !important;
}
.client-portal-v33 .client-v32-location {
  margin-top: 10px !important;
  font-size: 18px !important;
  color: #5f533f !important;
  font-weight: 650 !important;
}
.client-portal-v33 .client-v32-team-btn,
.client-portal-v33 .client-v32-platform-tabs .add-platform-btn,
.client-portal-v33 .client-v32-add-content {
  border: 1px solid #e7d5ac !important;
  background: #fffaf0 !important;
  color: #7a5514 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 18px rgba(122, 85, 20, .06) !important;
  font-weight: 850 !important;
}
.client-portal-v33 .client-v32-team-btn:hover,
.client-portal-v33 .client-v32-platform-tabs .add-platform-btn:hover,
.client-portal-v33 .client-v32-add-content:hover {
  background: #f7e6c4 !important;
  border-color: #d9bd80 !important;
}
.client-portal-v33 .client-v32-team-btn {
  margin-top: 0 !important;
  padding: 11px 18px !important;
  white-space: nowrap !important;
}
.client-portal-v33 .client-v32-platform-tabs {
  margin-top: 24px !important;
  min-height: 42px !important;
  border-bottom: 1px solid #efe3cb !important;
  gap: 20px !important;
  align-items: center !important;
}
.client-portal-v33 .client-v32-platform-tabs .add-platform-btn {
  padding: 9px 14px !important;
  margin-bottom: 8px !important;
}
.client-portal-v33 .client-v32-platform-tabs .platform-tabs-list {
  gap: 28px !important;
  align-items: center !important;
}
.client-portal-v33 .client-v32-platform-tabs .platform-tab {
  position: relative !important;
  padding: 10px 2px 14px !important;
  color: #675a45 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.client-portal-v33 .client-v32-platform-tabs .platform-tab.active {
  color: #15120d !important;
  border-bottom-color: #e0b522 !important;
}
.client-portal-v33 .client-v32-edited {
  justify-self: end !important;
  align-self: start !important;
  padding-top: 2px !important;
}
.client-portal-v33 .client-v32-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  grid-template-rows: auto auto !important;
  gap: 22px !important;
  align-items: start !important;
}
.client-portal-v33 .client-v32-left-tools {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
.client-portal-v33 .client-v32-add-content {
  width: auto !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 18px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.client-portal-v33 .client-v32-inline-search {
  width: min(360px, 100%) !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid #e8d8b7 !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(122, 85, 20, .04) !important;
  padding: 0 14px !important;
}
.client-portal-v33 .client-v32-inline-search input {
  text-align: left !important;
  font-weight: 650 !important;
  color: #1f1b14 !important;
}
.client-portal-v33 .client-v32-main-workspace {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
}
.client-portal-v33 .client-v32-ai-panel {
  grid-column: 2 / 3 !important;
  grid-row: 1 / span 2 !important;
  top: 92px !important;
}
.client-portal-v33 .client-v32-summary {
  grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
  gap: 13px !important;
  margin-bottom: 18px !important;
}
.client-portal-v33 .client-v32-summary article {
  min-height: 116px !important;
  padding: 18px 18px !important;
  border-radius: 20px !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  background: #fff !important;
  border: 1px solid #f0e3c6 !important;
  box-shadow: 0 12px 32px rgba(96, 65, 12, .055) !important;
}
.client-portal-v33 .client-v32-summary article div span {
  display: block !important;
  margin-bottom: 4px !important;
  color: #6e624f !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.client-portal-v33 .client-v32-summary strong {
  font-size: 28px !important;
  line-height: 1 !important;
  margin: 0 0 2px !important;
}
.client-portal-v33 .client-v32-summary small {
  display: block !important;
  color: #27844d !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}
.client-portal-v33 .client-v32-table-card {
  background: #fff !important;
  border: 1px solid #f0e3c6 !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 36px rgba(96, 65, 12, .055) !important;
  padding: 14px 16px 8px !important;
  overflow: visible !important;
}
.client-portal-v33 .client-v32-table-card .client-table-wrap {
  border-radius: 16px !important;
  overflow-x: auto !important;
}
.client-portal-v33 .client-v32-table th {
  background: #fff8e8 !important;
  border-bottom: 1px solid #eadbbd !important;
  padding: 13px 12px !important;
  color: #756952 !important;
  font-size: 11px !important;
}
.client-portal-v33 .client-v32-table td {
  padding: 14px 12px !important;
  border-bottom: 1px solid #f0e6d2 !important;
  color: #2b261d !important;
}
.client-portal-v33 .client-v32-thumb {
  width: 60px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: #f6f1e8 !important;
}
.client-portal-v33 .client-v32-pagination {
  padding: 18px 0 2px !important;
}
.client-portal-v33 .client-v32-ai-panel {
  background: #fff !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(96, 65, 12, .07) !important;
}
.client-portal-v33 .client-v32-ai-panel .ai-panel-card-head {
  background: linear-gradient(180deg, #fff9eb, #fff) !important;
}
.client-portal-v33 .client-v32-ai-panel .ai-recommendation-item {
  padding: 12px !important;
  background: #fffaf0 !important;
}

/* Make Add New Content / View / Edit modals solid and readable */
#postModal.modal-shell.open,
.modal-shell.open {
  background: transparent !important;
}
#postModal .modal-backdrop,
.modal-backdrop {
  background: rgba(21, 16, 9, .54) !important;
  backdrop-filter: blur(6px) !important;
}
#postModal .modal-card,
#postModal .large-modal,
.modal-shell .modal-card {
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #eadfca !important;
  box-shadow: 0 30px 80px rgba(24, 18, 8, .28) !important;
}
#postModal .modal-head,
.modal-shell .modal-head {
  background: #ffffff !important;
  opacity: 1 !important;
  border-bottom: 1px solid #eadfca !important;
}
#postModal .modal-form-grid,
.modal-shell .modal-form-grid {
  background: #ffffff !important;
}
#postModal label,
#postModal .field-label,
.modal-shell label,
.modal-shell .field-label {
  background: transparent !important;
}
#postModal input,
#postModal select,
#postModal textarea,
.modal-shell input,
.modal-shell select,
.modal-shell textarea {
  background: #fffdf8 !important;
  border: 1px solid #eadfca !important;
  opacity: 1 !important;
}
#postModal .managed-select-button,
.modal-shell .managed-select-button {
  background: #fffdf8 !important;
  border: 1px solid #eadfca !important;
}
#postModal .managed-select-menu,
.modal-shell .managed-select-menu,
#postModal .action-menu,
.modal-shell .action-menu {
  background: #ffffff !important;
  border: 1px solid #eadfca !important;
  box-shadow: 0 18px 45px rgba(52, 38, 9, .16) !important;
  opacity: 1 !important;
}

@media (max-width: 1320px) {
  .client-portal-v33 .client-v32-layout {
    grid-template-columns: 1fr !important;
  }
  .client-portal-v33 .client-v32-ai-panel {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    position: static !important;
  }
  .client-portal-v33 .client-v32-summary {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  .client-portal-v33 .client-v32-hero {
    grid-template-columns: 1fr !important;
  }
  .client-portal-v33 .client-v32-profile {
    justify-items: start !important;
    grid-template-columns: auto auto !important;
    align-items: center !important;
  }
  .client-portal-v33 .client-v32-title-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .client-portal-v33 .client-v32-left-tools {
    flex-wrap: wrap !important;
  }
  .client-portal-v33 .client-v32-summary {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .client-portal-v33 .client-v32-summary {
    grid-template-columns: 1fr !important;
  }
  .client-portal-v33 .client-v32-inline-search,
  .client-portal-v33 .client-v32-add-content {
    width: 100% !important;
  }
}


/* v34 — Client portal controls refinement: solid buttons, platform manager dropdown, visible search, solid Team Space panel */
.client-portal-v34 .client-v32-team-btn,
.client-portal-v34 .client-v32-add-content,
.client-portal-v34 .platform-manager-btn {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid #e3c98f !important;
  background: #fff7e6 !important;
  color: #745012 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 10px 22px rgba(122, 85, 20, .08) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  width: auto !important;
}
.client-portal-v34 .client-v32-team-btn:hover,
.client-portal-v34 .client-v32-add-content:hover,
.client-portal-v34 .platform-manager-btn:hover {
  background: #f4dfb7 !important;
  border-color: #d0ad61 !important;
}
.client-portal-v34 .client-v32-title-row {
  align-items: center !important;
}
.client-portal-v34 .client-v34-platform-management {
  position: relative !important;
  margin-top: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 46px !important;
  border-bottom: 1px solid #efe3cb !important;
  padding-bottom: 6px !important;
}
.client-portal-v34 .compact-platform-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}
.client-portal-v34 .compact-platform-tabs .platform-tab {
  border: 0 !important;
  background: transparent !important;
  color: #665a45 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  padding: 12px 2px !important;
  border-bottom: 2px solid transparent !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.client-portal-v34 .compact-platform-tabs .platform-tab.active {
  color: #17120b !important;
  border-bottom-color: #e0b522 !important;
}
.platform-manager-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  width: min(420px, calc(100vw - 48px)) !important;
  display: none !important;
  z-index: 90 !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid #eadab8 !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(37, 27, 8, .18) !important;
}
.platform-manager-panel.open {
  display: block !important;
}
.platform-manager-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  color: #17120b !important;
}
.platform-search-field {
  margin: 0 0 12px !important;
}
.platform-search-field input,
.platform-add-form input {
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid #eadab8 !important;
  background: #fffdf8 !important;
  color: #17120b !important;
  padding: 0 12px !important;
  font-weight: 700 !important;
}
.platform-manager-list {
  display: grid !important;
  gap: 8px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  padding: 2px !important;
}
.platform-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 10px 10px 12px !important;
  border: 1px solid #f0e2c4 !important;
  border-radius: 14px !important;
  background: #fffaf0 !important;
}
.platform-row.active {
  border-color: #dfbc64 !important;
  background: #fff4dc !important;
}
.platform-row-name {
  border: 0 !important;
  background: transparent !important;
  color: #2b2419 !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
  padding: 0 !important;
  min-width: 0 !important;
}
.platform-row-menu-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 1px solid #eadab8 !important;
  background: #fff !important;
  color: #745012 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.platform-row-menu {
  position: absolute !important;
  top: 42px !important;
  right: 8px !important;
  width: 160px !important;
  display: none !important;
  z-index: 100 !important;
  border: 1px solid #eadab8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(37, 27, 8, .16) !important;
  overflow: hidden !important;
}
.platform-row-menu.open {
  display: grid !important;
}
.platform-row-menu button {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  border: 0 !important;
  background: #fff !important;
  color: #2b2419 !important;
  padding: 11px 12px !important;
  text-align: left !important;
  font-weight: 750 !important;
  cursor: pointer !important;
}
.platform-row-menu button:hover {
  background: #fff4dc !important;
}
.platform-add-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #f0e2c4 !important;
}
.platform-add-form label {
  margin: 0 !important;
}
.client-portal-v34 .client-v32-left-tools {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.client-portal-v34 .client-v32-inline-search {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(440px, 100%) !important;
  min-width: 260px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid #e2cf9f !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(122, 85, 20, .06) !important;
}
.client-portal-v34 .client-v32-inline-search input {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-align: left !important;
  color: #17120b !important;
}
.client-portal-v34 .client-v32-add-content {
  white-space: nowrap !important;
}
/* Make Team Space side panel/form solid and professional */
#teamSpacePanel.side-panel-shell.open {
  background: transparent !important;
}
#teamSpacePanel .side-panel-backdrop {
  background: rgba(21, 16, 9, .52) !important;
  backdrop-filter: blur(6px) !important;
}
#teamSpacePanel .side-panel-card {
  background: #ffffff !important;
  opacity: 1 !important;
  border-left: 1px solid #eadab8 !important;
  box-shadow: -28px 0 70px rgba(26, 19, 7, .22) !important;
}
#teamSpacePanel .side-panel-head,
#teamSpacePanel .team-space-select-row,
#teamSpacePanel .team-space-block,
#teamSpacePanel .compact-form,
#teamSpacePanel .team-member-row,
#teamSpacePanel .client-info-card {
  background: #ffffff !important;
  opacity: 1 !important;
}
#teamSpacePanel input,
#teamSpacePanel select,
#teamSpacePanel textarea {
  background: #fffdf8 !important;
  border: 1px solid #eadab8 !important;
  color: #17120b !important;
}
@media (max-width: 900px) {
  .client-portal-v34 .client-v34-platform-management,
  .client-portal-v34 .client-v32-left-tools {
    flex-wrap: wrap !important;
  }
  .client-portal-v34 .client-v32-inline-search {
    min-width: 100% !important;
  }
  .platform-manager-panel {
    width: min(420px, calc(100vw - 32px)) !important;
  }
}

/* v35 — Client workspace access avatars beside last edited */
.client-portal-v35 .client-v32-hero,
.client-portal-v34 .client-v32-hero {
  align-items: start;
}

.client-access-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-width: 330px !important;
  padding-top: 4px !important;
}

.client-access-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #7b6d58 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

.workspace-access-avatars {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 86px !important;
}

.access-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #fffaf0 !important;
  background: #f1dfb7 !important;
  color: #5d3f0d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 6px 16px rgba(70, 45, 7, .12) !important;
  margin-left: -8px !important;
}

.access-avatar:first-child { margin-left: 0 !important; }
.access-avatar:nth-child(2) { background: #111827 !important; color: #fff7db !important; }
.access-avatar:nth-child(3) { background: #e8f5ec !important; color: #17643c !important; }
.access-avatar:nth-child(4) { background: #eef2ff !important; color: #3730a3 !important; }
.access-avatar:nth-child(5) { background: #fff2f2 !important; color: #9f1239 !important; }
.access-more { background: #fff !important; color: #7a5912 !important; border-color: #e7d3ab !important; }
.muted-avatar, .skeleton-avatar { background: #f7efe0 !important; color: #8a7a60 !important; }

.client-access-team-btn {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #6f4b0d !important;
  border: 1px solid #e5cf9d !important;
  box-shadow: 0 8px 20px rgba(70, 45, 7, .08) !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.client-access-team-btn:hover {
  background: #fbefd3 !important;
  transform: translateY(-1px);
}

@media (max-width: 980px) {
  .client-access-row {
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
  }
  .client-access-meta { width: 100% !important; }
}

/* v36 — Client portal compact content layout repair
   Goal: + Add New Content and Search appear directly above the summary cards,
   remove the large blank space, and keep content/table aligned professionally. */
.client-portal-v36.client-approval-main,
.client-portal-v36 {
  background: #fffdf8 !important;
}

.client-portal-v36 .client-v32-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 22px !important;
  align-items: start !important;
}

.client-portal-v36 .client-v36-content-column {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.client-portal-v36 .client-v32-left-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  padding-top: 0 !important;
  margin: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

.client-portal-v36 .client-v32-main-workspace {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.client-portal-v36 .client-v32-ai-panel {
  grid-column: auto !important;
  grid-row: auto !important;
  position: sticky !important;
  top: 92px !important;
}

.client-portal-v36 .client-v32-summary {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}

.client-portal-v36 .client-v32-summary article {
  min-height: 104px !important;
  padding: 16px !important;
  border-radius: 18px !important;
}

.client-portal-v36 .client-v32-filters {
  order: 2 !important;
  margin: 0 !important;
}

.client-portal-v36 .client-v32-table-card {
  order: 3 !important;
  margin-top: 0 !important;
}

.client-portal-v36 .client-v32-add-content {
  height: 44px !important;
  min-height: 44px !important;
  width: auto !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.client-portal-v36 .client-v32-inline-search {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 44px !important;
  width: min(520px, 100%) !important;
  min-width: 300px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #e2cf9f !important;
  box-shadow: 0 10px 22px rgba(122, 85, 20, .055) !important;
  padding: 0 14px !important;
}

.client-portal-v36 .client-v32-inline-search input {
  width: 100% !important;
  text-align: left !important;
  color: #17120b !important;
  background: transparent !important;
}

.client-portal-v36 .client-v32-inline-search span {
  color: #7a5514 !important;
  font-weight: 900 !important;
}

/* Keep Add New Content modal and Team Space panel fully solid. */
.client-portal-v36 #postModal .modal-card,
.client-portal-v36 .modal-card,
#postModal .modal-card {
  background: #ffffff !important;
  opacity: 1 !important;
}
.client-portal-v36 #postModal .modal-form-grid,
.client-portal-v36 #postModal label,
.client-portal-v36 #postModal input,
.client-portal-v36 #postModal select,
.client-portal-v36 #postModal textarea,
#postModal .modal-form-grid,
#postModal label,
#postModal input,
#postModal select,
#postModal textarea {
  background-color: #ffffff !important;
  opacity: 1 !important;
}
.client-portal-v36 #postModal input,
.client-portal-v36 #postModal select,
.client-portal-v36 #postModal textarea,
#postModal input,
#postModal select,
#postModal textarea {
  background: #fffdf8 !important;
}
.client-portal-v36 #teamSpacePanel .side-panel-card,
#teamSpacePanel .side-panel-card {
  background: #ffffff !important;
  opacity: 1 !important;
}

@media (max-width: 1180px) {
  .client-portal-v36 .client-v32-layout {
    grid-template-columns: 1fr !important;
  }
  .client-portal-v36 .client-v32-ai-panel {
    position: static !important;
  }
}

@media (max-width: 900px) {
  .client-portal-v36 .client-v32-left-tools {
    flex-wrap: wrap !important;
  }
  .client-portal-v36 .client-v32-inline-search {
    min-width: 100% !important;
    width: 100% !important;
  }
  .client-portal-v36 .client-v32-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .client-portal-v36 .client-v32-summary {
    grid-template-columns: 1fr !important;
  }
}

/* v37 Client Portal Row Order Fix */
.client-portal-v37 .client-v32-main-workspace{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.client-portal-v37 .client-v32-summary{
  order:1;
  margin-bottom:0 !important;
}
.client-portal-v37 .client-v32-left-tools{
  order:2;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}
.client-portal-v37 #contentFilters{
  order:3;
}
.client-portal-v37 .client-v32-table-card{
  order:4;
}
.client-portal-v37 .client-v32-add-content{
  min-height:48px;
  padding:0 22px !important;
  white-space:nowrap;
}
.client-portal-v37 .client-v32-inline-search{
  flex:1 1 420px;
  min-width:280px;
  max-width:720px;
}
.client-portal-v37 .client-v32-inline-search input{
  width:100%;
  background:#fff;
}
@media (max-width:900px){
  .client-portal-v37 .client-v32-left-tools{align-items:stretch !important;}
  .client-portal-v37 .client-v32-add-content,
  .client-portal-v37 .client-v32-inline-search{width:100%;max-width:none;}
}

/* v38 — Platform management dropdown: compact formal manager */
.client-v38-platform-dropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
}
.client-v38-platform-dropdown .compact-platform-tabs {
  display: none !important;
}
.client-portal-v34 .client-v38-platform-dropdown .platform-manager-btn,
.client-v38-platform-dropdown .platform-manager-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid #e4c98f !important;
  background: #fff8eb !important;
  color: #6f4a09 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(111, 74, 9, 0.06) !important;
}
.client-v38-platform-dropdown .platform-manager-current {
  color: #1f1a12 !important;
  font-weight: 700 !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.client-v38-platform-dropdown .platform-manager-caret {
  font-size: 15px !important;
  color: #8a650f !important;
  line-height: 1 !important;
}
.client-v38-platform-dropdown .platform-manager-panel-v38,
.platform-manager-panel-v38 {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  z-index: 5000 !important;
  width: 360px !important;
  max-width: 90vw !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid #ead8b5 !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(44, 31, 13, 0.18) !important;
}
.platform-manager-panel-v38 .platform-manager-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid #f0e3c9 !important;
}
.platform-search-field-v38 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}
.platform-search-field-v38 .search-mark {
  position: absolute !important;
  left: 14px !important;
  z-index: 1 !important;
  color: #7b6c55 !important;
  font-weight: 900 !important;
}
.platform-search-field-v38 input {
  width: 100% !important;
  height: 42px !important;
  padding: 0 14px 0 38px !important;
  border-radius: 999px !important;
  border: 1px solid #e6d6b8 !important;
  background: #fffaf1 !important;
  color: #1f1a12 !important;
  font-weight: 600 !important;
}
.platform-manager-list-v38 {
  display: grid !important;
  gap: 8px !important;
  max-height: 250px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}
.platform-row-v38 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 38px !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 42px !important;
  padding: 4px 6px 4px 12px !important;
  border: 1px solid #f0e3c9 !important;
  border-radius: 14px !important;
  background: #fffdf8 !important;
}
.platform-row-v38.active {
  border-color: #d4ad4c !important;
  background: #fff6df !important;
}
.platform-row-v38 .platform-row-name {
  display: block !important;
  width: 100% !important;
  padding: 8px 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  color: #1f1a12 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.platform-row-v38 .platform-row-menu-btn {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: #fff6df !important;
  color: #6f4a09 !important;
  font-size: 18px !important;
  cursor: pointer !important;
}
.platform-row-v38 .platform-row-menu-btn:hover {
  border-color: #e2c27e !important;
  background: #f8e5b4 !important;
}
.platform-row-menu-v38 {
  right: 8px !important;
  top: 40px !important;
  width: 190px !important;
  border-radius: 16px !important;
  border: 1px solid #ead8b5 !important;
  background: #ffffff !important;
  box-shadow: 0 18px 38px rgba(44, 31, 13, 0.18) !important;
  overflow: hidden !important;
}
.platform-row-menu-v38 button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  background: #ffffff !important;
  color: #1f1a12 !important;
  text-align: left !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.platform-row-menu-v38 button:hover {
  background: #fff6df !important;
}
.platform-add-form-v38 {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  align-items: end !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid #f0e3c9 !important;
}
.platform-add-form-v38 label {
  display: grid !important;
  gap: 6px !important;
  color: #6f4a09 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.platform-add-form-v38 input {
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid #e6d6b8 !important;
  background: #fffdf8 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  color: #1f1a12 !important;
}
.platform-add-form-v38 .small-btn {
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
}

/* v39 — Platform manager row moved outside the client header rectangle and click-safe dropdown */
.client-portal-v39 .client-v32-hero {
  overflow: visible !important;
  margin-bottom: 14px !important;
}
.client-portal-v39 .client-platform-strip-v39 {
  position: relative !important;
  z-index: 120 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #ead8b5 !important;
  background: transparent !important;
  overflow: visible !important;
}
.client-portal-v39 .client-platform-strip-v39 .client-v34-platform-management,
.client-portal-v39 .client-platform-strip-v39 .client-v38-platform-dropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  z-index: 130 !important;
}
.client-portal-v39 .platform-manager-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid #dfbd72 !important;
  background: #fff8eb !important;
  color: #6f4a09 !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(111, 74, 9, 0.06) !important;
}
.client-portal-v39 .platform-manager-btn:hover {
  background: #fff1d2 !important;
  border-color: #c9972c !important;
}
.client-portal-v39 .platform-manager-current {
  color: #1f1a12 !important;
  max-width: 190px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.client-portal-v39 #platformManagerPanel.platform-manager-panel,
.client-portal-v39 #platformManagerPanel.platform-manager-panel-v38 {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  z-index: 9999 !important;
  width: 390px !important;
  max-width: min(390px, calc(100vw - 36px)) !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid #ead8b5 !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(37, 27, 8, .20) !important;
  overflow: visible !important;
}
.client-portal-v39 #platformManagerPanel.platform-manager-panel.open,
.client-portal-v39 #platformManagerPanel.platform-manager-panel-v38.open {
  display: block !important;
}
.client-portal-v39 .platform-manager-list-v38,
.client-portal-v39 .platform-manager-list {
  background: #ffffff !important;
}
.client-portal-v39 .platform-row-menu-v38.open,
.client-portal-v39 .platform-row-menu.open {
  display: grid !important;
  z-index: 10000 !important;
}
@media (max-width: 900px) {
  .client-portal-v39 .client-platform-strip-v39 {
    padding-left: 0 !important;
  }
  .client-portal-v39 #platformManagerPanel.platform-manager-panel,
  .client-portal-v39 #platformManagerPanel.platform-manager-panel-v38 {
    left: 0 !important;
    width: calc(100vw - 32px) !important;
  }
}


/* v40 — Exact platform dropdown manager layout */
.client-portal-v40 .client-platform-strip-v39 {
  margin-top: 2px !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
}
.client-portal-v40 .platform-manager-btn {
  min-width: 148px !important;
  justify-content: center !important;
  gap: 8px !important;
}
.client-portal-v40 .platform-manager-btn > span:first-child {
  font-weight: 900 !important;
}
.client-portal-v40 .platform-manager-current {
  display: none !important;
}
.client-portal-v40 .platform-manager-caret {
  font-size: 16px !important;
  margin-left: 2px !important;
}
.client-portal-v40 #platformManagerPanel.platform-manager-panel,
.client-portal-v40 #platformManagerPanel.platform-manager-panel-v38 {
  width: 430px !important;
  max-width: min(430px, calc(100vw - 36px)) !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid #e7d2aa !important;
  background: #ffffff !important;
  box-shadow: 0 26px 70px rgba(37,27,8,.22) !important;
}
.client-portal-v40 .platform-manager-head {
  border: 0 !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}
.client-portal-v40 .platform-manager-head strong {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #1f1a12 !important;
}
.client-portal-v40 .platform-search-field-v38 input {
  height: 44px !important;
  border-radius: 14px !important;
  background: #fffdf8 !important;
  border-color: #e7d2aa !important;
  padding-right: 42px !important;
}
.client-portal-v40 .platform-search-field-v38 .search-mark {
  left: auto !important;
  right: 15px !important;
  color: #6f4a09 !important;
}
.client-portal-v40 .platform-manager-list-v38 {
  gap: 4px !important;
  max-height: 280px !important;
  padding: 4px 0 !important;
  border-top: 1px solid #f0e3c9 !important;
  border-bottom: 1px solid #f0e3c9 !important;
}
.client-portal-v40 .platform-row-v40 {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 6px 8px 6px 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
.client-portal-v40 .platform-row-v40:hover,
.client-portal-v40 .platform-row-v40.active {
  background: #fff8eb !important;
}
.client-portal-v40 .platform-row-v40 .platform-row-name {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #1f1a12 !important;
}
.client-portal-v40 .platform-inline-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #7a6545 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.client-portal-v40 .platform-inline-kebab {
  color: #6f4a09 !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}
.client-portal-v40 .platform-inline-actions button {
  border: 0 !important;
  background: transparent !important;
  color: #6f4a09 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 4px 2px !important;
}
.client-portal-v40 .platform-inline-actions button:hover {
  color: #1f1a12 !important;
  text-decoration: underline !important;
}
.client-portal-v40 .platform-action-divider {
  color: #d6c09a !important;
}
.client-portal-v40 .platform-add-form-v38 {
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 0 !important;
}
.client-portal-v40 .platform-add-form-v38 label {
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.client-portal-v40 .platform-add-form-v38 label::before {
  content: '+ Add Platform' !important;
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #6f4a09 !important;
}
.client-portal-v40 .platform-add-form-v38 input {
  height: 40px !important;
  border-radius: 12px !important;
  background: #fffdf8 !important;
}
.client-portal-v40 .platform-add-form-v38 .small-btn {
  border-radius: 12px !important;
  background: #fff8eb !important;
  border-color: #dfbd72 !important;
  color: #6f4a09 !important;
}
@media (max-width: 760px) {
  .client-portal-v40 .platform-row-v40 {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  .client-portal-v40 .platform-inline-actions {
    padding-left: 0 !important;
  }
}

/* v41 — Final click-safe platform dropdown. Uses a new JS file to bypass cached handlers. */
.client-portal-v41 .client-platform-strip-v39 {
  position: relative !important;
  z-index: 120 !important;
  overflow: visible !important;
}
.client-portal-v41 .client-v34-platform-management,
.client-portal-v41 .client-v38-platform-dropdown {
  position: relative !important;
  overflow: visible !important;
  z-index: 130 !important;
}
.client-portal-v41 #platformManagerBtn {
  pointer-events: auto !important;
  cursor: pointer !important;
  user-select: none !important;
}
.client-portal-v41 #platformManagerPanel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  width: 430px !important;
  max-width: min(430px, calc(100vw - 36px)) !important;
  display: none;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 999999 !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid #e7d2aa !important;
  background: #ffffff !important;
  box-shadow: 0 26px 70px rgba(37,27,8,.22) !important;
}
.client-portal-v41 #platformManagerPanel.open {
  display: block !important;
}
.platform-v41-row {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;
  background: #ffffff !important;
  color: #21170c !important;
}
.platform-v41-row:hover,
.platform-v41-row.active {
  background: #fff8eb !important;
  border-color: #ead8b5 !important;
}
.platform-v41-name,
.platform-v41-all {
  flex: 1 !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent !important;
  color: #21170c !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  font-size: 13px !important;
}
.platform-v41-all {
  width: 100% !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  display: block !important;
}
.platform-v41-kebab {
  color: #6f6250 !important;
  font-weight: 900 !important;
}
.platform-v41-action {
  border: 0 !important;
  background: transparent !important;
  color: #5a4730 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 3px 4px !important;
}
.platform-v41-action:hover { color: #8a650f !important; }
.platform-v41-action.danger:hover { color: #a33b24 !important; }
.platform-v41-divider { color: #d2c1a1 !important; }
.client-portal-v41 .platform-add-form-v38 {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #f0e3c9 !important;
}
.client-portal-v41 .platform-add-form-v38 label {
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #21170c !important;
}


/* v42 — Clean Platform dropdown manager */
.client-portal-v42 .platform-manager-btn {
  min-width: 150px !important;
  justify-content: center !important;
  gap: 0 !important;
}
.client-portal-v42 .platform-manager-current,
.client-portal-v42 .platform-manager-caret {
  display: none !important;
}
.client-portal-v42 #platformManagerPanel.platform-manager-panel,
.client-portal-v42 #platformManagerPanel.platform-manager-panel-v38 {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important;
  width: 430px !important;
  max-width: min(430px, calc(100vw - 36px)) !important;
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid #e7d2aa !important;
  background: #ffffff !important;
  box-shadow: 0 26px 70px rgba(37,27,8,.22) !important;
  z-index: 999999 !important;
  overflow: visible !important;
}
.client-portal-v42 #platformManagerPanel.platform-manager-panel.open,
.client-portal-v42 #platformManagerPanel.platform-manager-panel-v38.open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v42 .platform-manager-head {
  border: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}
.client-portal-v42 .platform-manager-head strong {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #1f1a12 !important;
}
.client-portal-v42 .platform-search-field-v38 {
  margin: 0 0 12px !important;
}
.client-portal-v42 .platform-search-field-v38 input {
  height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid #e7d2aa !important;
  background: #fffdf8 !important;
  color: #17120b !important;
}
.client-portal-v42 .platform-search-field-v38 .search-mark {
  left: auto !important;
  right: 15px !important;
  color: #6f4a09 !important;
}
.client-portal-v42 .platform-manager-list-v38,
.client-portal-v42 .platform-manager-list {
  display: grid !important;
  gap: 6px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  padding: 4px 0 12px !important;
  border-top: 1px solid #f0e3c9 !important;
  border-bottom: 1px solid #f0e3c9 !important;
  background: #ffffff !important;
}
.client-portal-v42 .platform-row-v42 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 42px !important;
  gap: 10px !important;
  padding: 8px 10px 8px 12px !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;
  background: #ffffff !important;
  color: #21170c !important;
}
.client-portal-v42 .platform-row-v42:hover,
.client-portal-v42 .platform-row-v42.active {
  background: #fff8eb !important;
  border-color: #ead8b5 !important;
}
.client-portal-v42 .platform-row-name-v42 {
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  color: #21170c !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.client-portal-v42 .platform-actions-wrap-v42 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.client-portal-v42 .platform-kebab-btn-v42 {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #6f6250 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.client-portal-v42 .platform-kebab-btn-v42:hover {
  background: #f7ead0 !important;
  color: #6f4a09 !important;
}
.client-portal-v42 .platform-action-menu-v42 {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  min-width: 150px !important;
  padding: 6px !important;
  border-radius: 14px !important;
  border: 1px solid #ead8b5 !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(37,27,8,.18) !important;
  z-index: 1000000 !important;
}
.client-portal-v42 .platform-action-menu-v42.open {
  display: grid !important;
  gap: 4px !important;
}
.client-portal-v42 .platform-action-menu-v42 button {
  width: 100% !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #49391f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  padding: 8px 10px !important;
  cursor: pointer !important;
}
.client-portal-v42 .platform-action-menu-v42 button:hover {
  background: #fff4dc !important;
}
.client-portal-v42 .platform-add-form-v42 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  margin-top: 12px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.client-portal-v42 .platform-add-form-v42 .platform-add-title {
  grid-column: 1 / -1 !important;
  color: #6f4a09 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.client-portal-v42 .platform-add-form-v42 .platform-add-input-label {
  margin: 0 !important;
  display: block !important;
  font-size: 0 !important;
}
.client-portal-v42 .platform-add-form-v42 .platform-add-input-label::before {
  content: none !important;
  display: none !important;
}
.client-portal-v42 .platform-add-form-v42 input {
  height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid #e7d2aa !important;
  background: #fffdf8 !important;
  color: #17120b !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.client-portal-v42 .platform-add-form-v42 .small-btn {
  height: 42px !important;
  border-radius: 14px !important;
  background: #fff8eb !important;
  border-color: #dfbd72 !important;
  color: #6f4a09 !important;
  font-weight: 900 !important;
}


/* v43 — Content approval access avatars, modal layering, and client dropdown reliability */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
body.dashboard-page > .top-taskbar {
  z-index: 1000 !important;
}
#postModal.modal-shell,
#postModal.modal-shell.open,
#teamSpacePanel.side-panel-shell,
#teamSpacePanel.side-panel-shell.open,
.modal-shell,
.modal-shell.open,
.side-panel-shell,
.side-panel-shell.open {
  z-index: 2147483000 !important;
}
#postModal .modal-backdrop,
#teamSpacePanel .side-panel-backdrop,
.modal-backdrop,
.side-panel-backdrop {
  z-index: 2147483001 !important;
}
#postModal .modal-card,
.modal-shell .modal-card,
#teamSpacePanel .side-panel-card,
.side-panel-shell .side-panel-card {
  z-index: 2147483002 !important;
  background: #ffffff !important;
  opacity: 1 !important;
}
#postModal .modal-card,
.modal-shell .modal-card {
  margin-top: max(24px, env(safe-area-inset-top)) !important;
}
.client-portal-v43 .client-access-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.client-portal-v43 .workspace-access-avatars {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 72px !important;
  min-height: 34px !important;
}
.client-portal-v43 .access-avatar {
  flex: 0 0 auto !important;
}
.client-portal-v43 .client-access-team-btn {
  margin-left: 6px !important;
}
.client-portal-v43 #contentClientSelect option {
  color: #17120b !important;
  background: #ffffff !important;
}
.client-portal-v43 #postModal,
.client-portal-v43 #teamSpacePanel {
  isolation: isolate !important;
}


/* v44 — Final client portal reliability repair: access avatars, modal layering, client dropdown source */
.client-portal-v44 .client-access-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 5 !important;
}
.client-portal-v44 .client-access-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}
.client-portal-v44 #workspaceAccessAvatars,
.client-portal-v44 .workspace-access-avatars {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 74px !important;
  min-height: 34px !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
.client-portal-v44 .access-avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: -8px !important;
  border: 2px solid #fffaf0 !important;
  background: #f0d48a !important;
  color: #2a1b05 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(78, 47, 5, 0.16) !important;
}
.client-portal-v44 .access-avatar:first-child { margin-left: 0 !important; }
.client-portal-v44 .client-access-team-btn,
.client-portal-v44 #teamSpaceBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #fff8e8 !important;
  border: 1px solid #e8c478 !important;
  color: #7a4e08 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body.dashboard-page > .top-taskbar,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  z-index: 1000 !important;
}
#postModal.modal-shell,
#postModal.modal-shell.open,
.modal-shell,
.modal-shell.open,
#teamSpacePanel.side-panel-shell,
#teamSpacePanel.side-panel-shell.open,
.side-panel-shell,
.side-panel-shell.open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  isolation: isolate !important;
}
#postModal .modal-backdrop,
.modal-backdrop,
#teamSpacePanel .side-panel-backdrop,
.side-panel-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483001 !important;
  background: rgba(20, 14, 5, 0.38) !important;
  backdrop-filter: blur(4px) !important;
}
#postModal .modal-card,
.modal-shell .modal-card,
#teamSpacePanel .side-panel-card,
.side-panel-shell .side-panel-card {
  position: relative !important;
  z-index: 2147483002 !important;
  background: #ffffff !important;
  color: #17120b !important;
  opacity: 1 !important;
  border: 1px solid #ead7b0 !important;
  box-shadow: 0 30px 100px rgba(44, 30, 6, 0.28) !important;
}
#postModal .modal-card,
.modal-shell .modal-card {
  margin-top: 24px !important;
  max-height: calc(100vh - 48px) !important;
  overflow: auto !important;
}
#postModal input,
#postModal select,
#postModal textarea,
#teamSpacePanel input,
#teamSpacePanel select,
#teamSpacePanel textarea {
  background: #ffffff !important;
  color: #17120b !important;
  opacity: 1 !important;
}
.client-portal-v44 #contentClientSelect,
.client-portal-v44 #contentClientSelect option {
  background: #ffffff !important;
  color: #17120b !important;
}
.client-portal-v44 .platform-manager-panel,
.client-portal-v44 #platformManagerPanel {
  z-index: 2147482000 !important;
}

/* v45 Client Approval Portal final repair */
.client-portal-v45 .top-taskbar { z-index: 3000; }
.client-portal-v45 .dashboard-main.client-approval-main { padding: 32px 36px 60px; background: #fffaf2; min-height: calc(100vh - 76px); }
.client-v45-header-card { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; background: #fffdf8; border: 1px solid #ead9b5; border-radius: 28px; padding: 28px 32px; box-shadow: 0 18px 45px rgba(120, 82, 20, .08); }
.client-v45-identity { display: flex; align-items: center; gap: 28px; min-width: 0; }
.client-v45-avatar-wrap { display: grid; justify-items: center; gap: 10px; flex-shrink: 0; }
.client-v45-avatar { width: 124px; height: 124px; border-radius: 999px; display: grid; place-items: center; font-size: 34px; font-weight: 900; background: linear-gradient(145deg,#f5c63d,#d9a82d); color: #1b160f; border: 7px solid #fff; box-shadow: 0 12px 35px rgba(155,111,28,.18); }
.client-v45-title-block h1 { font-size: clamp(34px, 4vw, 58px); line-height: .98; letter-spacing: -0.06em; margin: 0 0 14px; color: #090807; }
.client-v45-title-block p { font-size: 20px; font-weight: 700; margin: 0; color: #6d604f; }
.client-v45-access-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; color: #8a806f; font-weight: 700; min-width: 360px; }
.workspace-access-avatars { display: inline-flex; align-items: center; margin-left: 4px; }
.access-avatar { width: 34px; height: 34px; border-radius: 999px; display: inline-grid; place-items: center; background: #f2dba9; color: #6d4300; border: 2px solid #fff; font-size: 12px; font-weight: 900; margin-left: -7px; box-shadow: 0 6px 18px rgba(94,69,29,.12); }
.access-avatar:first-child { margin-left: 0; }
.skeleton-avatar { background: #efe5d2; color: #8d7b5e; }
.team-count-badge { min-width: 34px; height: 28px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #f8ecd3; color: #8b5d09; font-weight: 900; }
.team-space-trigger, .client-v45-add-content, .platform-manager-btn { border: 1px solid #e0bd73 !important; background: #fff8e8 !important; color: #734b08 !important; border-radius: 999px !important; font-weight: 900 !important; padding: 12px 22px !important; box-shadow: 0 8px 18px rgba(124,88,23,.06); }
.client-platform-strip-v45 { position: relative; z-index: 50; margin: 22px 0 16px; padding: 0; background: transparent; border: 0; }
.client-platform-management { position: relative; display: inline-block; }
.platform-manager-btn { min-width: 150px; text-align: center; }
.platform-manager-panel-v45 { display: none; position: absolute; left: 0; top: calc(100% + 12px); width: 430px; max-width: calc(100vw - 60px); background: #fff !important; border: 1px solid #e2c785; border-radius: 22px; padding: 18px; box-shadow: 0 28px 80px rgba(53, 37, 12, .22); z-index: 4500; }
.platform-manager-panel-v45.open { display: block; }
.platform-manager-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.platform-search-field { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; border: 1px solid #d9be7e; border-radius: 16px; padding: 0 12px; background: #fff; margin-bottom: 14px; }
.platform-search-field input { border: 0 !important; outline: 0; min-height: 46px; background: transparent; font-weight: 700; width: 100%; }
.platform-manager-list { display: grid; gap: 7px; max-height: 260px; overflow: auto; padding-right: 4px; }
.platform-menu-row { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 0; border-radius: 14px; background: #fff; color: #17130d; text-align: left; font-weight: 900; }
.platform-menu-row.selected { background: #fff5df; color: #7b520b; }
.platform-select-name { flex: 1; border: 0; background: transparent; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.platform-row-actions { width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; font-size: 20px; cursor: pointer; color: #7b6a51; }
.platform-row-actions:hover { background: #f7ecd4; }
.platform-action-popover { display: none; position: absolute; right: 8px; top: 42px; background: #fff; border: 1px solid #e2c785; border-radius: 14px; padding: 8px; z-index: 2; box-shadow: 0 15px 35px rgba(53,37,12,.15); }
.platform-action-popover.open { display: flex; gap: 6px; }
.platform-action-popover button { border: 0; border-radius: 10px; padding: 8px 10px; background: #fff8e8; font-weight: 800; color: #6d4506; cursor: pointer; }
.platform-add-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid #ead9b5; display: grid; gap: 8px; }
.platform-add-title { font-weight: 900; color: #765008; }
.platform-add-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.platform-add-row input { min-height: 48px; border: 1px solid #ddc58c; border-radius: 14px; padding: 0 14px; font-weight: 700; background: #fff; }
.client-v45-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.client-v45-main-column { display: grid; gap: 16px; min-width: 0; }
.client-v45-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.client-v45-summary article { min-height: 118px; padding: 20px; border-radius: 20px; background: #fff; border: 1px solid #ead9b5; box-shadow: 0 12px 30px rgba(124,88,23,.06); display: flex; align-items: center; gap: 16px; }
.client-v45-summary article span:not(.summary-icon) { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 900; color: #766a58; }
.client-v45-summary article strong { display: block; font-size: 34px; line-height: 1; margin: 6px 0; color: #17130d; }
.client-v45-summary article small { display: block; font-weight: 900; color: #15823e; }
.client-v45-toolbar { display: grid; grid-template-columns: auto minmax(260px, 1fr); gap: 14px; align-items: center; }
.client-table-search-wrap { display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 52px; border: 1px solid #dfbf78; border-radius: 999px; background: #fff; padding: 0 16px 0 18px; }
.client-table-search-wrap input { border: 0 !important; outline: 0; background: transparent; font-weight: 800; width: 100%; min-height: 48px; }
.client-v45-table-card { background: #fff; border: 1px solid #ead9b5; border-radius: 22px; padding: 16px 18px; box-shadow: 0 18px 45px rgba(124,88,23,.06); overflow-x: auto; }
.client-v45-table { width: 100%; border-collapse: collapse; }
.client-v45-table th { background: #fff8e8; color: #776b58; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; padding: 14px 10px; white-space: nowrap; }
.client-v45-table td { padding: 14px 10px; border-bottom: 1px solid #eadfca; vertical-align: middle; }
.content-thumb { width: 46px; height: 46px; border-radius: 12px; object-fit: cover; display: inline-grid; place-items: center; background: #f5ecd9; color: #8a733e; }
.placeholder-thumb { font-size: 22px; }
.status-pill { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: #f6ecd7; color: #75500c; font-weight: 900; font-size: 12px; white-space: nowrap; }
.status-approved, .status-published, .status-scheduled { background: #e9f7ed; color: #167a3b; }
.status-change_request, .status-in_design { background: #fdebec; color: #b23d4a; }
.status-cancelled, .status-rejected, .status-archived { background: #f1f1f1; color: #606060; }
.client-v45-pagination { display: flex; align-items: center; justify-content: center; gap: 26px; padding: 20px 0 4px; font-weight: 800; }
.client-v45-page-controls { display: flex; align-items: center; gap: 8px; }
.client-v45-page-controls .active { background: #fff1c6; border-color: #e6bd4f; }
.client-v45-ai-panel { position: sticky; top: 96px; background: #fff; border: 1px solid #ead9b5; border-radius: 24px; padding: 22px; box-shadow: 0 18px 45px rgba(124,88,23,.06); }
.ai-score-row { display: grid; grid-template-columns: 1fr 92px; gap: 18px; align-items: center; }
.ai-score-ring { width: 86px; height: 86px; border-radius: 50%; border: 10px solid #edb500; display: grid; place-items: center; font-size: 24px; font-weight: 900; color: #b17400; }
.ai-insight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 22px 0; margin: 20px 0; border-top: 1px solid #ead9b5; border-bottom: 1px solid #ead9b5; }
.ai-recommendation-list { display: grid; gap: 12px; }
.ai-recommendation-item { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; padding: 10px; border-radius: 14px; background: #fffaf0; }
.full-width { width: 100%; justify-content: center; margin-top: 16px; }
.v45-modal-shell, .v45-team-shell { z-index: 10000 !important; }
.v45-modal-shell.open, .v45-team-shell.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.v45-modal-shell .modal-backdrop, .v45-team-shell .side-panel-backdrop { position: fixed; inset: 0; background: rgba(21, 18, 12, .42) !important; backdrop-filter: blur(3px); z-index: 10000 !important; }
.v45-solid-modal { position: fixed !important; z-index: 10001 !important; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(1040px, calc(100vw - 36px)); max-height: calc(100vh - 48px); overflow: auto; background: #fff !important; opacity: 1 !important; border: 1px solid #e1c17a; border-radius: 24px; box-shadow: 0 35px 100px rgba(0,0,0,.24); }
.v45-solid-modal input, .v45-solid-modal select, .v45-solid-modal textarea, .v45-team-panel input, .v45-team-panel select, .v45-team-panel textarea { background: #fff !important; opacity: 1 !important; border: 1px solid #ddc58c; border-radius: 14px; color: #15120d; }
.v45-content-form { padding: 22px; }
.form-row { display: grid; gap: 14px; }
.form-row.two-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-row.three-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-row.five-cols { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.align-end { align-items: end; }
.v45-toggle { min-height: 52px; display: flex !important; align-items: center; gap: 10px; border: 1px solid #ddc58c; border-radius: 14px; padding: 0 14px; font-weight: 900; background: #fff; }
.hidden-field, .hidden-panel { display: none !important; }
.v45-team-shell { position: fixed; inset: 0; display: none; }
.v45-team-panel { position: fixed !important; right: 0; top: 0; bottom: 0; width: min(520px, 96vw); overflow-y: auto; z-index: 10001 !important; background: #fff !important; opacity: 1 !important; border-left: 1px solid #e1c17a; box-shadow: -28px 0 80px rgba(0,0,0,.22); padding: 24px; }
.side-panel-head, .modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 22px 22px 0; }
.v45-team-panel .side-panel-head { padding: 0 0 18px; }
.team-search-field, .team-add-form label, .client-info-section-card label { display: grid; gap: 8px; font-weight: 900; color: #6d604f; }
.team-space-section { border-top: 1px solid #ead9b5; padding-top: 18px; margin-top: 18px; display: grid; gap: 12px; }
.team-member-list, .client-info-section-list { display: grid; gap: 10px; }
.team-member-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fffaf0; border: 1px solid #ead9b5; border-radius: 16px; padding: 12px; }
.team-member-row small { display: block; color: #8a806f; margin-top: 2px; }
.auto-member { background: #fff5df; }
.remove-member-btn { width: auto !important; padding: 8px 10px !important; font-size: 12px; color: #a13b2b !important; }
.section-title-row { display: flex; align-items: center; justify-content: space-between; }
.client-info-section-card { display: grid; gap: 12px; border: 1px solid #ead9b5; background: #fffdf8; border-radius: 16px; padding: 14px; }
.section-actions { display: flex; justify-content: flex-end; gap: 8px; }
.icon-btn { border: 0; background: transparent; cursor: pointer; }
@media (max-width: 1180px) { .client-v45-layout { grid-template-columns: 1fr; } .client-v45-ai-panel { position: static; } .client-v45-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 780px) { .client-v45-header-card, .client-v45-identity { flex-direction: column; } .client-v45-access-row { justify-content: flex-start; min-width: 0; } .client-v45-toolbar, .form-row.two-cols, .form-row.three-cols, .form-row.five-cols { grid-template-columns: 1fr; } .client-v45-summary { grid-template-columns: 1fr; } }



/* v46 Client Portal complete stability repair */
.client-portal-v46 .top-taskbar { z-index: 3000; }
.client-portal-v46 .dashboard-main.client-approval-main { padding: 32px 36px 60px; background: #fffaf2; min-height: calc(100vh - 76px); }
.client-v46-header-card { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; background: #fffdf8; border: 1px solid #ead9b5; border-radius: 28px; padding: 28px 32px; box-shadow: 0 18px 45px rgba(120, 82, 20, .08); }
.client-v46-identity { display: flex; align-items: center; gap: 28px; min-width: 0; }
.client-v46-avatar-wrap { display: grid; justify-items: center; gap: 10px; flex-shrink: 0; }
.client-v46-avatar { width: 124px; height: 124px; border-radius: 999px; display: grid; place-items: center; font-size: 34px; font-weight: 900; background: linear-gradient(145deg,#f5c63d,#d9a82d); color: #1b160f; border: 7px solid #fff; box-shadow: 0 12px 35px rgba(155,111,28,.18); }
.client-v46-title-block h1 { font-size: clamp(34px, 4vw, 58px); line-height: .98; letter-spacing: -0.06em; margin: 0 0 14px; color: #090807; }
.client-v46-title-block p { font-size: 20px; font-weight: 700; margin: 0; color: #6d604f; }
.client-v46-access-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; color: #8a806f; font-weight: 700; min-width: 360px; }
.workspace-access-avatars { display: inline-flex; align-items: center; margin-left: 4px; }
.access-avatar { width: 34px; height: 34px; border-radius: 999px; display: inline-grid; place-items: center; background: #f2dba9; color: #6d4300; border: 2px solid #fff; font-size: 12px; font-weight: 900; margin-left: -7px; box-shadow: 0 6px 18px rgba(94,69,29,.12); }
.access-avatar:first-child { margin-left: 0; }
.skeleton-avatar { background: #efe5d2; color: #8d7b5e; }
.team-count-badge { min-width: 34px; height: 28px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #f8ecd3; color: #8b5d09; font-weight: 900; }
.team-space-trigger, .client-v46-add-content, .platform-manager-btn { border: 1px solid #e0bd73 !important; background: #fff8e8 !important; color: #734b08 !important; border-radius: 999px !important; font-weight: 900 !important; padding: 12px 22px !important; box-shadow: 0 8px 18px rgba(124,88,23,.06); }
.client-platform-strip-v46 { position: relative; z-index: 50; margin: 22px 0 16px; padding: 0; background: transparent; border: 0; }
.client-platform-management { position: relative; display: inline-block; }
.platform-manager-btn { min-width: 150px; text-align: center; }
.platform-manager-panel-v46 { display: none; position: absolute; left: 0; top: calc(100% + 12px); width: 430px; max-width: calc(100vw - 60px); background: #fff !important; border: 1px solid #e2c785; border-radius: 22px; padding: 18px; box-shadow: 0 28px 80px rgba(53, 37, 12, .22); z-index: 4500; }
.platform-manager-panel-v46.open { display: block; }
.platform-manager-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.platform-search-field { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; border: 1px solid #d9be7e; border-radius: 16px; padding: 0 12px; background: #fff; margin-bottom: 14px; }
.platform-search-field input { border: 0 !important; outline: 0; min-height: 46px; background: transparent; font-weight: 700; width: 100%; }
.platform-manager-list { display: grid; gap: 7px; max-height: 260px; overflow: auto; padding-right: 4px; }
.platform-menu-row { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 0; border-radius: 14px; background: #fff; color: #17130d; text-align: left; font-weight: 900; }
.platform-menu-row.selected { background: #fff5df; color: #7b520b; }
.platform-select-name { flex: 1; border: 0; background: transparent; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.platform-row-actions { width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; font-size: 20px; cursor: pointer; color: #7b6a51; }
.platform-row-actions:hover { background: #f7ecd4; }
.platform-action-popover { display: none; position: absolute; right: 8px; top: 42px; background: #fff; border: 1px solid #e2c785; border-radius: 14px; padding: 8px; z-index: 2; box-shadow: 0 15px 35px rgba(53,37,12,.15); }
.platform-action-popover.open { display: flex; gap: 6px; }
.platform-action-popover button { border: 0; border-radius: 10px; padding: 8px 10px; background: #fff8e8; font-weight: 800; color: #6d4506; cursor: pointer; }
.platform-add-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid #ead9b5; display: grid; gap: 8px; }
.platform-add-title { font-weight: 900; color: #765008; }
.platform-add-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.platform-add-row input { min-height: 48px; border: 1px solid #ddc58c; border-radius: 14px; padding: 0 14px; font-weight: 700; background: #fff; }
.client-v46-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.client-v46-main-column { display: grid; gap: 16px; min-width: 0; }
.client-v46-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.client-v46-summary article { min-height: 118px; padding: 20px; border-radius: 20px; background: #fff; border: 1px solid #ead9b5; box-shadow: 0 12px 30px rgba(124,88,23,.06); display: flex; align-items: center; gap: 16px; }
.client-v46-summary article span:not(.summary-icon) { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 900; color: #766a58; }
.client-v46-summary article strong { display: block; font-size: 34px; line-height: 1; margin: 6px 0; color: #17130d; }
.client-v46-summary article small { display: block; font-weight: 900; color: #15823e; }
.client-v46-toolbar { display: grid; grid-template-columns: auto minmax(260px, 1fr); gap: 14px; align-items: center; }
.client-table-search-wrap { display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 52px; border: 1px solid #dfbf78; border-radius: 999px; background: #fff; padding: 0 16px 0 18px; }
.client-table-search-wrap input { border: 0 !important; outline: 0; background: transparent; font-weight: 800; width: 100%; min-height: 48px; }
.client-v46-table-card { background: #fff; border: 1px solid #ead9b5; border-radius: 22px; padding: 16px 18px; box-shadow: 0 18px 45px rgba(124,88,23,.06); overflow-x: auto; }
.client-v46-table { width: 100%; border-collapse: collapse; }
.client-v46-table th { background: #fff8e8; color: #776b58; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; padding: 14px 10px; white-space: nowrap; }
.client-v46-table td { padding: 14px 10px; border-bottom: 1px solid #eadfca; vertical-align: middle; }
.content-thumb { width: 46px; height: 46px; border-radius: 12px; object-fit: cover; display: inline-grid; place-items: center; background: #f5ecd9; color: #8a733e; }
.placeholder-thumb { font-size: 22px; }
.status-pill { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: #f6ecd7; color: #75500c; font-weight: 900; font-size: 12px; white-space: nowrap; }
.status-approved, .status-published, .status-scheduled { background: #e9f7ed; color: #167a3b; }
.status-change_request, .status-in_design { background: #fdebec; color: #b23d4a; }
.status-cancelled, .status-rejected, .status-archived { background: #f1f1f1; color: #606060; }
.client-v46-pagination { display: flex; align-items: center; justify-content: center; gap: 26px; padding: 20px 0 4px; font-weight: 800; }
.client-v46-page-controls { display: flex; align-items: center; gap: 8px; }
.client-v46-page-controls .active { background: #fff1c6; border-color: #e6bd4f; }
.client-v46-ai-panel { position: sticky; top: 96px; background: #fff; border: 1px solid #ead9b5; border-radius: 24px; padding: 22px; box-shadow: 0 18px 45px rgba(124,88,23,.06); }
.ai-score-row { display: grid; grid-template-columns: 1fr 92px; gap: 18px; align-items: center; }
.ai-score-ring { width: 86px; height: 86px; border-radius: 50%; border: 10px solid #edb500; display: grid; place-items: center; font-size: 24px; font-weight: 900; color: #b17400; }
.ai-insight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 22px 0; margin: 20px 0; border-top: 1px solid #ead9b5; border-bottom: 1px solid #ead9b5; }
.ai-recommendation-list { display: grid; gap: 12px; }
.ai-recommendation-item { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; padding: 10px; border-radius: 14px; background: #fffaf0; }
.full-width { width: 100%; justify-content: center; margin-top: 16px; }
.v46-modal-shell, .v46-team-shell { z-index: 10000 !important; }
.v46-modal-shell.open, .v46-team-shell.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.v46-modal-shell .modal-backdrop, .v46-team-shell .side-panel-backdrop { position: fixed; inset: 0; background: rgba(21, 18, 12, .42) !important; backdrop-filter: blur(3px); z-index: 10000 !important; }
.v46-solid-modal { position: fixed !important; z-index: 10001 !important; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(1040px, calc(100vw - 36px)); max-height: calc(100vh - 48px); overflow: auto; background: #fff !important; opacity: 1 !important; border: 1px solid #e1c17a; border-radius: 24px; box-shadow: 0 35px 100px rgba(0,0,0,.24); }
.v46-solid-modal input, .v46-solid-modal select, .v46-solid-modal textarea, .v46-team-panel input, .v46-team-panel select, .v46-team-panel textarea { background: #fff !important; opacity: 1 !important; border: 1px solid #ddc58c; border-radius: 14px; color: #15120d; }
.v46-content-form { padding: 22px; }
.form-row { display: grid; gap: 14px; }
.form-row.two-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-row.three-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-row.five-cols { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.align-end { align-items: end; }
.v46-toggle { min-height: 52px; display: flex !important; align-items: center; gap: 10px; border: 1px solid #ddc58c; border-radius: 14px; padding: 0 14px; font-weight: 900; background: #fff; }
.hidden-field, .hidden-panel { display: none !important; }
.v46-team-shell { position: fixed; inset: 0; display: none; }
.v46-team-panel { position: fixed !important; right: 0; top: 0; bottom: 0; width: min(520px, 96vw); overflow-y: auto; z-index: 10001 !important; background: #fff !important; opacity: 1 !important; border-left: 1px solid #e1c17a; box-shadow: -28px 0 80px rgba(0,0,0,.22); padding: 24px; }
.side-panel-head, .modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 22px 22px 0; }
.v46-team-panel .side-panel-head { padding: 0 0 18px; }
.team-search-field, .team-add-form label, .client-info-section-card label { display: grid; gap: 8px; font-weight: 900; color: #6d604f; }
.team-space-section { border-top: 1px solid #ead9b5; padding-top: 18px; margin-top: 18px; display: grid; gap: 12px; }
.team-member-list, .client-info-section-list { display: grid; gap: 10px; }
.team-member-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fffaf0; border: 1px solid #ead9b5; border-radius: 16px; padding: 12px; }
.team-member-row small { display: block; color: #8a806f; margin-top: 2px; }
.auto-member { background: #fff5df; }
.remove-member-btn { width: auto !important; padding: 8px 10px !important; font-size: 12px; color: #a13b2b !important; }
.section-title-row { display: flex; align-items: center; justify-content: space-between; }
.client-info-section-card { display: grid; gap: 12px; border: 1px solid #ead9b5; background: #fffdf8; border-radius: 16px; padding: 14px; }
.section-actions { display: flex; justify-content: flex-end; gap: 8px; }
.icon-btn { border: 0; background: transparent; cursor: pointer; }
@media (max-width: 1180px) { .client-v46-layout { grid-template-columns: 1fr; } .client-v46-ai-panel { position: static; } .client-v46-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 780px) { .client-v46-header-card, .client-v46-identity { flex-direction: column; } .client-v46-access-row { justify-content: flex-start; min-width: 0; } .client-v46-toolbar, .form-row.two-cols, .form-row.three-cols, .form-row.five-cols { grid-template-columns: 1fr; } .client-v46-summary { grid-template-columns: 1fr; } }



/* v46 hard modal layering and compact content form */
.client-portal-v46 .top-taskbar { z-index: 3000 !important; }
.client-portal-v46 .client-v46-header-card { margin-bottom: 0; }
.client-portal-v46 .client-platform-strip-v46 { margin: 18px 0 14px !important; position: relative !important; z-index: 3500 !important; }
.client-portal-v46 .platform-manager-panel-v46 { z-index: 120000 !important; background: #fff !important; opacity: 1 !important; }
.client-portal-v46 .platform-action-popover { z-index: 120002 !important; }
.client-portal-v46 .platform-add-title { font-size: 13px; }
.client-portal-v46 .v46-modal-shell, .client-portal-v46 #postModal.modal-shell { z-index: 200000 !important; position: fixed !important; inset: 0 !important; }
.client-portal-v46 .v46-modal-shell.open, .client-portal-v46 #postModal.modal-shell.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.client-portal-v46 .v46-modal-shell .modal-backdrop, .client-portal-v46 #postModal .modal-backdrop { z-index: 200000 !important; position: fixed !important; inset: 0 !important; background: rgba(18,15,10,.48) !important; }
.client-portal-v46 .v46-solid-modal { z-index: 200001 !important; background: #fff !important; opacity: 1 !important; top: calc(50% + 18px) !important; max-height: calc(100vh - 72px) !important; width: min(1120px, calc(100vw - 32px)) !important; }
.client-portal-v46 .v46-content-form { gap: 12px !important; padding: 18px 22px 22px !important; }
.client-portal-v46 .v46-content-form label { gap: 6px !important; }
.client-portal-v46 .v46-content-form input, .client-portal-v46 .v46-content-form select, .client-portal-v46 .v46-content-form textarea { min-height: 42px !important; }
.client-portal-v46 .v46-content-form textarea { min-height: 92px !important; }
.client-portal-v46 .compact-required-note { background: #fff8e8; border: 1px solid #ead9b5; border-radius: 14px; padding: 10px 12px; color: #6e520f; font-weight: 800; }
.client-portal-v46 .content-comment-section { border: 1px solid #ead9b5; border-radius: 18px; background: #fffdf8; padding: 14px; display: grid; gap: 12px; }
.client-portal-v46 .comment-section-head h3 { margin: 0 0 4px; font-size: 15px; }
.client-portal-v46 .comment-section-head p { margin: 0; color: #7d715f; font-size: 12px; font-weight: 700; }
.client-portal-v46 .content-comments-wrap { display: grid; gap: 10px; max-height: 240px; overflow: auto; }
.client-portal-v46 .content-comment-row { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 10px; border: 1px solid #efe0c1; border-radius: 14px; background: #fff; }
.client-portal-v46 .reply-comment { margin-left: 28px; background: #fffaf0; }
.client-portal-v46 .comment-avatar { width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: #f2dba9; font-weight: 900; color: #694500; font-size: 12px; }
.client-portal-v46 .comment-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12px; }
.client-portal-v46 .comment-meta span { color: #8a806f; font-weight: 700; }
.client-portal-v46 .comment-body p { margin: 4px 0 8px; color: #21190e; }
.client-portal-v46 .comment-actions { display: flex; gap: 10px; }
.client-portal-v46 .comment-actions button { border: 0; background: transparent; color: #73500c; font-weight: 900; cursor: pointer; padding: 0; }
.client-portal-v46 .content-comment-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
.client-portal-v46 .content-comment-form textarea { min-height: 54px !important; }
.client-portal-v46 .comment-reply-notice { grid-column: 1 / -1; margin: 0; color: #6b4b0c; font-size: 12px; font-weight: 800; }
.client-portal-v46 .error-text { color: #b42318; font-weight: 800; }
.client-portal-v46 .v46-team-shell, .client-portal-v46 #teamSpacePanel.side-panel-shell { z-index: 190000 !important; position: fixed !important; inset: 0 !important; }
.client-portal-v46 .v46-team-shell.open, .client-portal-v46 #teamSpacePanel.side-panel-shell.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.client-portal-v46 .v46-team-shell .side-panel-backdrop, .client-portal-v46 #teamSpacePanel .side-panel-backdrop { z-index: 190000 !important; position: fixed !important; inset: 0 !important; background: rgba(18,15,10,.38) !important; }
.client-portal-v46 .v46-team-panel { position: fixed !important; right: 0 !important; left: auto !important; top: 0 !important; bottom: 0 !important; transform: none !important; width: min(560px, 96vw) !important; max-width: 96vw !important; height: 100vh !important; overflow-y: auto !important; z-index: 190001 !important; background: #fff !important; opacity: 1 !important; border-left: 1px solid #e1c17a !important; box-shadow: -30px 0 90px rgba(0,0,0,.26) !important; }
.client-portal-v46 .team-member-row.auto-member { background: #fff8e8 !important; }
@media (max-width: 780px) {
  .client-portal-v46 .content-comment-form { grid-template-columns: 1fr; }
  .client-portal-v46 .v46-solid-modal { top: 50% !important; }
}

/* v47 final client portal repair: drawer, modal layering, compact add content, platform manager */
.client-portal-v47 .top-taskbar { z-index: 5000 !important; }
.client-portal-v47 .modal-shell,
.client-portal-v47 #postModal,
.client-portal-v47 .v47-modal-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 900000 !important;
  display: none;
}
.client-portal-v47 .modal-shell.open,
.client-portal-v47 #postModal.open,
.client-portal-v47 .v47-modal-shell.open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v47 .modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 900000 !important;
  background: rgba(15, 12, 8, .52) !important;
}
.client-portal-v47 .v47-solid-modal,
.client-portal-v47 .v46-solid-modal,
.client-portal-v47 #postModal .modal-card {
  position: fixed !important;
  z-index: 900001 !important;
  left: 50% !important;
  top: calc(50% + 18px) !important;
  transform: translate(-50%, -50%) !important;
  width: min(1080px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 72px) !important;
  overflow: auto !important;
  background: #ffffff !important;
  color: #17120b !important;
  opacity: 1 !important;
  border: 1px solid #e4c57d !important;
  border-radius: 24px !important;
  box-shadow: 0 38px 110px rgba(0, 0, 0, .30) !important;
}
.client-portal-v47 .v46-content-form {
  padding: 18px 22px 22px !important;
  display: grid !important;
  gap: 11px !important;
}
.client-portal-v47 .v46-content-form label,
.client-portal-v47 .v46-content-form .wide-field { gap: 5px !important; }
.client-portal-v47 .v46-content-form input,
.client-portal-v47 .v46-content-form select,
.client-portal-v47 .v46-content-form textarea,
.client-portal-v47 #postModal input,
.client-portal-v47 #postModal select,
.client-portal-v47 #postModal textarea {
  background: #ffffff !important;
  color: #17120b !important;
  opacity: 1 !important;
  min-height: 40px !important;
  border: 1px solid #ddc58c !important;
  border-radius: 13px !important;
}
.client-portal-v47 .v46-content-form textarea { min-height: 78px !important; }
.client-portal-v47 .form-row { gap: 10px !important; margin: 0 !important; }
.client-portal-v47 .compact-required-note { padding: 8px 12px !important; margin: 0 !important; }
.client-portal-v47 .content-comment-section {
  background: #fffdf8 !important;
  border: 1px solid #ead9b5 !important;
  border-radius: 16px !important;
  padding: 12px !important;
  margin: 0 !important;
}
.client-portal-v47 .content-comments-wrap { max-height: 220px !important; overflow: auto !important; }
.client-portal-v47 .content-comment-form { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; }
.client-portal-v47 .comment-reply-notice { grid-column: 1 / -1 !important; }

.client-portal-v47 .side-panel-shell,
.client-portal-v47 #teamSpacePanel,
.client-portal-v47 .v47-team-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 850000 !important;
  display: none;
}
.client-portal-v47 .side-panel-shell.open,
.client-portal-v47 #teamSpacePanel.open,
.client-portal-v47 .v47-team-shell.open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v47 .side-panel-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 850000 !important;
  background: rgba(15, 12, 8, .38) !important;
}
.client-portal-v47 .v47-team-panel,
.client-portal-v47 .v46-team-panel,
.client-portal-v47 #teamSpacePanel .side-panel-card {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
  transform: none !important;
  width: min(540px, 96vw) !important;
  height: 100vh !important;
  overflow-y: auto !important;
  z-index: 850001 !important;
  background: #ffffff !important;
  color: #17120b !important;
  opacity: 1 !important;
  border-left: 1px solid #e1c17a !important;
  border-radius: 0 !important;
  padding: 24px !important;
  box-shadow: -32px 0 90px rgba(0, 0, 0, .26) !important;
}
.client-portal-v47 #teamSpacePanel input,
.client-portal-v47 #teamSpacePanel select,
.client-portal-v47 #teamSpacePanel textarea {
  background: #ffffff !important;
  color: #17120b !important;
  opacity: 1 !important;
  border: 1px solid #ddc58c !important;
  border-radius: 13px !important;
}
.client-portal-v47 .team-member-row { background: #fffaf0 !important; border: 1px solid #ead9b5 !important; }
.client-portal-v47 .auto-member { background: #fff5df !important; }

.client-portal-v47 .client-platform-strip-v46 { position: relative !important; z-index: 6000 !important; background: transparent !important; border: 0 !important; margin: 18px 0 14px !important; padding: 0 !important; }
.client-portal-v47 .client-platform-management { position: relative !important; display: inline-block !important; }
.client-portal-v47 .platform-manager-btn { min-width: 138px !important; }
.client-portal-v47 #platformManagerPanel {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  width: 430px !important;
  max-width: calc(100vw - 40px) !important;
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #e2c785 !important;
  border-radius: 20px !important;
  padding: 16px !important;
  box-shadow: 0 28px 80px rgba(53, 37, 12, .22) !important;
  z-index: 910000 !important;
}
.client-portal-v47 #platformManagerPanel.open { display: block !important; }
.client-portal-v47 .platform-manager-list { max-height: 260px !important; overflow-y: auto !important; }
.client-portal-v47 .platform-menu-row { background: #fff !important; }
.client-portal-v47 .platform-action-popover { z-index: 910001 !important; background: #fff !important; }
.client-portal-v47 .platform-action-popover.open { display: flex !important; }
.client-portal-v47 .platform-search-field input,
.client-portal-v47 .platform-add-row input { background: #ffffff !important; }

@media (max-width: 780px) {
  .client-portal-v47 .form-row.two-cols,
  .client-portal-v47 .form-row.three-cols,
  .client-portal-v47 .form-row.five-cols,
  .client-portal-v47 .content-comment-form { grid-template-columns: 1fr !important; }
  .client-portal-v47 .v47-solid-modal,
  .client-portal-v47 .v46-solid-modal { top: 52% !important; width: calc(100vw - 18px) !important; }
}


/* v48 Add New Content exact row layout + Team Space/Platform final repair */
.client-portal-v48 .top-taskbar { z-index: 5000 !important; }
.client-portal-v48 #postModal,
.client-portal-v48 .v48-modal-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 950000 !important;
}
.client-portal-v48 #postModal.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.client-portal-v48 #postModal .modal-backdrop { z-index: 950000 !important; }
.client-portal-v48 #postModal .modal-card,
.client-portal-v48 .v48-solid-modal {
  z-index: 950001 !important;
  background: #fff !important;
  opacity: 1 !important;
  width: min(1040px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 86px) !important;
  top: calc(50% + 24px) !important;
  overflow-y: auto !important;
  border-radius: 22px !important;
}
.client-portal-v48 .modal-head { padding: 18px 22px 10px !important; border-bottom: 1px solid #ead9b5; }
.client-portal-v48 .v48-content-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 14px 22px 20px !important;
}
.client-portal-v48 .v48-content-form label,
.client-portal-v48 .v48-content-form .wide-field { display: grid !important; gap: 5px !important; font-weight: 800 !important; color: #6d604f !important; }
.client-portal-v48 .v48-content-form input,
.client-portal-v48 .v48-content-form select,
.client-portal-v48 .v48-content-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  background: #fff !important;
  color: #17120b !important;
  border: 1px solid #ddc58c !important;
  border-radius: 13px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  opacity: 1 !important;
}
.client-portal-v48 .v48-content-form textarea { min-height: 84px !important; resize: vertical; }
.client-portal-v48 .v48-row { display: grid !important; gap: 12px !important; margin: 0 !important; align-items: end !important; }
.client-portal-v48 .v48-row.one-col { grid-template-columns: 1fr !important; }
.client-portal-v48 .v48-row.two-cols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.client-portal-v48 .v48-row.three-cols { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.client-portal-v48 .v48-row.five-cols { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.client-portal-v48 .v48-required-note { padding: 9px 12px !important; margin: 0 !important; font-size: 13px !important; }
.client-portal-v48 .v48-toggle { min-height: 42px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; }
.client-portal-v48 .v48-toggle input { width: 20px !important; min-height: 20px !important; height: 20px !important; }
.client-portal-v48 .v48-caption-field,
.client-portal-v48 .v48-published-field,
.client-portal-v48 .v48-brand-link { margin: 0 !important; }
.client-portal-v48 .v48-comment-section {
  margin: 0 !important;
  padding: 12px !important;
  background: #fffdf8 !important;
  border: 1px solid #ead9b5 !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 10px !important;
}
.client-portal-v48 .content-comment-form { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; align-items: end !important; }
.client-portal-v48 .content-comment-form textarea { min-height: 54px !important; }
.client-portal-v48 .comment-reply-notice { grid-column: 1 / -1 !important; }
.client-portal-v48 #teamSpacePanel,
.client-portal-v48 .v48-team-shell { position: fixed !important; inset: 0 !important; z-index: 930000 !important; }
.client-portal-v48 #teamSpacePanel.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.client-portal-v48 #teamSpacePanel .side-panel-backdrop { position: fixed !important; inset: 0 !important; z-index: 930000 !important; background: rgba(15, 12, 8, .38) !important; }
.client-portal-v48 #teamSpacePanel .side-panel-card,
.client-portal-v48 .v48-team-panel {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: min(560px, 96vw) !important;
  height: 100vh !important;
  overflow-y: auto !important;
  z-index: 930001 !important;
  background: #fff !important;
  opacity: 1 !important;
  border-radius: 0 !important;
  border-left: 1px solid #e1c17a !important;
  box-shadow: -34px 0 95px rgba(0,0,0,.28) !important;
}
.client-portal-v48 #teamSpacePanel input,
.client-portal-v48 #teamSpacePanel select,
.client-portal-v48 #teamSpacePanel textarea { background: #fff !important; opacity: 1 !important; }
.client-portal-v48 .platform-search-field { display: none !important; }
.client-portal-v48 #platformManagerPanel { z-index: 920000 !important; background: #fff !important; opacity: 1 !important; }
.client-portal-v48 .platform-manager-list { display: grid !important; gap: 6px !important; }
.client-portal-v48 .platform-action-popover { display: none; position: absolute; right: 0; top: 34px; background: #fff !important; border: 1px solid #e2c785; border-radius: 12px; box-shadow: 0 14px 40px rgba(53,37,12,.18); padding: 6px; z-index: 920002 !important; }
.client-portal-v48 .platform-action-popover.open { display: grid !important; }
@media (max-width: 860px) {
  .client-portal-v48 .v48-row.two-cols,
  .client-portal-v48 .v48-row.three-cols,
  .client-portal-v48 .v48-row.five-cols,
  .client-portal-v48 .content-comment-form { grid-template-columns: 1fr !important; }
  .client-portal-v48 #postModal .modal-card { top: 52% !important; width: calc(100vw - 18px) !important; }
}

/* v49 final Add New Content save repair + proper Brand Partnership toggle */
.client-portal-v49 .top-taskbar { z-index: 5000 !important; }
.client-portal-v49 #postModal,
.client-portal-v49 .v49-modal-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 990000 !important;
}
.client-portal-v49 #postModal.open,
.client-portal-v49 .v49-modal-shell.open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v49 #postModal .modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 990000 !important;
  background: rgba(18, 15, 10, .45) !important;
  backdrop-filter: blur(4px) !important;
}
.client-portal-v49 #postModal .modal-card,
.client-portal-v49 .v49-solid-modal {
  position: fixed !important;
  left: 50% !important;
  top: calc(50% + 20px) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 990001 !important;
  background: #fff !important;
  opacity: 1 !important;
  width: min(980px, calc(100vw - 36px)) !important;
  max-height: calc(100vh - 96px) !important;
  overflow-y: auto !important;
  border-radius: 22px !important;
  border: 1px solid #e4c581 !important;
  box-shadow: 0 36px 120px rgba(0,0,0,.28) !important;
}
.client-portal-v49 #postModal .modal-head {
  padding: 18px 22px 10px !important;
  border-bottom: 1px solid #ead9b5 !important;
  background: #fff !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
}
.client-portal-v49 .v49-content-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 14px 22px 20px !important;
  background: #fff !important;
}
.client-portal-v49 .v49-content-form > * {
  grid-column: 1 / -1 !important;
}
.client-portal-v49 .v49-content-form label,
.client-portal-v49 .v49-content-form .wide-field {
  display: grid !important;
  gap: 5px !important;
  font-weight: 800 !important;
  color: #6d604f !important;
  margin: 0 !important;
}
.client-portal-v49 .v49-content-form input,
.client-portal-v49 .v49-content-form select,
.client-portal-v49 .v49-content-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  background: #fff !important;
  color: #17120b !important;
  border: 1px solid #ddc58c !important;
  border-radius: 13px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  opacity: 1 !important;
  font-size: 14px !important;
}
.client-portal-v49 .v49-content-form textarea {
  min-height: 88px !important;
  resize: vertical !important;
}
.client-portal-v49 .v49-row {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  align-items: end !important;
}
.client-portal-v49 .v49-row.one-col { grid-template-columns: 1fr !important; }
.client-portal-v49 .v49-row.two-cols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.client-portal-v49 .v49-row.three-cols { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.client-portal-v49 .v49-row.five-cols { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.client-portal-v49 .v49-required-note {
  grid-column: 1 / -1 !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  font-size: 13px !important;
  border-radius: 14px !important;
  background: #fff7e8 !important;
  border: 1px solid #ead9b5 !important;
}
.client-portal-v49 .brand-switch-field {
  min-height: 42px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 8px 10px !important;
  border: 1px solid #ddc58c !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.client-portal-v49 .brand-switch-field input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  pointer-events: none !important;
}
.client-portal-v49 .brand-switch-label {
  font-weight: 900 !important;
  color: #5c4b2d !important;
}
.client-portal-v49 .brand-toggle-switch {
  position: relative !important;
  width: 82px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: #dc2626 !important;
  border: 2px solid #b91c1c !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.12) !important;
  flex: 0 0 auto !important;
  transition: .18s ease !important;
}
.client-portal-v49 .brand-toggle-knob {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
  transition: .18s ease !important;
  z-index: 2 !important;
}
.client-portal-v49 .brand-toggle-on,
.client-portal-v49 .brand-toggle-off {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #fff !important;
  letter-spacing: .03em !important;
}
.client-portal-v49 .brand-toggle-on { left: 12px !important; opacity: 0 !important; }
.client-portal-v49 .brand-toggle-off { right: 10px !important; opacity: 1 !important; }
.client-portal-v49 .brand-switch-field input[type="checkbox"]:checked + .brand-toggle-switch {
  background: #16a34a !important;
  border-color: #15803d !important;
}
.client-portal-v49 .brand-switch-field input[type="checkbox"]:checked + .brand-toggle-switch .brand-toggle-knob {
  left: 49px !important;
}
.client-portal-v49 .brand-switch-field input[type="checkbox"]:checked + .brand-toggle-switch .brand-toggle-on { opacity: 1 !important; }
.client-portal-v49 .brand-switch-field input[type="checkbox"]:checked + .brand-toggle-switch .brand-toggle-off { opacity: 0 !important; }
.client-portal-v49 .v49-brand-link,
.client-portal-v49 .v49-caption-field,
.client-portal-v49 .v49-published-field { margin: 0 !important; }
.client-portal-v49 .v49-comment-section {
  margin: 0 !important;
  padding: 12px !important;
  background: #fffdf8 !important;
  border: 1px solid #ead9b5 !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 10px !important;
}
.client-portal-v49 .content-comment-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}
.client-portal-v49 .content-comment-form textarea { min-height: 54px !important; }
.client-portal-v49 .comment-reply-notice { grid-column: 1 / -1 !important; }
.client-portal-v49 #teamSpacePanel,
.client-portal-v49 .v49-team-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 980000 !important;
}
.client-portal-v49 #teamSpacePanel.open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v49 #teamSpacePanel .side-panel-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 980000 !important;
  background: rgba(15, 12, 8, .38) !important;
}
.client-portal-v49 #teamSpacePanel .side-panel-card,
.client-portal-v49 .v49-team-panel {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: min(560px, 96vw) !important;
  height: 100vh !important;
  overflow-y: auto !important;
  z-index: 980001 !important;
  background: #fff !important;
  opacity: 1 !important;
  border-radius: 0 !important;
  border-left: 1px solid #e1c17a !important;
  box-shadow: -34px 0 95px rgba(0,0,0,.28) !important;
}
.client-portal-v49 #teamSpacePanel input,
.client-portal-v49 #teamSpacePanel select,
.client-portal-v49 #teamSpacePanel textarea {
  background: #fff !important;
  opacity: 1 !important;
}
@media (max-width: 860px) {
  .client-portal-v49 .v49-row.two-cols,
  .client-portal-v49 .v49-row.three-cols,
  .client-portal-v49 .v49-row.five-cols,
  .client-portal-v49 .content-comment-form { grid-template-columns: 1fr !important; }
  .client-portal-v49 #postModal .modal-card { top: 52% !important; width: calc(100vw - 18px) !important; }
}

/* v50 Add New Content save repair + smaller same-row Brand Partnership toggle */
.client-portal-v50 #postModal,
.client-portal-v50 .v50-modal-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 995000 !important;
}
.client-portal-v50 #postModal.open { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
.client-portal-v50 #postModal .modal-card,
.client-portal-v50 .v49-solid-modal {
  z-index: 995001 !important;
  background: #fff !important;
  opacity: 1 !important;
  width: min(1080px, calc(100vw - 36px)) !important;
  max-height: calc(100vh - 96px) !important;
}
.client-portal-v50 .v50-brand-row {
  grid-template-columns: minmax(260px, 1.4fr) minmax(180px, .72fr) minmax(260px, 1.15fr) !important;
  align-items: end !important;
}
.client-portal-v50 .brand-switch-field.v50-toggle {
  min-height: 42px !important;
  padding: 7px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 9px !important;
  border-radius: 13px !important;
  background: #fff !important;
  border: 1px solid #ddc58c !important;
}
.client-portal-v50 .brand-switch-label {
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  max-width: 92px !important;
}
.client-portal-v50 .brand-toggle-switch {
  width: 56px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border-width: 2px !important;
  flex: 0 0 56px !important;
}
.client-portal-v50 .brand-toggle-knob {
  width: 20px !important;
  height: 20px !important;
  top: 2px !important;
  left: 2px !important;
}
.client-portal-v50 .brand-toggle-on,
.client-portal-v50 .brand-toggle-off {
  font-size: 9px !important;
  letter-spacing: .02em !important;
}
.client-portal-v50 .brand-toggle-on { left: 8px !important; }
.client-portal-v50 .brand-toggle-off { right: 7px !important; }
.client-portal-v50 .brand-switch-field input[type="checkbox"]:checked + .brand-toggle-switch .brand-toggle-knob {
  left: 30px !important;
}
.client-portal-v50 #brandPartnerLinkWrap.hidden-field { display: none !important; }
.client-portal-v50 #brandPartnerLinkWrap:not(.hidden-field) { display: grid !important; }
@media (max-width: 980px) {
  .client-portal-v50 .v50-brand-row { grid-template-columns: 1fr !important; }
  .client-portal-v50 .brand-switch-field.v50-toggle { justify-content: flex-start !important; }
}


/* v51 — Client content table compact fixed layout */
.client-portal-v51 .client-v46-table-card,
.client-portal-v51 .client-v51-table-card {
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 12px 14px !important;
}
.client-portal-v51 .client-table-wrap,
.client-portal-v51 .workspace-table-wrap {
  overflow-x: visible !important;
  width: 100% !important;
  border: 0 !important;
}
.client-portal-v51 .workspace-content-table,
.client-portal-v51 .client-v46-table,
.client-portal-v51 .client-v51-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}
.client-portal-v51 .client-v51-table thead tr,
.client-portal-v51 .client-v51-table tbody tr {
  height: 64px !important;
}
.client-portal-v51 .client-v51-table th,
.client-portal-v51 .client-v51-table td {
  padding: 9px 7px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.client-portal-v51 .client-v51-table th {
  height: 42px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}
.client-portal-v51 .client-v51-table td strong {
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  overflow: hidden !important;
  line-height: 1.15 !important;
  font-size: 13px !important;
}
.client-portal-v51 .client-v51-table td small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.client-portal-v51 .client-v51-table th:nth-child(1),
.client-portal-v51 .client-v51-table td:nth-child(1) { width: 7%; }
.client-portal-v51 .client-v51-table th:nth-child(2),
.client-portal-v51 .client-v51-table td:nth-child(2) { width: 11%; }
.client-portal-v51 .client-v51-table th:nth-child(3),
.client-portal-v51 .client-v51-table td:nth-child(3) { width: 16%; }
.client-portal-v51 .client-v51-table th:nth-child(4),
.client-portal-v51 .client-v51-table td:nth-child(4) { width: 9%; }
.client-portal-v51 .client-v51-table th:nth-child(5),
.client-portal-v51 .client-v51-table td:nth-child(5) { width: 10%; }
.client-portal-v51 .client-v51-table th:nth-child(6),
.client-portal-v51 .client-v51-table td:nth-child(6) { width: 8%; }
.client-portal-v51 .client-v51-table th:nth-child(7),
.client-portal-v51 .client-v51-table td:nth-child(7) { width: 9%; }
.client-portal-v51 .client-v51-table th:nth-child(8),
.client-portal-v51 .client-v51-table td:nth-child(8) { width: 9%; }
.client-portal-v51 .client-v51-table th:nth-child(9),
.client-portal-v51 .client-v51-table td:nth-child(9) { width: 13%; }
.client-portal-v51 .client-v51-table th:nth-child(10),
.client-portal-v51 .client-v51-table td:nth-child(10) { width: 8%; }
.client-portal-v51 .content-thumb {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
}
.client-portal-v51 .placeholder-thumb { font-size: 18px !important; }
.client-portal-v51 .status-pill {
  min-height: 24px !important;
  max-width: 100% !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.client-portal-v51 .row-actions {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
}
.client-portal-v51 .row-actions .icon-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  font-size: 13px !important;
}
.client-portal-v51 .client-v46-pagination {
  padding: 14px 0 2px !important;
  gap: 16px !important;
}
.client-portal-v51 .client-v46-page-controls .small-btn {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
}
@media (max-width: 1180px) {
  .client-portal-v51 .client-v46-layout { grid-template-columns: 1fr !important; }
  .client-portal-v51 .client-v46-ai-panel { position: static !important; }
}

/* v52 content table action menu */
.content-actions-cell{
  position:relative;
  width:72px;
  min-width:72px;
  text-align:center;
  overflow:visible !important;
}
.content-action-trigger{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(134,92,26,.22);
  background:#fffaf0;
  color:#6f4a13;
  font-weight:900;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.content-action-trigger:hover{ background:#f7e7c4; }
.content-action-menu{
  display:none;
  position:absolute;
  top:38px;
  right:8px;
  z-index:99999;
  min-width:150px;
  padding:8px;
  border:1px solid rgba(134,92,26,.22);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 40px rgba(43,31,12,.18);
  text-align:left;
}
.content-action-menu.open{ display:block; }
.content-action-menu button{
  width:100%;
  border:0;
  background:#fff;
  padding:10px 12px;
  border-radius:10px;
  font-weight:800;
  color:#3d2a11;
  text-align:left;
  cursor:pointer;
}
.content-action-menu button:hover{ background:#fff4dc; }
.content-action-menu button.danger{ color:#a33828; }
.client-v51-table,
.client-v51-table tbody,
.client-v51-table tr,
.client-v51-table td{
  overflow:visible !important;
}
.client-content-table-panel,
.client-v51-table-card{
  overflow:visible !important;
}


/* v53 client portal layering repair: platform stays below topbar; content actions always visible */
.client-portal-v53 .top-taskbar,
.client-portal-v53 .app-topbar,
.client-portal-v53 header.top-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 300000 !important;
}
.client-portal-v53 .client-platform-strip,
.client-portal-v53 .client-platform-strip-v46,
.client-portal-v53 .client-platform-strip-v39 {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 18px !important;
  transform: none !important;
}
.client-portal-v53 .platform-manager-btn {
  position: relative !important;
  z-index: 6 !important;
}
.client-portal-v53 #platformManagerPanel,
.client-portal-v53 .platform-manager-panel,
.client-portal-v53 .platform-manager-panel-v46,
.client-portal-v53 .platform-manager-panel-v38 {
  position: absolute !important;
  z-index: 200000 !important;
  background: #fff !important;
  opacity: 1 !important;
  transform: none !important;
}
.client-portal-v53 .client-v46-header-card {
  overflow: hidden !important;
}
.client-portal-v53 .content-actions-cell {
  position: relative !important;
  overflow: visible !important;
  text-align: center !important;
}
.client-portal-v53 .content-action-menu {
  position: fixed !important;
  display: none;
  z-index: 400000 !important;
  min-width: 150px !important;
  background: #fff !important;
  opacity: 1 !important;
  border: 1px solid rgba(134,92,26,.25) !important;
  box-shadow: 0 20px 45px rgba(43,31,12,.22) !important;
}
.client-portal-v53 .content-action-menu.open {
  display: block !important;
}
.client-portal-v53 .workspace-table-panel,
.client-portal-v53 .client-content-table-panel,
.client-portal-v53 .client-table-wrap,
.client-portal-v53 .workspace-table-wrap,
.client-portal-v53 .client-v51-table,
.client-portal-v53 .client-v51-table tbody,
.client-portal-v53 .client-v51-table tr,
.client-portal-v53 .client-v51-table td {
  overflow: visible !important;
}
.client-portal-v53 .content-action-menu button {
  display: block !important;
  width: 100% !important;
  background: #fff !important;
  color: #3d2a11 !important;
  text-align: left !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 0 !important;
}
.client-portal-v53 .content-action-menu button:hover { background: #fff4dc !important; }
.client-portal-v53 .content-action-menu button.danger { color: #a33828 !important; }

/* v54 — align content table action column with row divider */
.client-portal-v54 .client-v51-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.client-portal-v54 .client-v51-table tbody tr {
  height: 64px !important;
}
.client-portal-v54 .client-v51-table th,
.client-portal-v54 .client-v51-table td {
  border-bottom: 1px solid #eadfca !important;
  vertical-align: middle !important;
}
.client-portal-v54 .client-v51-table td.content-actions-cell,
.client-portal-v54 .client-v51-table td.row-actions.content-actions-cell {
  display: table-cell !important;
  position: relative !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 8px !important;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: visible !important;
  border-bottom: 1px solid #eadfca !important;
}
.client-portal-v54 .content-actions-cell::before,
.client-portal-v54 .content-actions-cell::after {
  content: none !important;
  display: none !important;
}
.client-portal-v54 .content-action-trigger {
  width: 34px !important;
  height: 34px !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 0 !important;
}
.client-portal-v54 .content-action-menu {
  position: fixed !important;
  z-index: 500000 !important;
  background: #fff !important;
  opacity: 1 !important;
}
.client-portal-v54 .client-v46-pagination {
  border-top: 0 !important;
}


/* v55 — content action menu lifecycle and modal layering fix */
.client-portal-v55 .content-action-menu {
  display: none !important;
  position: fixed !important;
  z-index: 180000 !important;
  min-width: 150px !important;
  background: #fff !important;
  border: 1px solid rgba(134, 92, 26, .25) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(43, 31, 12, .20) !important;
}
.client-portal-v55 .content-action-menu.open {
  display: block !important;
}
.client-portal-v55.content-modal-open .content-action-menu,
.client-portal-v55.team-space-open .content-action-menu,
body.content-modal-open .content-action-menu,
body.team-space-open .content-action-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.client-portal-v55 #postModal,
.client-portal-v55 #postModal.modal-shell,
.client-portal-v55 #postModal.modal-shell.open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;
}
.client-portal-v55 #postModal .modal-backdrop {
  z-index: 1000000 !important;
}
.client-portal-v55 #postModal .modal-card {
  position: relative !important;
  z-index: 1000001 !important;
  background: #fff !important;
}
.client-portal-v55 .team-space-panel,
.client-portal-v55 #teamSpacePanel {
  z-index: 1000002 !important;
}
.client-portal-v55 .content-actions-cell {
  overflow: visible !important;
}


/* v56 — exact content status color mapping */
.client-portal-v56 .status-pill,
.content-status-pill,
.status-pill {
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 900 !important;
}
.client-portal-v56 .status-request,
.status-pill.status-request {
  background: #FBBF24 !important;
  color: #111827 !important;
}
.client-portal-v56 .status-change_request,
.status-pill.status-change_request {
  background: #F97316 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-in_design,
.status-pill.status-in_design {
  background: #3B82F6 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-ready_for_review,
.status-pill.status-ready_for_review {
  background: #8B5CF6 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-approved,
.status-pill.status-approved {
  background: #22C55E !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-scheduled,
.status-pill.status-scheduled {
  background: #0EA5E9 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-published,
.status-pill.status-published {
  background: #111827 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-cancelled,
.status-pill.status-cancelled {
  background: #EF4444 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-rejected,
.status-pill.status-rejected {
  background: #DC2626 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-archived,
.status-pill.status-archived {
  background: #6B7280 !important;
  color: #ffffff !important;
}
.client-portal-v56 .status-custom,
.status-pill.status-custom {
  background: #A3A3A3 !important;
  color: #111827 !important;
}

/* v57 — Edit/Add Content modal center alignment and same-row footer buttons */
.client-portal-v57 #postModal.modal-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.client-portal-v57 #postModal.modal-shell.open {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v57 #postModal .modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(18, 15, 10, 0.48) !important;
  backdrop-filter: blur(4px) !important;
}
.client-portal-v57 #postModal .modal-card,
.client-portal-v57 #postModal .large-modal,
.client-portal-v57 #postModal .v46-solid-modal,
.client-portal-v57 #postModal .v47-solid-modal,
.client-portal-v57 #postModal .v48-solid-modal,
.client-portal-v57 #postModal .v49-solid-modal {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  width: min(1080px, calc(100vw - 48px)) !important;
  max-width: min(1080px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 72px) !important;
  overflow: auto !important;
  z-index: 1 !important;
  background: #fff !important;
  border: 1px solid #e1c17a !important;
  border-radius: 24px !important;
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.28) !important;
}
.client-portal-v57 #postModal .modal-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #fff !important;
  border-bottom: 1px solid #ecd9ad !important;
}
.client-portal-v57 #postModal .modal-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 16px 0 0 !important;
  margin-top: 6px !important;
  border-top: 1px solid #f0e3c4 !important;
}
.client-portal-v57 #postModal .modal-actions button,
.client-portal-v57 #postModal .modal-actions .small-btn,
.client-portal-v57 #postModal .modal-actions .primary-btn {
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
.client-portal-v57 #postModal .modal-actions .small-btn {
  order: 1 !important;
}
.client-portal-v57 #postModal .modal-actions .primary-btn {
  order: 2 !important;
}
@media (max-width: 760px) {
  .client-portal-v57 #postModal.modal-shell {
    padding: 12px !important;
  }
  .client-portal-v57 #postModal .modal-card,
  .client-portal-v57 #postModal .large-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }
  .client-portal-v57 #postModal .modal-actions {
    flex-direction: row !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }
}


/* v58 — hard fix: Add/Edit Content modal must be centered, never side drawer */
.client-portal-v58 #postModal.modal-shell,
#postModal.content-modal-centered-v58 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2500000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  overflow: auto !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.client-portal-v58 #postModal.modal-shell.open,
#postModal.content-modal-centered-v58.open {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.client-portal-v58 #postModal .modal-backdrop,
#postModal.content-modal-centered-v58 .modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(18, 15, 10, 0.50) !important;
  backdrop-filter: blur(4px) !important;
}
.client-portal-v58 #postModal .modal-card,
.client-portal-v58 #postModal .large-modal,
.client-portal-v58 #postModal .v46-solid-modal,
.client-portal-v58 #postModal .v47-solid-modal,
.client-portal-v58 #postModal .v48-solid-modal,
.client-portal-v58 #postModal .v49-solid-modal,
#postModal .content-modal-card-centered-v58 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  width: min(1080px, calc(100vw - 48px)) !important;
  max-width: min(1080px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 72px) !important;
  overflow: auto !important;
  z-index: 1 !important;
  background: #fff !important;
  opacity: 1 !important;
  border: 1px solid #e1c17a !important;
  border-radius: 24px !important;
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.28) !important;
}
.client-portal-v58 #postModal .modal-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #fff !important;
  border-bottom: 1px solid #ecd9ad !important;
}
.client-portal-v58 #postModal .modal-actions,
#postModal.content-modal-centered-v58 .modal-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 16px 0 0 !important;
  margin-top: 8px !important;
  border-top: 1px solid #f0e3c4 !important;
}
.client-portal-v58 #postModal .modal-actions button,
#postModal.content-modal-centered-v58 .modal-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .client-portal-v58 #postModal.modal-shell,
  #postModal.content-modal-centered-v58 { padding: 12px !important; }
  .client-portal-v58 #postModal .modal-card,
  .client-portal-v58 #postModal .large-modal,
  #postModal .content-modal-card-centered-v58 {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }
}

/* v59 Team Space production fix */
.client-portal-v59 #teamSpacePanel.side-panel-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 990000 !important;
  display: none !important;
  pointer-events: none !important;
}
.client-portal-v59 #teamSpacePanel.side-panel-shell.open {
  display: block !important;
  pointer-events: auto !important;
}
.client-portal-v59 #teamSpacePanel .side-panel-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 990000 !important;
  background: rgba(15, 12, 8, .42) !important;
  backdrop-filter: blur(3px) !important;
}
.client-portal-v59 #teamSpacePanel .side-panel-card {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
  width: min(560px, 96vw) !important;
  max-width: 96vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  background: #fff !important;
  opacity: 1 !important;
  z-index: 990001 !important;
  border-radius: 0 !important;
  border-left: 1px solid #e1c17a !important;
  box-shadow: -34px 0 95px rgba(0,0,0,.28) !important;
  transform: translateX(0) !important;
  margin: 0 !important;
  padding: 24px !important;
}
.client-portal-v59 #teamSpacePanel input,
.client-portal-v59 #teamSpacePanel select,
.client-portal-v59 #teamSpacePanel textarea,
.client-portal-v59 #teamSpacePanel button {
  opacity: 1 !important;
}
.client-portal-v59 #teamSpacePanel input,
.client-portal-v59 #teamSpacePanel select,
.client-portal-v59 #teamSpacePanel textarea {
  background: #fff !important;
  color: #171411 !important;
}
.client-portal-v59 .modal-shell.open {
  z-index: 991000 !important;
}
.client-portal-v59 .modal-shell.open .modal-card {
  z-index: 991002 !important;
  position: relative !important;
}
.client-portal-v59 .content-action-menu {
  z-index: 5000 !important;
}
.client-portal-v59 .modal-shell.open ~ .content-action-menu,
.client-portal-v59.team-space-open .content-action-menu {
  display: none !important;
}

/* v60 LinkedIn-style Content Comment System */
.linkedin-comment-section-v60 {
  background: #fff;
  border: 1px solid #f0e3c4;
  border-radius: 18px;
  padding: 18px;
  margin-top: 8px;
}
.linkedin-comment-head-v60 {
  margin-bottom: 12px;
}
.linkedin-comment-head-v60 h3 {
  margin: 0;
  font-size: 18px;
  color: #17120b;
}
.linkedin-comment-head-v60 p {
  margin: 3px 0 0;
  color: #7c6f5e;
  font-size: 13px;
}
.linkedin-comment-composer-v60 {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 10px;
  align-items: start;
  margin-bottom: 16px;
}
.linkedin-composer-avatar-v60,
.linkedin-comment-avatar-v60 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f4c542, #d39a22);
  color: #15110b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  flex: 0 0 auto;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.75);
}
.linkedin-composer-box-v60 {
  border: 1px solid #d9d3c8;
  border-radius: 24px;
  background: #fff;
  padding: 9px 12px 8px;
}
.linkedin-composer-box-v60 textarea {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  resize: vertical;
  min-height: 32px;
  width: 100%;
  padding: 4px 0 !important;
  background: transparent !important;
  font-size: 14px;
  color: #17120b;
}
.linkedin-composer-tools-v60 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #f3ead8;
  padding-top: 7px;
}
.linkedin-composer-actions-v60 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.comment-icon-btn-v60 {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #5f594e;
  cursor: pointer;
  font-weight: 800;
  font-size: 17px;
}
.comment-icon-btn-v60:hover {
  background: #f6eedf;
}
.linkedin-post-comment-btn-v60 {
  min-width: 76px !important;
  height: 32px !important;
  padding: 0 14px !important;
}
.comment-reply-notice {
  font-size: 12px;
  color: #6f4a08;
  margin: 0;
}
.comment-reply-notice button {
  border: 0;
  background: transparent;
  color: #a66f00;
  font-weight: 700;
  cursor: pointer;
  margin-left: 6px;
}
.linkedin-comment-sort-v60 {
  margin: 8px 0 14px 52px;
  color: #312d27;
  font-weight: 700;
  font-size: 13px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.linkedin-comment-list-v60 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.linkedin-comment-row-v60 {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 10px;
  position: relative;
}
.linkedin-comment-parent-v60::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 42px;
  bottom: -8px;
  width: 2px;
  background: #ece5d8;
  border-radius: 8px;
}
.linkedin-comment-reply-v60::before {
  content: '';
  position: absolute;
  left: -31px;
  top: 19px;
  width: 28px;
  height: 20px;
  border-left: 2px solid #ece5d8;
  border-bottom: 2px solid #ece5d8;
  border-bottom-left-radius: 14px;
}
.linkedin-comment-main-v60 {
  min-width: 0;
}
.linkedin-comment-top-v60 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 22px;
}
.linkedin-comment-top-v60 strong {
  font-size: 14px;
  color: #17120b;
}
.linkedin-comment-top-v60 span {
  font-size: 12px;
  color: #8a8275;
}
.linkedin-comment-text-v60 {
  margin: 6px 0 8px;
  color: #24201a;
  font-size: 14px;
  line-height: 1.55;
  white-space: pre-wrap;
}
.linkedin-mention-v60 {
  color: #0a66c2;
}
.linkedin-comment-actions-v60 {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #5f594e;
  font-size: 12px;
}
.linkedin-comment-actions-v60 button {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #5f594e;
  font-weight: 700;
  padding: 2px 3px;
}
.linkedin-comment-actions-v60 button:hover,
.linkedin-comment-actions-v60 button.is-reacted {
  color: #0a66c2;
}
.linkedin-replies-v60 {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.linkedin-comment-reply-v60 {
  margin-left: 8px;
  grid-template-columns: 34px 1fr;
}
.linkedin-comment-reply-v60 .linkedin-comment-avatar-v60 {
  width: 32px;
  height: 32px;
  font-size: 11px;
}
.linkedin-comment-menu-v60 {
  margin-left: auto;
  position: relative;
}
.linkedin-comment-more-v60 {
  border: 0;
  background: transparent;
  color: #5f594e;
  font-size: 18px;
  width: 28px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}
.linkedin-comment-menu-items-v60 {
  display: none;
  position: absolute;
  right: 0;
  top: 26px;
  width: 120px;
  background: #fff;
  border: 1px solid #ead7ae;
  border-radius: 12px;
  box-shadow: 0 14px 40px rgba(0,0,0,.14);
  padding: 6px;
  z-index: 2600000;
}
.linkedin-comment-menu-v60:hover .linkedin-comment-menu-items-v60,
.linkedin-comment-menu-v60:focus-within .linkedin-comment-menu-items-v60 {
  display: grid;
  gap: 3px;
}
.linkedin-comment-menu-items-v60 button {
  border: 0;
  background: transparent;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  color: #17120b;
}
.linkedin-comment-menu-items-v60 button:hover {
  background: #f8f0df;
}
.linkedin-empty-comments-v60 {
  margin: 8px 0 4px 52px;
  color: #7c6f5e;
  font-size: 13px;
}
.linkedin-load-comments-v60 {
  margin: 14px 0 0 52px;
  border: 0;
  background: transparent;
  color: #4c463d;
  font-weight: 800;
  cursor: pointer;
}
@media (max-width: 720px) {
  .linkedin-comment-composer-v60,
  .linkedin-comment-row-v60 {
    grid-template-columns: 34px 1fr;
  }
  .linkedin-composer-avatar-v60,
  .linkedin-comment-avatar-v60 {
    width: 32px;
    height: 32px;
    font-size: 11px;
  }
  .linkedin-comment-sort-v60,
  .linkedin-empty-comments-v60,
  .linkedin-load-comments-v60 {
    margin-left: 42px;
  }
}

/* v61 Screenshot-matched LinkedIn-style comment thread */
.client-portal-v59 .linkedin-comment-section-v61,
.linkedin-comment-section-v61 {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 4px 0 0 !important;
  margin-top: 10px !important;
  box-shadow: none !important;
}
.linkedin-comment-section-v61 .linkedin-comment-head-v61,
.linkedin-comment-head-v61 {
  display: none !important;
}
.linkedin-comment-composer-v61 {
  display: block !important;
  margin: 0 0 22px 0 !important;
}
.linkedin-composer-avatar-v61 {
  display: none !important;
}
.linkedin-composer-box-v61 {
  min-height: 46px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 999px !important;
  background: #fff !important;
  padding: 5px 10px 5px 20px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}
.linkedin-composer-box-v61 textarea {
  min-height: 32px !important;
  height: 32px !important;
  max-height: 96px !important;
  resize: none !important;
  overflow-y: auto !important;
  border: 0 !important;
  background: transparent !important;
  padding: 7px 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  color: #1f1f1f !important;
  font-weight: 500 !important;
}
.linkedin-composer-box-v61 textarea::placeholder {
  color: #6b6b6b !important;
}
.linkedin-composer-tools-v61 {
  border: 0 !important;
  padding: 0 !important;
  display: contents !important;
}
.linkedin-composer-actions-v61 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 0 !important;
}
.comment-reply-notice {
  grid-column: 1 / -1 !important;
  margin: 0 0 4px !important;
  font-size: 12px !important;
}
.comment-icon-btn-v61 {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #3f3f3f !important;
  border: 0 !important;
  font-size: 0 !important;
  position: relative !important;
}
.comment-icon-btn-v61[title*="emoji"]::before,
.comment-icon-btn-v61[data-comment-emoji]::before {
  content: '☻';
  font-size: 22px;
  line-height: 1;
}
.comment-icon-btn-v61[title*="Image"]::before,
.comment-icon-btn-v61[data-comment-image]::before {
  content: '▣';
  font-size: 22px;
  line-height: 1;
}
.linkedin-post-comment-btn-v61 {
  height: 30px !important;
  min-width: 54px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.linkedin-comment-sort-v61 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 16px 0 !important;
  font-size: 14px !important;
  color: #222 !important;
  font-weight: 700 !important;
}
.linkedin-comment-list-v61 {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.linkedin-comment-row-v61 {
  display: grid !important;
  grid-template-columns: 40px 1fr !important;
  gap: 12px !important;
  position: relative !important;
  align-items: start !important;
}
.linkedin-comment-avatar-v61 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #e8e8e8, #cfcfcf) !important;
  color: #222 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  border: 1px solid #eeeeee !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.linkedin-comment-parent-v61.has-replies-v61::before {
  content: '' !important;
  position: absolute !important;
  left: 17px !important;
  top: 42px !important;
  bottom: -18px !important;
  width: 2px !important;
  background: #e2e2e2 !important;
  border-radius: 99px !important;
}
.linkedin-comment-reply-v61 {
  grid-template-columns: 34px 1fr !important;
  margin-left: 0 !important;
}
.linkedin-comment-reply-v61::before {
  content: '' !important;
  position: absolute !important;
  left: -30px !important;
  top: 16px !important;
  width: 28px !important;
  height: 21px !important;
  border-left: 2px solid #e2e2e2 !important;
  border-bottom: 2px solid #e2e2e2 !important;
  border-bottom-left-radius: 13px !important;
}
.linkedin-comment-reply-v61 .linkedin-comment-avatar-v61 {
  width: 30px !important;
  height: 30px !important;
  font-size: 11px !important;
}
.linkedin-comment-main-v61 {
  min-width: 0 !important;
  padding-right: 4px !important;
}
.linkedin-comment-headline-v61 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 22px !important;
}
.linkedin-comment-author-v61 {
  color: #111 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}
.linkedin-comment-time-v61 {
  margin-left: auto !important;
  color: #666 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.linkedin-comment-text-v61 {
  margin: 8px 0 9px !important;
  color: #171717 !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  white-space: pre-wrap !important;
}
.linkedin-mention-v61 {
  color: #0a66c2 !important;
  font-weight: 800 !important;
}
.linkedin-comment-actions-v61 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #404040 !important;
  font-size: 12px !important;
  min-height: 20px !important;
}
.linkedin-comment-icon-action-v61 {
  border: 0 !important;
  background: transparent !important;
  color: #3d3d3d !important;
  font-size: 18px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 2px !important;
  font-weight: 700 !important;
}
.linkedin-comment-icon-action-v61.is-reacted {
  color: #0a66c2 !important;
}
.linkedin-replies-v61 {
  margin-top: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
.linkedin-comment-menu-v61 {
  position: relative !important;
  display: inline-flex !important;
  margin-left: 2px !important;
}
.linkedin-comment-more-v61 {
  border: 0 !important;
  background: transparent !important;
  color: #333 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 18px !important;
  padding: 0 !important;
}
.linkedin-comment-more-v61:hover {
  background: #f1f1f1 !important;
}
.linkedin-comment-menu-items-v61 {
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  top: 26px !important;
  min-width: 120px !important;
  background: #fff !important;
  border: 1px solid #dddddd !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.14) !important;
  padding: 6px !important;
  z-index: 2600000 !important;
}
.linkedin-comment-menu-v61:hover .linkedin-comment-menu-items-v61,
.linkedin-comment-menu-v61:focus-within .linkedin-comment-menu-items-v61 {
  display: grid !important;
  gap: 2px !important;
}
.linkedin-comment-menu-items-v61 button {
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  color: #222 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.linkedin-comment-menu-items-v61 button:hover {
  background: #f3f3f3 !important;
}
.linkedin-empty-comments-v61 {
  margin: 6px 0 0 0 !important;
  color: #666 !important;
  font-size: 13px !important;
}
.linkedin-load-comments-v61 {
  margin: 22px 0 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #222 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.linkedin-load-comments-v61::before {
  content: '↙';
  margin-right: 10px;
  font-weight: 700;
}
@media (max-width: 720px) {
  .linkedin-composer-box-v61 {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
  }
  .linkedin-composer-actions-v61 {
    justify-self: end !important;
  }
  .linkedin-comment-row-v61 {
    grid-template-columns: 34px 1fr !important;
  }
}

/* v62 LinkedIn-style compact comment thread visual match */
.content-modal .linkedin-comment-section-v62,
.linkedin-comment-section-v62 {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 0 !important;
  margin: 14px 0 0 !important;
  max-width: 720px !important;
}
.linkedin-comment-composer-v62 {
  display: block !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 0 28px !important;
}
.linkedin-composer-pill-v62 {
  min-height: 44px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 999px !important;
  background: #fff !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 3px 10px 3px 18px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}
.linkedin-composer-pill-v62:focus-within {
  border-color: #b9b9b9 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}
.linkedin-composer-pill-v62 textarea {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  resize: none !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 8px 0 6px !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  color: #1f1f1f !important;
  width: 100% !important;
}
.linkedin-composer-pill-v62 textarea::placeholder {
  color: #555 !important;
  font-weight: 500 !important;
}
.linkedin-composer-actions-v62 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}
.comment-icon-btn-v62 {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #333 !important;
  cursor: pointer !important;
  padding: 0 !important;
  position: relative !important;
}
.comment-icon-btn-v62:hover {
  background: #f3f3f3 !important;
}
.comment-icon-btn-v62[data-comment-emoji]::before {
  content: '☺' !important;
  font-size: 23px !important;
  line-height: 28px !important;
  display: block !important;
}
.comment-icon-btn-v62[data-comment-image]::before {
  content: '▣' !important;
  font-size: 22px !important;
  line-height: 28px !important;
  display: block !important;
}
.linkedin-post-comment-btn-v62 {
  min-width: 54px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid #d9c18f !important;
  background: #fff9ef !important;
  color: #7a4e08 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 0 12px !important;
}
.linkedin-post-comment-btn-v62.is-hidden {
  display: none !important;
}
.comment-reply-notice-v62 {
  margin: 8px 0 0 16px !important;
  color: #666 !important;
  font-size: 13px !important;
}
.comment-reply-notice-v62 button {
  border: 0 !important;
  background: transparent !important;
  color: #0a66c2 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.linkedin-comment-message-v62 {
  min-height: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
}
.linkedin-comment-message-v62.success,
.linkedin-comment-message-v62.error {
  font-size: 13px !important;
  margin: 0 0 12px !important;
}
.linkedin-comments-wrap-v62 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.linkedin-comment-sort-v62 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 18px 0 !important;
  color: #1f1f1f !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.linkedin-comment-list-v62 {
  display: flex !important;
  flex-direction: column !important;
  gap: 26px !important;
}
.linkedin-comment-row-v62 {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  position: relative !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.linkedin-comment-avatar-v62 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ececec, #cfcfcf) !important;
  color: #1a1a1a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #eee !important;
  box-shadow: none !important;
  z-index: 2 !important;
}
.linkedin-comment-parent-v62.has-replies-v62::before {
  content: '' !important;
  position: absolute !important;
  left: 16px !important;
  top: 42px !important;
  bottom: -18px !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: #e2e2e2 !important;
}
.linkedin-comment-main-v62 {
  min-width: 0 !important;
}
.linkedin-comment-headline-v62 {
  display: grid !important;
  grid-template-columns: auto 1fr auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 22px !important;
}
.linkedin-comment-author-v62 {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.linkedin-comment-time-v62 {
  justify-self: end !important;
  color: #666 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.linkedin-comment-text-v62 {
  margin: 8px 0 10px !important;
  color: #191919 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  white-space: pre-wrap !important;
  max-width: 620px !important;
}
.linkedin-mention-v62 {
  color: #0a66c2 !important;
  font-weight: 800 !important;
}
.linkedin-comment-actions-v62 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 20px !important;
  color: #404040 !important;
  font-size: 12px !important;
}
.linkedin-comment-icon-action-v62 {
  border: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 2px !important;
}
.linkedin-comment-icon-action-v62:hover,
.linkedin-comment-icon-action-v62.is-reacted {
  color: #0a66c2 !important;
}
.linkedin-replies-v62 {
  margin-top: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}
.linkedin-comment-reply-v62 {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  margin-left: 0 !important;
}
.linkedin-comment-reply-v62::before {
  content: '' !important;
  position: absolute !important;
  left: -32px !important;
  top: 15px !important;
  width: 28px !important;
  height: 22px !important;
  border-left: 2px solid #e2e2e2 !important;
  border-bottom: 2px solid #e2e2e2 !important;
  border-bottom-left-radius: 14px !important;
}
.linkedin-comment-reply-v62 .linkedin-comment-avatar-v62 {
  width: 30px !important;
  height: 30px !important;
  font-size: 11px !important;
}
.linkedin-comment-menu-v62 {
  position: relative !important;
  display: inline-flex !important;
  justify-self: end !important;
}
.linkedin-comment-more-v62 {
  border: 0 !important;
  background: transparent !important;
  color: #333 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 18px !important;
  padding: 0 !important;
}
.linkedin-comment-more-v62:hover {
  background: #f1f1f1 !important;
}
.linkedin-comment-menu-items-v62 {
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  top: 26px !important;
  min-width: 120px !important;
  background: #fff !important;
  border: 1px solid #dddddd !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.14) !important;
  padding: 6px !important;
  z-index: 2600000 !important;
}
.linkedin-comment-menu-v62:hover .linkedin-comment-menu-items-v62,
.linkedin-comment-menu-v62:focus-within .linkedin-comment-menu-items-v62 {
  display: grid !important;
  gap: 2px !important;
}
.linkedin-comment-menu-items-v62 button {
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  color: #222 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.linkedin-comment-menu-items-v62 button:hover {
  background: #f3f3f3 !important;
}
.linkedin-empty-comments-v62 {
  margin: 6px 0 0 !important;
  color: #666 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.linkedin-load-comments-v62 {
  margin: 24px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #222 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.linkedin-load-comments-v62::before {
  content: '↙' !important;
  margin-right: 10px !important;
}
@media (max-width: 760px) {
  .linkedin-comment-section-v62,
  .linkedin-comments-wrap-v62,
  .linkedin-comment-composer-v62 {
    max-width: 100% !important;
  }
  .linkedin-composer-pill-v62 {
    border-radius: 22px !important;
    grid-template-columns: 1fr !important;
    padding: 8px 12px !important;
  }
  .linkedin-composer-actions-v62 {
    justify-self: end !important;
  }
}


/* v64 Compact LinkedIn-style comment section: remove excess whitespace while keeping working v62 logic */
.content-modal .content-comment-section.linkedin-comment-section-v62,
.content-modal .linkedin-comment-section-v62,
.linkedin-comment-section-v62 {
  max-width: 660px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  min-height: 0 !important;
}
.content-modal .linkedin-comment-composer-v62,
.linkedin-comment-composer-v62 {
  max-width: 540px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.content-modal .linkedin-composer-pill-v62,
.linkedin-composer-pill-v62 {
  min-height: 40px !important;
  height: auto !important;
  padding: 2px 8px 2px 16px !important;
  gap: 6px !important;
  border-radius: 999px !important;
}
.content-modal .linkedin-composer-pill-v62 textarea,
.linkedin-composer-pill-v62 textarea {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 6px 0 5px !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.content-modal .linkedin-composer-actions-v62,
.linkedin-composer-actions-v62 {
  gap: 4px !important;
}
.content-modal .comment-icon-btn-v62,
.comment-icon-btn-v62 {
  width: 24px !important;
  height: 24px !important;
}
.content-modal .comment-icon-btn-v62[data-comment-emoji]::before,
.comment-icon-btn-v62[data-comment-emoji]::before,
.content-modal .comment-icon-btn-v62[data-comment-image]::before,
.comment-icon-btn-v62[data-comment-image]::before {
  font-size: 19px !important;
  line-height: 24px !important;
}
.content-modal .linkedin-post-comment-btn-v62,
.linkedin-post-comment-btn-v62 {
  height: 28px !important;
  min-width: 48px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}
.content-modal .linkedin-comment-message-v62,
.linkedin-comment-message-v62 {
  display: none !important;
}
.content-modal .linkedin-comment-message-v62.success,
.content-modal .linkedin-comment-message-v62.error,
.linkedin-comment-message-v62.success,
.linkedin-comment-message-v62.error {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 12px !important;
}
.content-modal .linkedin-comments-wrap-v62,
.linkedin-comments-wrap-v62 {
  max-width: 640px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.content-modal .linkedin-comment-sort-v62,
.linkedin-comment-sort-v62 {
  margin: 0 0 10px !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.content-modal .linkedin-comment-list-v62,
.linkedin-comment-list-v62 {
  gap: 16px !important;
}
.content-modal .linkedin-comment-row-v62,
.linkedin-comment-row-v62 {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 8px !important;
}
.content-modal .linkedin-comment-avatar-v62,
.linkedin-comment-avatar-v62 {
  width: 28px !important;
  height: 28px !important;
  font-size: 10px !important;
}
.content-modal .linkedin-comment-headline-v62,
.linkedin-comment-headline-v62 {
  min-height: 18px !important;
  gap: 6px !important;
}
.content-modal .linkedin-comment-author-v62,
.linkedin-comment-author-v62 {
  font-size: 13px !important;
}
.content-modal .linkedin-comment-time-v62,
.linkedin-comment-time-v62 {
  font-size: 11px !important;
}
.content-modal .linkedin-comment-more-v62,
.linkedin-comment-more-v62 {
  width: 20px !important;
  height: 20px !important;
  font-size: 16px !important;
}
.content-modal .linkedin-comment-text-v62,
.linkedin-comment-text-v62 {
  margin: 5px 0 6px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 560px !important;
}
.content-modal .linkedin-comment-actions-v62,
.linkedin-comment-actions-v62 {
  min-height: 16px !important;
  gap: 5px !important;
}
.content-modal .linkedin-comment-icon-action-v62,
.linkedin-comment-icon-action-v62 {
  font-size: 15px !important;
  padding: 0 1px !important;
}
.content-modal .linkedin-replies-v62,
.linkedin-replies-v62 {
  margin-top: 10px !important;
  gap: 14px !important;
}
.content-modal .linkedin-comment-reply-v62,
.linkedin-comment-reply-v62 {
  grid-template-columns: 30px minmax(0, 1fr) !important;
}
.content-modal .linkedin-comment-reply-v62 .linkedin-comment-avatar-v62,
.linkedin-comment-reply-v62 .linkedin-comment-avatar-v62 {
  width: 25px !important;
  height: 25px !important;
  font-size: 9px !important;
}
.content-modal .linkedin-comment-parent-v62.has-replies-v62::before,
.linkedin-comment-parent-v62.has-replies-v62::before {
  left: 13px !important;
  top: 34px !important;
  bottom: -10px !important;
}
.content-modal .linkedin-comment-reply-v62::before,
.linkedin-comment-reply-v62::before {
  left: -27px !important;
  top: 12px !important;
  width: 23px !important;
  height: 18px !important;
}
.content-modal .linkedin-empty-comments-v62,
.linkedin-empty-comments-v62 {
  margin: 4px 0 0 !important;
  font-size: 13px !important;
}
.content-modal .linkedin-load-comments-v62,
.linkedin-load-comments-v62 {
  margin: 14px 0 0 !important;
  font-size: 13px !important;
}
/* keep modal footer closer to compact comment section */
.content-modal .linkedin-comment-section-v62 + .modal-actions,
.linkedin-comment-section-v62 + .modal-actions {
  margin-top: 14px !important;
}

/* v65 — real workspace behavior, profile images, reliable layering */
.client-portal-v65 .client-v46-access-row { align-items: center !important; gap: 10px !important; }
.client-portal-v65 #workspaceTeamCount { min-width: 32px; text-align: center; }
.client-portal-v65 .workspace-access-avatars { display: inline-flex !important; align-items: center !important; isolation: isolate; }
.client-portal-v65 .access-avatar { overflow: hidden !important; flex: 0 0 auto !important; }
.client-portal-v65 .access-avatar img,
.client-portal-v65 .client-portal-avatar img,
.client-portal-v65 .linkedin-comment-avatar-v62 img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 999px !important; display: block !important; }
.client-portal-v65 .team-member-identity { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.client-portal-v65 .team-member-identity .access-avatar { margin-left: 0 !important; width: 34px !important; height: 34px !important; }
.client-portal-v65 .team-member-actions { display: inline-flex; gap: 8px; align-items: center; }
.client-portal-v65 .profile-upload-control { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e5c985; border-radius: 999px; padding: 5px 10px; font-size: 11px; font-weight: 800; color: #7a4d00; background: #fffaf0; cursor: pointer; white-space: nowrap; }
.client-portal-v65 .profile-upload-control input { display: none !important; }
.client-portal-v65 .profile-upload-control:hover { background: #fff3d8; }

.client-portal-v65 #postModal,
.client-portal-v65 .modal-shell.open { z-index: 3000000 !important; pointer-events: auto !important; }
.client-portal-v65 #postModal .modal-card,
.client-portal-v65 #postModal .large-modal { z-index: 3000002 !important; pointer-events: auto !important; }
.client-portal-v65 #postModal .modal-backdrop { z-index: 3000001 !important; pointer-events: auto !important; }
.client-portal-v65 #teamSpacePanel { z-index: 2500000 !important; pointer-events: none !important; }
.client-portal-v65 #teamSpacePanel.open { pointer-events: auto !important; }
.client-portal-v65 #teamSpacePanel .side-panel-backdrop { z-index: 2500001 !important; pointer-events: auto !important; }
.client-portal-v65 #teamSpacePanel .side-panel-card { z-index: 2500002 !important; pointer-events: auto !important; background: #fff !important; right: 0 !important; left: auto !important; transform: translateX(105%); transition: transform .22s ease; max-height: 100vh !important; overflow-y: auto !important; }
.client-portal-v65 #teamSpacePanel.open .side-panel-card { transform: translateX(0) !important; }
.client-portal-v65 .top-taskbar { z-index: 1000 !important; }
.client-portal-v65 .content-action-menu { z-index: 120000 !important; }
.client-portal-v65 .content-action-menu.open { pointer-events: auto !important; }
.client-portal-v65 .platform-manager-panel { z-index: 900 !important; }
.client-portal-v65 button,
.client-portal-v65 input,
.client-portal-v65 select,
.client-portal-v65 textarea,
.client-portal-v65 label { pointer-events: auto; }
.client-portal-v65 .form-message:empty { display: none !important; }
.profile-avatar img { width: 100%; height: 100%; border-radius: 999px; object-fit: cover; display: block; }

/* v66 — compact LinkedIn-style approval comments visual match */
.client-portal-v65 .content-modal .linkedin-comment-section-v62,
.content-modal .linkedin-comment-section-v62,
.linkedin-comment-section-v62 {
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  padding: 10px 14px 12px !important;
  background: #fffefb !important;
  border: 1px solid #ead8aa !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  min-height: 0 !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.client-portal-v65 .content-modal .linkedin-comment-composer-v62,
.content-modal .linkedin-comment-composer-v62,
.linkedin-comment-composer-v62 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}
.client-portal-v65 .content-modal .linkedin-composer-pill-v62,
.content-modal .linkedin-composer-pill-v62,
.linkedin-composer-pill-v62 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 2px 8px 2px 16px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(17, 24, 39, .10) !important;
}
.client-portal-v65 .content-modal .linkedin-composer-pill-v62 textarea,
.content-modal .linkedin-composer-pill-v62 textarea,
.linkedin-composer-pill-v62 textarea {
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 5px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  resize: none !important;
  overflow: hidden !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #111827 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.client-portal-v65 .content-modal .linkedin-composer-pill-v62 textarea::placeholder,
.content-modal .linkedin-composer-pill-v62 textarea::placeholder,
.linkedin-composer-pill-v62 textarea::placeholder {
  color: #6b7280 !important;
  font-weight: 700 !important;
}
.client-portal-v65 .content-modal .linkedin-composer-actions-v62,
.content-modal .linkedin-composer-actions-v62,
.linkedin-composer-actions-v62 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
.client-portal-v65 .content-modal .comment-icon-btn-v62,
.content-modal .comment-icon-btn-v62,
.comment-icon-btn-v62 {
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #333 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}
.client-portal-v65 .content-modal .comment-icon-btn-v62[data-comment-emoji]::before,
.content-modal .comment-icon-btn-v62[data-comment-emoji]::before,
.comment-icon-btn-v62[data-comment-emoji]::before {
  content: '☻' !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.client-portal-v65 .content-modal .comment-icon-btn-v62[data-comment-image]::before,
.content-modal .comment-icon-btn-v62[data-comment-image]::before,
.comment-icon-btn-v62[data-comment-image]::before {
  content: '▣' !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.client-portal-v65 .content-modal .linkedin-post-comment-btn-v62,
.content-modal .linkedin-post-comment-btn-v62,
.linkedin-post-comment-btn-v62 {
  height: 26px !important;
  min-width: 42px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.client-portal-v65 .content-modal .linkedin-post-comment-btn-v62.is-hidden,
.content-modal .linkedin-post-comment-btn-v62.is-hidden,
.linkedin-post-comment-btn-v62.is-hidden {
  display: none !important;
}
.client-portal-v65 .content-modal .comment-reply-notice-v62,
.content-modal .comment-reply-notice-v62,
.comment-reply-notice-v62 {
  margin: 4px 0 0 4px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
.client-portal-v65 .content-modal .linkedin-comment-message-v62,
.content-modal .linkedin-comment-message-v62,
.linkedin-comment-message-v62 {
  display: none !important;
}
.client-portal-v65 .content-modal .linkedin-comments-wrap-v62,
.content-modal .linkedin-comments-wrap-v62,
.linkedin-comments-wrap-v62 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-sort-v62,
.content-modal .linkedin-comment-sort-v62,
.linkedin-comment-sort-v62 {
  display: none !important;
}
.client-portal-v65 .content-modal .linkedin-comment-list-v62,
.content-modal .linkedin-comment-list-v62,
.linkedin-comment-list-v62 {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-row-v62,
.content-modal .linkedin-comment-row-v62,
.linkedin-comment-row-v62 {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 8px !important;
  position: relative !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-avatar-v62,
.content-modal .linkedin-comment-avatar-v62,
.linkedin-comment-avatar-v62 {
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #eeeeee !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.client-portal-v65 .content-modal .linkedin-comment-main-v62,
.content-modal .linkedin-comment-main-v62,
.linkedin-comment-main-v62 {
  min-width: 0 !important;
  padding: 0 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-headline-v62,
.content-modal .linkedin-comment-headline-v62,
.linkedin-comment-headline-v62 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 16px !important;
  line-height: 16px !important;
}
.client-portal-v65 .content-modal .linkedin-comment-author-v62,
.content-modal .linkedin-comment-author-v62,
.linkedin-comment-author-v62 {
  font-size: 13px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  color: #111827 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-time-v62,
.content-modal .linkedin-comment-time-v62,
.linkedin-comment-time-v62 {
  margin-left: auto !important;
  font-size: 11px !important;
  line-height: 16px !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-more-v62,
.content-modal .linkedin-comment-more-v62,
.linkedin-comment-more-v62 {
  width: 20px !important;
  height: 18px !important;
  font-size: 16px !important;
  line-height: 16px !important;
  padding: 0 !important;
  color: #111827 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-text-v62,
.content-modal .linkedin-comment-text-v62,
.linkedin-comment-text-v62 {
  margin: 3px 0 4px !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
  color: #111827 !important;
  max-width: 620px !important;
  white-space: pre-wrap !important;
}
.client-portal-v65 .content-modal .linkedin-comment-actions-v62,
.content-modal .linkedin-comment-actions-v62,
.linkedin-comment-actions-v62 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 16px !important;
  color: #374151 !important;
  font-size: 11px !important;
}
.client-portal-v65 .content-modal .linkedin-comment-icon-action-v62,
.content-modal .linkedin-comment-icon-action-v62,
.linkedin-comment-icon-action-v62 {
  padding: 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 15px !important;
  line-height: 15px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.client-portal-v65 .content-modal .linkedin-replies-v62,
.content-modal .linkedin-replies-v62,
.linkedin-replies-v62 {
  margin-top: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}
.client-portal-v65 .content-modal .linkedin-comment-parent-v62.has-replies-v62::before,
.content-modal .linkedin-comment-parent-v62.has-replies-v62::before,
.linkedin-comment-parent-v62.has-replies-v62::before {
  left: 12px !important;
  top: 30px !important;
  bottom: -6px !important;
  width: 2px !important;
  background: #e0e0e0 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-reply-v62,
.content-modal .linkedin-comment-reply-v62,
.linkedin-comment-reply-v62 {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  margin-left: 0 !important;
}
.client-portal-v65 .content-modal .linkedin-comment-reply-v62::before,
.content-modal .linkedin-comment-reply-v62::before,
.linkedin-comment-reply-v62::before {
  left: -25px !important;
  top: 11px !important;
  width: 21px !important;
  height: 16px !important;
  border-left: 2px solid #e0e0e0 !important;
  border-bottom: 2px solid #e0e0e0 !important;
  border-bottom-left-radius: 12px !important;
}
.client-portal-v65 .content-modal .linkedin-comment-reply-v62 .linkedin-comment-avatar-v62,
.content-modal .linkedin-comment-reply-v62 .linkedin-comment-avatar-v62,
.linkedin-comment-reply-v62 .linkedin-comment-avatar-v62 {
  width: 24px !important;
  height: 24px !important;
  font-size: 9px !important;
}
.client-portal-v65 .content-modal .linkedin-empty-comments-v62,
.content-modal .linkedin-empty-comments-v62,
.linkedin-empty-comments-v62 {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.client-portal-v65 .content-modal .linkedin-load-comments-v62,
.content-modal .linkedin-load-comments-v62,
.linkedin-load-comments-v62 {
  margin: 8px 0 0 !important;
  font-size: 12px !important;
}
.client-portal-v65 .content-modal .linkedin-comment-section-v62 + .modal-actions,
.content-modal .linkedin-comment-section-v62 + .modal-actions,
.linkedin-comment-section-v62 + .modal-actions {
  margin-top: 12px !important;
}
@media (max-width: 760px) {
  .client-portal-v65 .content-modal .linkedin-comment-section-v62,
  .content-modal .linkedin-comment-section-v62,
  .linkedin-comment-section-v62 {
    max-width: 100% !important;
  }
}


/* v67 — strict compact comment section override */
html body .content-modal .linkedin-comment-section-v67,
html body .content-modal .linkedin-comment-section-v62,
html body .linkedin-comment-section-v67,
html body .linkedin-comment-section-v62 {
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 8px 0 0 !important;
  padding: 8px 10px 10px !important;
  overflow: visible !important;
  background: #fffefb !important;
  border: 1px solid #ead8aa !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-composer-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-composer-v62 {
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-composer-pill-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-composer-pill-v62 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 2px 8px 2px 14px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(17, 24, 39, .10) !important;
}
html body .content-modal .linkedin-comment-section-v67 textarea[name="comment_body"],
html body .content-modal .linkedin-comment-section-v62 textarea[name="comment_body"] {
  width: 100% !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  resize: none !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comments-wrap-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comments-wrap-v62 {
  width: 100% !important;
  max-width: 640px !important;
  min-height: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-empty-comments-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-empty-comments-v62 {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-list-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-list-v62 {
  gap: 7px !important;
  margin: 6px 0 0 !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-row-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-row-v62 {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-avatar-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-avatar-v62 {
  width: 24px !important;
  height: 24px !important;
  font-size: 9px !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-text-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-text-v62 {
  margin: 2px 0 3px !important;
  font-size: 13px !important;
  line-height: 1.28 !important;
}

/* v68 — make comment section full width across the modal content area */
html body .content-modal .linkedin-comment-section-v67,
html body .content-modal .linkedin-comment-section-v62,
html body .linkedin-comment-section-v67,
html body .linkedin-comment-section-v62 {
  width: 100% !important;
  max-width: 100% !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-composer-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-composer-v62,
html body .linkedin-comment-section-v67 .linkedin-comment-composer-v62,
html body .linkedin-comment-section-v62 .linkedin-comment-composer-v62 {
  width: 100% !important;
  max-width: 100% !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comments-wrap-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comments-wrap-v62,
html body .linkedin-comment-section-v67 .linkedin-comments-wrap-v62,
html body .linkedin-comment-section-v62 .linkedin-comments-wrap-v62 {
  width: 100% !important;
  max-width: 100% !important;
}
html body .content-modal .linkedin-comment-section-v67 .linkedin-comment-text-v62,
html body .content-modal .linkedin-comment-section-v62 .linkedin-comment-text-v62,
html body .linkedin-comment-section-v67 .linkedin-comment-text-v62,
html body .linkedin-comment-section-v62 .linkedin-comment-text-v62 {
  max-width: 100% !important;
}


/* v69 — restore modal button clickability after full-width comment update.
   The comment section must stay full-width visually, but it must not create an invisible layer
   that blocks the modal close, Cancel, or Save Content controls. */
html body .modal-backdrop,
html body .content-modal-backdrop,
html body .content-modal-overlay {
  z-index: 9000 !important;
  pointer-events: auto !important;
}

html body .content-modal,
html body .content-modal-panel,
html body .modal-panel {
  position: relative !important;
  z-index: 9010 !important;
  pointer-events: auto !important;
}

html body .content-modal .modal-header,
html body .content-modal .content-modal-header,
html body .content-modal .modal-actions,
html body .content-modal .modal-footer {
  position: relative !important;
  z-index: 9050 !important;
  pointer-events: auto !important;
}

html body .content-modal button,
html body .content-modal .btn,
html body .content-modal input,
html body .content-modal select,
html body .content-modal textarea,
html body .content-modal label {
  pointer-events: auto !important;
}

html body .content-modal .modal-close,
html body .content-modal [data-close-modal],
html body .content-modal [data-close-content-modal],
html body .content-modal .close-modal,
html body .content-modal .close-btn,
html body .content-modal .content-modal-close,
html body .content-modal .modal-x {
  position: relative !important;
  z-index: 9060 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

html body .content-modal .modal-actions button,
html body .content-modal .modal-footer button,
html body .content-modal button[type="submit"],
html body .content-modal [data-save-content],
html body .content-modal [data-cancel-content],
html body .content-modal .save-content-btn,
html body .content-modal .cancel-content-btn {
  position: relative !important;
  z-index: 9060 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* The comment component should never float above the modal controls. */
html body .content-modal .linkedin-comment-section-v67,
html body .content-modal .linkedin-comment-section-v62,
html body .linkedin-comment-section-v67,
html body .linkedin-comment-section-v62 {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
  isolation: auto !important;
}

html body .content-modal .linkedin-comment-section-v67::before,
html body .content-modal .linkedin-comment-section-v67::after,
html body .content-modal .linkedin-comment-section-v62::before,
html body .content-modal .linkedin-comment-section-v62::after {
  pointer-events: none !important;
}

/* Keep floating content row action menus below true modal controls. */
html body .floating-action-menu,
html body .content-action-floating-menu,
html body .row-action-menu,
html body .action-menu {
  z-index: 8500 !important;
}


/* v73 — restore website responsiveness after modal closes.
   Closed modal must not cover the page. Open modal card must stay above backdrop. */
html body #postModal.modal-shell:not(.open) {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
html body #postModal.modal-shell.open {
  display: flex !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  z-index: 3000000 !important;
}
html body #postModal.modal-shell.open .modal-backdrop {
  z-index: 3000001 !important;
  pointer-events: auto !important;
}
html body #postModal.modal-shell.open .modal-card,
html body #postModal.modal-shell.open .large-modal {
  z-index: 3000002 !important;
  pointer-events: auto !important;
  position: relative !important;
}
html body #postModal.modal-shell.open .modal-head,
html body #postModal.modal-shell.open .modal-actions {
  z-index: 3000003 !important;
  pointer-events: auto !important;
  position: relative !important;
}
html body #postModal.modal-shell.open button,
html body #postModal.modal-shell.open input,
html body #postModal.modal-shell.open select,
html body #postModal.modal-shell.open textarea,
html body #postModal.modal-shell.open label {
  pointer-events: auto !important;
}
html body #postModal.modal-shell.open [data-close-modal],
html body #postModal.modal-shell.open button[type="submit"],
html body #postModal.modal-shell.open .modal-actions button {
  z-index: 3000004 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Keep the comment section full width without affecting modal controls. */
html body #postModal .linkedin-comment-section-v62,
html body #postModal .linkedin-comment-section-v67 {
  width: 100% !important;
  max-width: 100% !important;
  z-index: 1 !important;
}
html body #postModal .linkedin-comment-composer-v62,
html body #postModal .linkedin-comments-wrap-v62 {
  width: 100% !important;
  max-width: 100% !important;
}


/* v74 — locked compact content table layout */
html body.client-portal-v74 .client-content-table-panel,
html body.client-portal-v74 .client-v51-table-card,
html body .client-approval-table {
  overflow: visible !important;
}

html body.client-portal-v74 .workspace-table-wrap.client-table-wrap,
html body.client-portal-v74 .client-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body.client-portal-v74 .client-approval-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

html body.client-portal-v74 .client-approval-table th,
html body.client-portal-v74 .client-approval-table td {
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  padding: 14px 10px !important;
  height: 82px !important;
  line-height: 1.15 !important;
}

html body.client-portal-v74 .client-approval-table thead th {
  height: 54px !important;
  padding: 10px 9px !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.12 !important;
  font-size: 12px !important;
  letter-spacing: .14em !important;
}

html body.client-portal-v74 .client-approval-table tbody tr {
  height: 82px !important;
  min-height: 82px !important;
}

html body.client-portal-v74 .client-approval-table th:nth-child(1),
html body.client-portal-v74 .client-approval-table td:nth-child(1) { width: 7% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(2),
html body.client-portal-v74 .client-approval-table td:nth-child(2) { width: 10% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(3),
html body.client-portal-v74 .client-approval-table td:nth-child(3) { width: 16% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(4),
html body.client-portal-v74 .client-approval-table td:nth-child(4) { width: 11% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(5),
html body.client-portal-v74 .client-approval-table td:nth-child(5) { width: 10% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(6),
html body.client-portal-v74 .client-approval-table td:nth-child(6) { width: 8% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(7),
html body.client-portal-v74 .client-approval-table td:nth-child(7) { width: 9% !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(8),
html body.client-portal-v74 .client-approval-table td:nth-child(8) { width: 8% !important; text-align: center !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(9),
html body.client-portal-v74 .client-approval-table td:nth-child(9) { width: 8% !important; text-align: center !important; }
html body.client-portal-v74 .client-approval-table th:nth-child(10),
html body.client-portal-v74 .client-approval-table td:nth-child(10) { width: 7% !important; text-align: center !important; }

html body.client-portal-v74 .client-approval-table strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.client-portal-v74 .client-approval-table .status-pill {
  max-width: 100% !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.client-portal-v74 .client-approval-table .content-thumb,
html body.client-portal-v74 .client-approval-table .thumbnail,
html body.client-portal-v74 .client-approval-table td:first-child img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
}

html body.client-portal-v74 .table-editor-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f2eadb !important;
  color: #7a5410 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border: 1px solid #ead9b5 !important;
}

html body.client-portal-v74 .table-editor-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body.client-portal-v74 .compact-engagement-cell {
  font-weight: 800 !important;
  color: #1f2937 !important;
}

html body.client-portal-v74 .content-action-trigger {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 999px !important;
  margin: 0 auto !important;
}

html body.client-portal-v74 .client-v46-pagination {
  margin-top: 12px !important;
}

@media (max-width: 1180px) {
  html body.client-portal-v74 .client-approval-table th,
  html body.client-portal-v74 .client-approval-table td {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 13px !important;
  }
  html body.client-portal-v74 .client-approval-table thead th {
    font-size: 10px !important;
  }
}


/* v75 — remove AI Performance widget and make content area full width */
html body.client-portal-v75 .client-ai-panel,
html body.client-portal-v75 .client-v46-ai-panel,
html body.client-portal-v75 .insights-panel[aria-label="AI performance analysis"] {
  display: none !important;
}

html body.client-portal-v75 .client-v46-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
}

html body.client-portal-v75 .client-v46-main-column {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
}

html body.client-portal-v75 .client-content-table-panel,
html body.client-portal-v75 .client-v51-table-card,
html body.client-portal-v75 .workspace-table-panel {
  width: 100% !important;
  max-width: 100% !important;
}


/* v76 — 12-column content table with Brand Partnership + Publish Link */
html body.client-portal-v76 .client-approval-table {
  table-layout: fixed !important;
  width: 100% !important;
}

html body.client-portal-v76 .client-approval-table th,
html body.client-portal-v76 .client-approval-table td {
  height: 78px !important;
  padding: 12px 8px !important;
  white-space: nowrap !important;
}

html body.client-portal-v76 .client-approval-table thead th {
  height: 52px !important;
  padding: 9px 7px !important;
  white-space: normal !important;
  line-height: 1.08 !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
}

/* Locked widths: no column auto-resize */
html body.client-portal-v76 .client-approval-table th:nth-child(1),
html body.client-portal-v76 .client-approval-table td:nth-child(1) { width: 6% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(2),
html body.client-portal-v76 .client-approval-table td:nth-child(2) { width: 8% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(3),
html body.client-portal-v76 .client-approval-table td:nth-child(3) { width: 13% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(4),
html body.client-portal-v76 .client-approval-table td:nth-child(4) { width: 10% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(5),
html body.client-portal-v76 .client-approval-table td:nth-child(5) { width: 8% !important; text-align: center !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(6),
html body.client-portal-v76 .client-approval-table td:nth-child(6) { width: 9% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(7),
html body.client-portal-v76 .client-approval-table td:nth-child(7) { width: 7% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(8),
html body.client-portal-v76 .client-approval-table td:nth-child(8) { width: 8% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(9),
html body.client-portal-v76 .client-approval-table td:nth-child(9) { width: 8% !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(10),
html body.client-portal-v76 .client-approval-table td:nth-child(10) { width: 7% !important; text-align: center !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(11),
html body.client-portal-v76 .client-approval-table td:nth-child(11) { width: 7% !important; text-align: center !important; }
html body.client-portal-v76 .client-approval-table th:nth-child(12),
html body.client-portal-v76 .client-approval-table td:nth-child(12) { width: 7% !important; text-align: center !important; }

html body.client-portal-v76 .table-open-link {
  font-weight: 900 !important;
  color: #21190e !important;
  text-decoration: none !important;
}

html body.client-portal-v76 .table-open-link:hover {
  text-decoration: underline !important;
}

html body.client-portal-v76 .table-brand-toggle {
  width: 58px !important;
  height: 28px !important;
  border: 1px solid #dfc58d !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px !important;
  padding: 3px 4px 3px 8px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  cursor: default !important;
  box-shadow: none !important;
}

html body.client-portal-v76 .table-brand-toggle.is-on {
  background: #16a34a !important;
  color: #ffffff !important;
  cursor: pointer !important;
  border-color: #15803d !important;
}

html body.client-portal-v76 .table-brand-toggle.is-off {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
}

html body.client-portal-v76 .table-brand-toggle i {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  display: inline-block !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
}

html body.client-portal-v76 .table-brand-toggle.is-off i {
  background: #d1d5db !important;
}

html body.client-portal-v76 .format-pill {
  max-width: 100% !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Format colors */
html body.client-portal-v76 .format-banner { background: #FEF3C7 !important; color: #92400E !important; }
html body.client-portal-v76 .format-book-page { background: #EDE9FE !important; color: #5B21B6 !important; }
html body.client-portal-v76 .format-quote { background: #DBEAFE !important; color: #1D4ED8 !important; }
html body.client-portal-v76 .format-request { background: #F3F4F6 !important; color: #374151 !important; }
html body.client-portal-v76 .format-repost { background: #DCFCE7 !important; color: #166534 !important; }
html body.client-portal-v76 .format-text-only { background: #E0F2FE !important; color: #0369A1 !important; }
html body.client-portal-v76 .format-image { background: #FFE4E6 !important; color: #BE123C !important; }
html body.client-portal-v76 .format-infographics,
html body.client-portal-v76 .format-infographic { background: #CCFBF1 !important; color: #0F766E !important; }
html body.client-portal-v76 .format-carousel { background: #FCE7F3 !important; color: #BE185D !important; }
html body.client-portal-v76 .format-cheatsheet,
html body.client-portal-v76 .format-cheat-sheet { background: #FFEDD5 !important; color: #C2410C !important; }
html body.client-portal-v76 .format-video { background: #FEE2E2 !important; color: #B91C1C !important; }
html body.client-portal-v76 .format-custom { background: #E5E7EB !important; color: #374151 !important; }

@media (max-width: 1280px) {
  html body.client-portal-v76 .client-approval-table th,
  html body.client-portal-v76 .client-approval-table td {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
  }
  html body.client-portal-v76 .client-approval-table thead th {
    font-size: 9px !important;
    letter-spacing: .09em !important;
  }
  html body.client-portal-v76 .format-pill {
    font-size: 10px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}


/* v77 — Team Space compact collapsible members + functional sections */
html body.client-portal-v77 #teamSpacePanel .side-panel-card {
  padding: 22px 22px 18px !important;
  max-width: 520px !important;
  background: #fff !important;
}

html body.client-portal-v77 .team-space-section.compact-team-section {
  margin: 12px 0 0 !important;
  padding: 12px 0 !important;
  border-top: 1px solid #eadbbd !important;
}

html body.client-portal-v77 .team-space-section.compact-team-section:first-of-type {
  border-top: 0 !important;
}

html body.client-portal-v77 .team-collapse-toggle {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  background: #fffaf1 !important;
  border: 1px solid #ead2a5 !important;
  border-radius: 14px !important;
  color: #1f1a12 !important;
  font-weight: 900 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body.client-portal-v77 .team-collapse-toggle strong {
  min-width: 28px !important;
  height: 26px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f4e7cf !important;
  color: #7a5410 !important;
  font-size: 12px !important;
}

html body.client-portal-v77 .team-collapse-toggle i {
  transition: transform .18s ease !important;
  color: #7a5410 !important;
  font-style: normal !important;
}

html body.client-portal-v77 .team-collapse-toggle[aria-expanded="true"] i {
  transform: rotate(180deg) !important;
}

html body.client-portal-v77 .team-collapsible-body {
  padding-top: 10px !important;
}

html body.client-portal-v77 .team-collapsible-body.collapsed,
html body.client-portal-v77 .team-collapsible-body[hidden] {
  display: none !important;
}

html body.client-portal-v77 .compact-team-member-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html body.client-portal-v77 .compact-team-member-row {
  min-height: 60px !important;
  padding: 10px 12px !important;
  border: 1px solid #ead2a5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html body.client-portal-v77 .team-member-identity {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.client-portal-v77 .member-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

html body.client-portal-v77 .member-copy strong {
  max-width: 220px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  color: #1f1a12 !important;
}

html body.client-portal-v77 .role-tag {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 220px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: #f4ecd9 !important;
  color: #78664a !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.client-portal-v77 .compact-member-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

html body.client-portal-v77 .compact-member-actions .profile-upload-control {
  min-width: 88px !important;
  height: 32px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}

html body.client-portal-v77 .remove-member-btn {
  height: 32px !important;
  min-width: 72px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #fff5f5 !important;
  color: #991b1b !important;
  border: 1px solid #f0c3c3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body.client-portal-v77 .compact-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

html body.client-portal-v77 .compact-title-row h3 {
  margin: 0 !important;
  font-size: 16px !important;
}

html body.client-portal-v77 .compact-section-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

html body.client-portal-v77 .compact-section-card {
  padding: 12px !important;
  border: 1px solid #ead2a5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

html body.client-portal-v77 .section-card-fields {
  display: grid !important;
  gap: 8px !important;
}

html body.client-portal-v77 .compact-section-card label {
  display: grid !important;
  gap: 4px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #6d5b3d !important;
}

html body.client-portal-v77 .compact-section-card input,
html body.client-portal-v77 .compact-section-card textarea {
  width: 100% !important;
  border: 1px solid #e4c78c !important;
  border-radius: 10px !important;
  padding: 9px 10px !important;
  min-height: 38px !important;
  font-size: 13px !important;
  background: #fff !important;
  color: #1f1a12 !important;
}

html body.client-portal-v77 .compact-section-card textarea {
  min-height: 74px !important;
  resize: vertical !important;
}

html body.client-portal-v77 .compact-section-card input:disabled,
html body.client-portal-v77 .compact-section-card textarea:disabled {
  background: #fffaf3 !important;
  color: #4a3d2a !important;
  opacity: 1 !important;
}

html body.client-portal-v77 .section-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.client-portal-v77 .section-actions .small-btn {
  height: 34px !important;
  min-width: 74px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
}

html body.client-portal-v77 .section-actions .danger {
  color: #991b1b !important;
  border-color: #f0c3c3 !important;
  background: #fff5f5 !important;
}

html body.client-portal-v77 .compact-empty-state {
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px dashed #ead2a5 !important;
  border-radius: 12px !important;
  background: #fffaf3 !important;
}

html body.client-portal-v77 .team-add-form {
  margin-top: 10px !important;
  padding: 12px !important;
  border: 1px solid #ead2a5 !important;
  border-radius: 14px !important;
  background: #fffaf3 !important;
  gap: 10px !important;
}


/* v78 — safety for Team Space collapsible section */
html body.client-portal-v78 .team-collapsible-body[hidden],
html body.client-portal-v78 .team-collapsible-body.collapsed {
  display: none !important;
  pointer-events: none !important;
}

html body.client-portal-v78 .team-collapse-toggle,
html body.client-portal-v78 #addSectionBlockBtn,
html body.client-portal-v78 #showAddTeamMemberBtn,
html body.client-portal-v78 #teamSpacePanel button,
html body.client-portal-v78 #teamSpacePanel input,
html body.client-portal-v78 #teamSpacePanel select,
html body.client-portal-v78 #teamSpacePanel textarea {
  pointer-events: auto !important;
}


/* v79 — Team Space working section buttons + no Change Photo controls */
html body.client-portal-v79 #teamSpacePanel .profile-upload-control {
  display: none !important;
}

html body.client-portal-v79 #teamSpacePanel .compact-member-actions:empty,
html body.client-portal-v79 #teamSpacePanel .team-member-actions:empty {
  display: none !important;
}

html body.client-portal-v79 #teamSpacePanel .remove-member-btn,
html body.client-portal-v79 #teamSpacePanel .section-delete-icon {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff5f5 !important;
  color: #991b1b !important;
  border: 1px solid #f0c3c3 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

html body.client-portal-v79 #teamSpacePanel .remove-member-btn .trash-icon-shape,
html body.client-portal-v79 #teamSpacePanel .section-delete-icon .trash-icon-shape {
  width: 14px !important;
  height: 16px !important;
  display: inline-block !important;
  position: relative !important;
  border: 2px solid currentColor !important;
  border-top: 0 !important;
  border-radius: 0 0 3px 3px !important;
}

html body.client-portal-v79 #teamSpacePanel .remove-member-btn .trash-icon-shape::before,
html body.client-portal-v79 #teamSpacePanel .section-delete-icon .trash-icon-shape::before {
  content: "" !important;
  position: absolute !important;
  left: -3px !important;
  top: -5px !important;
  width: 18px !important;
  height: 2px !important;
  background: currentColor !important;
  border-radius: 999px !important;
}

html body.client-portal-v79 #teamSpacePanel .remove-member-btn .trash-icon-shape::after,
html body.client-portal-v79 #teamSpacePanel .section-delete-icon .trash-icon-shape::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: -8px !important;
  width: 6px !important;
  height: 2px !important;
  background: currentColor !important;
  border-radius: 999px !important;
}

html body.client-portal-v79 #teamSpacePanel .section-actions {
  gap: 8px !important;
}

html body.client-portal-v79 #teamSpacePanel [data-save-section]:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

html body.client-portal-v79 #teamSpacePanel .client-info-section-card.is-editing [data-save-section] {
  opacity: 1 !important;
  cursor: pointer !important;
}

html body.client-portal-v79 #teamSpacePanel button,
html body.client-portal-v79 #teamSpacePanel input,
html body.client-portal-v79 #teamSpacePanel textarea,
html body.client-portal-v79 #teamSpacePanel select {
  pointer-events: auto !important;
}


/* v80 — Premium compact Team Space redesign */
html body.client-portal-v80 #teamSpacePanel .side-panel-backdrop {
  background: rgba(18, 15, 10, .50) !important;
  backdrop-filter: blur(4px) !important;
}

html body.client-portal-v80 #teamSpacePanel .side-panel-card {
  width: min(500px, 100vw) !important;
  max-width: min(500px, 100vw) !important;
  padding: 20px 20px 16px !important;
  background:
    linear-gradient(180deg, #fffdf8 0%, #ffffff 45%, #fffdf8 100%) !important;
  border-left: 1px solid #dfc58d !important;
  box-shadow: -28px 0 80px rgba(25, 20, 12, .22) !important;
  overflow-y: auto !important;
}

html body.client-portal-v80 #teamSpacePanel .side-panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  align-items: start !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #ead9b5 !important;
}

html body.client-portal-v80 #teamSpacePanel .side-panel-head h2 {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  color: #16120c !important;
}

html body.client-portal-v80 #teamSpacePanel .side-panel-head .muted {
  margin: 6px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  color: #7d6b51 !important;
}

html body.client-portal-v80 #teamSpacePanel .side-panel-head .icon-btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  background: #fff8ea !important;
  border: 1px solid #ead2a5 !important;
  color: #1f1a12 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 18px rgba(122, 84, 16, .08) !important;
}

html body.client-portal-v80 #teamSpacePanel .team-search-field {
  display: grid !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #7a5410 !important;
  font-weight: 900 !important;
}

html body.client-portal-v80 #teamSpacePanel .team-search-field input {
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid #dfc58d !important;
  background: #fff !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #1f1a12 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 5px 18px rgba(122, 84, 16, .06) !important;
}

html body.client-portal-v80 #teamSpacePanel .team-search-field input:focus {
  outline: 2px solid rgba(183, 134, 28, .20) !important;
  border-color: #b7861c !important;
}

html body.client-portal-v80 #teamSpacePanel .team-space-section {
  margin: 10px 0 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #efe1c5 !important;
}

html body.client-portal-v80 #teamSpacePanel #showAddTeamMemberBtn {
  width: 100% !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #dfc58d !important;
  color: #7a5410 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 22px rgba(122, 84, 16, .06) !important;
}

html body.client-portal-v80 #teamSpacePanel #showAddTeamMemberBtn:hover {
  background: #fff8ea !important;
}

html body.client-portal-v80 #teamSpacePanel .team-add-form {
  margin-top: 10px !important;
  padding: 12px !important;
  background: #fffaf1 !important;
  border: 1px solid #ead2a5 !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 9px !important;
  box-shadow: none !important;
}

html body.client-portal-v80 #teamSpacePanel .team-add-form.hidden-panel {
  display: none !important;
}

html body.client-portal-v80 #teamSpacePanel .team-add-form label {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  color: #6d5b3d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body.client-portal-v80 #teamSpacePanel .team-add-form select {
  height: 38px !important;
  border-radius: 12px !important;
  border: 1px solid #dfc58d !important;
  background: #fff !important;
  color: #1f1a12 !important;
  padding: 0 12px !important;
  font-size: 13px !important;
}

html body.client-portal-v80 #teamSpacePanel .team-add-form .primary-btn {
  height: 40px !important;
  border-radius: 999px !important;
  margin-top: 2px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #b88724, #7a5410) !important;
  box-shadow: 0 8px 20px rgba(122, 84, 16, .16) !important;
}

html body.client-portal-v80 #teamSpacePanel .team-collapse-toggle {
  min-height: 42px !important;
  padding: 9px 11px !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid #dfc58d !important;
  box-shadow: 0 7px 20px rgba(122, 84, 16, .05) !important;
}

html body.client-portal-v80 #teamSpacePanel .team-collapse-toggle span {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #1f1a12 !important;
}

html body.client-portal-v80 #teamSpacePanel .team-collapse-toggle strong {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  font-size: 11px !important;
  background: #f2e5cc !important;
  color: #7a5410 !important;
}

html body.client-portal-v80 #teamSpacePanel .team-collapse-toggle i {
  font-size: 12px !important;
}

html body.client-portal-v80 #teamSpacePanel .team-collapsible-body {
  padding-top: 8px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-team-member-list {
  gap: 7px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-team-member-row {
  min-height: 56px !important;
  padding: 9px 10px !important;
  border-radius: 16px !important;
  border: 1px solid #ead2a5 !important;
  background: #ffffff !important;
  box-shadow: 0 5px 18px rgba(122, 84, 16, .045) !important;
}

html body.client-portal-v80 #teamSpacePanel .team-member-identity .avatar,
html body.client-portal-v80 #teamSpacePanel .team-member-identity [class*="avatar"] {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(122, 84, 16, .10) !important;
}

html body.client-portal-v80 #teamSpacePanel .member-copy strong {
  max-width: 235px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  color: #17130d !important;
}

html body.client-portal-v80 #teamSpacePanel .role-tag {
  margin-top: 2px !important;
  padding: 2px 8px !important;
  background: #f4ecd9 !important;
  color: #7a6a4f !important;
  border: 0 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-member-actions {
  gap: 6px !important;
}

html body.client-portal-v80 #teamSpacePanel .remove-member-btn {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: #fff7f7 !important;
  color: #9f1d1d !important;
  border: 1px solid #efcaca !important;
  box-shadow: none !important;
}

html body.client-portal-v80 #teamSpacePanel .sections-team-section {
  margin-top: 12px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-title-row {
  margin-bottom: 8px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-title-row h3 {
  font-size: 15px !important;
  letter-spacing: -.02em !important;
  color: #1f1a12 !important;
}

html body.client-portal-v80 #teamSpacePanel #addSectionBlockBtn {
  height: 36px !important;
  min-width: 118px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #dfc58d !important;
  color: #7a5410 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 6px 18px rgba(122, 84, 16, .06) !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-section-list {
  gap: 8px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-section-card {
  padding: 12px !important;
  border-radius: 16px !important;
  border: 1px solid #ead2a5 !important;
  background: #ffffff !important;
  box-shadow: 0 5px 18px rgba(122, 84, 16, .045) !important;
}

html body.client-portal-v80 #teamSpacePanel .section-card-fields {
  gap: 7px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-section-card label {
  gap: 4px !important;
  font-size: 10.5px !important;
  color: #6d5b3d !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-section-card input,
html body.client-portal-v80 #teamSpacePanel .compact-section-card textarea {
  border-radius: 12px !important;
  padding: 9px 10px !important;
  border: 1px solid #dfc58d !important;
  background: #fff !important;
  color: #1f1a12 !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-section-card textarea {
  min-height: 66px !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-section-card input:disabled,
html body.client-portal-v80 #teamSpacePanel .compact-section-card textarea:disabled {
  background: #fffaf3 !important;
  border-color: #ead9b5 !important;
}

html body.client-portal-v80 #teamSpacePanel .section-actions {
  padding-top: 2px !important;
  gap: 7px !important;
}

html body.client-portal-v80 #teamSpacePanel .section-actions .small-btn {
  height: 32px !important;
  min-width: 66px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: #fff !important;
  border: 1px solid #dfc58d !important;
  color: #7a5410 !important;
}

html body.client-portal-v80 #teamSpacePanel .section-actions [data-save-section] {
  background: #7a5410 !important;
  color: #fff !important;
  border-color: #7a5410 !important;
}

html body.client-portal-v80 #teamSpacePanel .section-actions [data-save-section]:disabled {
  background: #f4ecd9 !important;
  border-color: #ead9b5 !important;
  color: #a28d68 !important;
}

html body.client-portal-v80 #teamSpacePanel .section-actions .section-delete-icon {
  width: 32px !important;
  min-width: 32px !important;
  background: #fff7f7 !important;
  color: #9f1d1d !important;
  border-color: #efcaca !important;
}

html body.client-portal-v80 #teamSpacePanel .compact-empty-state {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  background: #fffaf3 !important;
}

html body.client-portal-v80 #teamSpaceMessage {
  margin: 10px 0 0 !important;
  font-size: 12px !important;
}

/* Small desktop screens */
@media (max-width: 980px) {
  html body.client-portal-v80 #teamSpacePanel .side-panel-card {
    width: min(460px, 100vw) !important;
  }
}


/* v81 — professional section delete icon + collapsible Team Space sections */
html body.client-portal-v81 #teamSpacePanel .section-collapsible-card {
  padding: 0 !important;
  overflow: hidden !important;
}

html body.client-portal-v81 #teamSpacePanel .section-summary-row {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 10px 10px 14px !important;
}

html body.client-portal-v81 #teamSpacePanel .section-collapse-btn {
  min-width: 0 !important;
  width: 100% !important;
  height: 36px !important;
  padding: 0 !important;
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #17130d !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body.client-portal-v81 #teamSpacePanel .section-summary-title {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

html body.client-portal-v81 #teamSpacePanel .section-collapse-btn i {
  font-style: normal !important;
  color: #8a6a2d !important;
  font-size: 12px !important;
  transition: transform .18s ease !important;
}

html body.client-portal-v81 #teamSpacePanel .section-collapse-btn[aria-expanded="true"] i {
  transform: rotate(180deg) !important;
}

html body.client-portal-v81 #teamSpacePanel .section-summary-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

html body.client-portal-v81 #teamSpacePanel .section-summary-actions [data-edit-section] {
  height: 30px !important;
  min-width: 58px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}

html body.client-portal-v81 #teamSpacePanel .section-collapsible-body {
  border-top: 1px solid #f1e4cc !important;
  padding: 10px 12px 12px !important;
}

html body.client-portal-v81 #teamSpacePanel .section-collapsible-body[hidden] {
  display: none !important;
}

html body.client-portal-v81 #teamSpacePanel .compact-section-card.is-collapsed {
  min-height: 56px !important;
}

html body.client-portal-v81 #teamSpacePanel .compact-section-card.is-collapsed .section-summary-row {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

html body.client-portal-v81 #teamSpacePanel .section-actions {
  padding-top: 7px !important;
  justify-content: flex-end !important;
}

/* Refined trash icon button — smaller, cleaner, no oversized red box */
html body.client-portal-v81 #teamSpacePanel .remove-member-btn,
html body.client-portal-v81 #teamSpacePanel .section-delete-icon {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #9f1d1d !important;
  border: 1px solid #efcaca !important;
  box-shadow: 0 4px 12px rgba(159, 29, 29, .06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
}

html body.client-portal-v81 #teamSpacePanel .remove-member-btn:hover,
html body.client-portal-v81 #teamSpacePanel .section-delete-icon:hover {
  background: #fff5f5 !important;
  border-color: #dc9f9f !important;
}

html body.client-portal-v81 #teamSpacePanel .remove-member-btn .trash-icon-shape,
html body.client-portal-v81 #teamSpacePanel .section-delete-icon .trash-icon-shape {
  width: 10px !important;
  height: 12px !important;
  position: relative !important;
  display: inline-block !important;
  border: 1.7px solid currentColor !important;
  border-top: 0 !important;
  border-radius: 0 0 2.5px 2.5px !important;
  box-sizing: border-box !important;
}

html body.client-portal-v81 #teamSpacePanel .remove-member-btn .trash-icon-shape::before,
html body.client-portal-v81 #teamSpacePanel .section-delete-icon .trash-icon-shape::before {
  content: "" !important;
  position: absolute !important;
  left: -3px !important;
  top: -4px !important;
  width: 14px !important;
  height: 1.7px !important;
  background: currentColor !important;
  border-radius: 999px !important;
}

html body.client-portal-v81 #teamSpacePanel .remove-member-btn .trash-icon-shape::after,
html body.client-portal-v81 #teamSpacePanel .section-delete-icon .trash-icon-shape::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: -7px !important;
  width: 4px !important;
  height: 1.7px !important;
  background: currentColor !important;
  border-radius: 999px !important;
}

html body.client-portal-v81 #teamSpacePanel .compact-section-card label {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.client-portal-v81 #teamSpacePanel .compact-section-card input,
html body.client-portal-v81 #teamSpacePanel .compact-section-card textarea {
  font-size: 13px !important;
}


/* v82 — Professional Team Space icon refinements */
html body.client-portal-v82 #teamSpacePanel .team-collapse-toggle i,
html body.client-portal-v82 #teamSpacePanel .section-collapse-btn i {
  display: none !important;
}

html body.client-portal-v82 #teamSpacePanel .chevron-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #7a5410 !important;
  background: #f5ead2 !important;
  border: 1px solid rgba(122, 84, 16, .14) !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease !important;
}

html body.client-portal-v82 #teamSpacePanel .chevron-icon svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}

html body.client-portal-v82 #teamSpacePanel .chevron-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v82 #teamSpacePanel .team-collapse-toggle[aria-expanded="true"] .chevron-icon,
html body.client-portal-v82 #teamSpacePanel .section-collapse-btn[aria-expanded="true"] .chevron-icon {
  transform: rotate(180deg) !important;
  background: #fff8ea !important;
  border-color: #dfc58d !important;
}

html body.client-portal-v82 #teamSpacePanel .team-collapse-toggle:hover .chevron-icon,
html body.client-portal-v82 #teamSpacePanel .section-collapse-btn:hover .chevron-icon {
  background: #fff8ea !important;
  border-color: #dfc58d !important;
}

/* Cleaner, developer-grade trash icon button */
html body.client-portal-v82 #teamSpacePanel .remove-member-btn,
html body.client-portal-v82 #teamSpacePanel .section-delete-icon {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #a32222 !important;
  border: 1px solid #f0d1d1 !important;
  box-shadow: 0 6px 16px rgba(163, 34, 34, .06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
  font-size: 0 !important;
}

html body.client-portal-v82 #teamSpacePanel .remove-member-btn:hover,
html body.client-portal-v82 #teamSpacePanel .section-delete-icon:hover {
  background: #fff6f6 !important;
  border-color: #dfa5a5 !important;
  color: #8f1d1d !important;
  transform: translateY(-1px) !important;
}

html body.client-portal-v82 #teamSpacePanel .remove-member-btn:active,
html body.client-portal-v82 #teamSpacePanel .section-delete-icon:active {
  transform: translateY(0) !important;
}

html body.client-portal-v82 #teamSpacePanel .trash-icon-shape,
html body.client-portal-v82 #teamSpacePanel .trash-icon-shape::before,
html body.client-portal-v82 #teamSpacePanel .trash-icon-shape::after {
  display: none !important;
  content: none !important;
}

html body.client-portal-v82 #teamSpacePanel .trash-svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  pointer-events: none !important;
}

html body.client-portal-v82 #teamSpacePanel .trash-svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Section title row becomes cleaner and less bulky */
html body.client-portal-v82 #teamSpacePanel .section-summary-row {
  min-height: 58px !important;
  padding: 9px 10px 9px 14px !important;
  gap: 10px !important;
}

html body.client-portal-v82 #teamSpacePanel .section-summary-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #17130d !important;
}

html body.client-portal-v82 #teamSpacePanel .section-summary-actions [data-edit-section] {
  height: 34px !important;
  min-width: 64px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid #dfc58d !important;
  box-shadow: 0 4px 14px rgba(122, 84, 16, .05) !important;
}

html body.client-portal-v82 #teamSpacePanel .section-collapse-btn {
  height: 38px !important;
}

html body.client-portal-v82 #teamSpacePanel .team-collapse-toggle {
  min-height: 46px !important;
}

/* Better alignment for member remove button */
html body.client-portal-v82 #teamSpacePanel .compact-member-actions {
  min-width: 42px !important;
  justify-content: center !important;
}

html body.client-portal-v82 #teamSpacePanel .compact-team-member-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}


/* v83 — Analytics row: add Followers and make Reach / Impressions automatic */
html body.client-portal-v83 .form-row.six-cols,
html body.client-portal-v83 .v83-analytics-row {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: end !important;
}

html body.client-portal-v83 #autoReachDisplay {
  background: #fffaf3 !important;
  color: #4f3b15 !important;
  cursor: default !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}

html body.client-portal-v83 #autoReachDisplay:focus {
  outline: 2px solid rgba(183, 134, 28, .16) !important;
}

@media (max-width: 980px) {
  html body.client-portal-v83 .form-row.six-cols,
  html body.client-portal-v83 .v83-analytics-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body.client-portal-v83 .form-row.six-cols,
  html body.client-portal-v83 .v83-analytics-row {
    grid-template-columns: 1fr !important;
  }
}


/* v84 — Professional LinkedIn-style comment refinements */
html body.client-portal-v84 .linkedin-comment-section-v62 {
  position: relative !important;
}

html body.client-portal-v84 .linkedin-composer-pill-v62 {
  position: relative !important;
}

html body.client-portal-v84 .comment-icon-btn-v62 {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #33363d !important;
  background: transparent !important;
  border: 0 !important;
}

html body.client-portal-v84 .comment-icon-btn-v62:hover {
  background: #f3f4f6 !important;
}

html body.client-portal-v84 .comment-svg-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

html body.client-portal-v84 .comment-svg-icon circle,
html body.client-portal-v84 .comment-svg-icon rect,
html body.client-portal-v84 .comment-svg-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v84 .reply-action-v84 {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

html body.client-portal-v84 .reply-svg-icon {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}

html body.client-portal-v84 .reply-svg-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Straight, clean reply connectors */
html body.client-portal-v84 .linkedin-comment-parent-v62.has-replies-v62 {
  position: relative !important;
}

html body.client-portal-v84 .linkedin-comment-parent-v62.has-replies-v62::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 34px !important;
  bottom: 4px !important;
  width: 2px !important;
  background: #e5e7eb !important;
  border-radius: 999px !important;
}

html body.client-portal-v84 .linkedin-replies-v62 {
  position: relative !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 10px !important;
}

html body.client-portal-v84 .linkedin-comment-reply-v62 {
  margin-left: 0 !important;
  padding-left: 0 !important;
  position: relative !important;
}

html body.client-portal-v84 .linkedin-comment-reply-v62::before,
html body.client-portal-v84 .linkedin-comment-reply-v62::after {
  content: none !important;
  display: none !important;
}

html body.client-portal-v84 .linkedin-comment-row-v62 {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

html body.client-portal-v84 .linkedin-comment-avatar-v62 {
  z-index: 2 !important;
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  background: #f4ecd9 !important;
  border: 2px solid #ffffff !important;
}

html body.client-portal-v84 .linkedin-comment-time-v62 {
  color: #6b7280 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

html body.client-portal-v84 .linkedin-comment-headline-v62 {
  align-items: center !important;
  gap: 8px !important;
}

html body.client-portal-v84 .linkedin-comment-actions-v62 {
  align-items: center !important;
  gap: 8px !important;
}

html body.client-portal-v84 .linkedin-comment-icon-action-v62 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
}

/* Emoji picker */
html body.client-portal-v84 .linkedin-comment-composer-v62 {
  position: relative !important;
  z-index: 5 !important;
}

html body.client-portal-v84 .comment-emoji-picker {
  position: absolute !important;
  left: 12px !important;
  bottom: calc(100% + 10px) !important;
  width: min(320px, calc(100vw - 80px)) !important;
  max-height: 310px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  border: 1px solid #ead2a5 !important;
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(31, 26, 18, .18) !important;
  z-index: 3000006 !important;
}

html body.client-portal-v84 .comment-emoji-picker[hidden] {
  display: none !important;
}

html body.client-portal-v84 .emoji-picker-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

html body.client-portal-v84 .emoji-picker-head strong {
  font-size: 13px !important;
  color: #1f1a12 !important;
}

html body.client-portal-v84 .emoji-picker-head button {
  width: 26px !important;
  height: 26px !important;
  border: 0 !important;
  background: #fff8ea !important;
  border-radius: 999px !important;
  color: #7a5410 !important;
  font-size: 18px !important;
  cursor: pointer !important;
}

html body.client-portal-v84 .emoji-search-input {
  width: 100% !important;
  height: 34px !important;
  border: 1px solid #dfc58d !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  margin-bottom: 9px !important;
  outline: none !important;
}

html body.client-portal-v84 .emoji-picker-grid {
  max-height: 210px !important;
  overflow-y: auto !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 6px !important;
  padding-right: 4px !important;
}

html body.client-portal-v84 .emoji-picker-grid button {
  width: 38px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: #fffaf3 !important;
  font-size: 20px !important;
  cursor: pointer !important;
  transition: transform .12s ease, background .12s ease !important;
}

html body.client-portal-v84 .emoji-picker-grid button:hover {
  background: #f4ecd9 !important;
  transform: translateY(-1px) !important;
}

html body.client-portal-v84 .emoji-empty-state {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 10px !important;
  font-size: 12px !important;
  color: #6b7280 !important;
}


/* v85 — Comment system professional UI + reliable visible posting */

/* Remove old pseudo icons that caused duplicate/broken icon rendering */
html body.client-portal-v85 .comment-icon-btn-v62::before,
html body.client-portal-v85 .comment-icon-btn-v62::after,
html body.client-portal-v85 .content-modal .comment-icon-btn-v62::before,
html body.client-portal-v85 .content-modal .comment-icon-btn-v62::after {
  content: none !important;
  display: none !important;
}

/* Overall comment box: cleaner, no huge empty uneven area */
html body.client-portal-v85 .linkedin-comment-section-v62,
html body.client-portal-v85 .linkedin-comment-section-v67 {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 14px 14px !important;
  border-radius: 18px !important;
  border: 1px solid #e6cf9e !important;
  background: #fffefb !important;
  box-shadow: 0 10px 24px rgba(122, 84, 16, .045) !important;
}

/* Composer layout */
html body.client-portal-v85 .linkedin-comment-composer-v62 {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  z-index: 5 !important;
}

html body.client-portal-v85 .linkedin-composer-pill-v62 {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 4px 8px 4px 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 2px 8px rgba(17, 24, 39, .10) !important;
}

html body.client-portal-v85 .linkedin-composer-pill-v62:focus-within {
  border-color: #c99a35 !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 53, .14), 0 2px 8px rgba(17, 24, 39, .08) !important;
}

html body.client-portal-v85 .linkedin-composer-pill-v62 textarea {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 5px 0 !important;
  border: 0 !important;
  outline: 0 !important;
  resize: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 20px !important;
  color: #111827 !important;
}

html body.client-portal-v85 .linkedin-composer-actions-v62 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}

html body.client-portal-v85 .comment-icon-btn-v62 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #374151 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

html body.client-portal-v85 .comment-icon-btn-v62:hover {
  background: #f3f4f6 !important;
  color: #111827 !important;
}

html body.client-portal-v85 .comment-svg-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

html body.client-portal-v85 .linkedin-post-comment-btn-v62 {
  height: 32px !important;
  min-width: 62px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  background: #fff8ea !important;
  border: 1px solid #dfc58d !important;
  color: #7a5410 !important;
}

html body.client-portal-v85 .linkedin-post-comment-btn-v62:hover {
  background: #f5ead2 !important;
}

/* Reply notice becomes a clean inline pill below the composer, not floating beside it */
html body.client-portal-v85 .comment-reply-notice-v62 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 0 10px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #f4f8ff !important;
  color: #334155 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  border: 1px solid #dbeafe !important;
}

html body.client-portal-v85 .comment-reply-notice-v62:empty {
  display: none !important;
}

html body.client-portal-v85 .comment-reply-notice-v62 button {
  border: 0 !important;
  background: transparent !important;
  color: #0a66c2 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

/* Comment list spacing */
html body.client-portal-v85 .linkedin-comments-wrap-v62 {
  margin-top: 12px !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.client-portal-v85 .linkedin-comment-sort-v62 {
  display: none !important;
}

html body.client-portal-v85 .linkedin-comment-list-v62 {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Clean row structure */
html body.client-portal-v85 .linkedin-comment-row-v62 {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  position: relative !important;
  padding: 0 !important;
}

html body.client-portal-v85 .linkedin-comment-avatar-v62 {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #f4ecd9 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 4px 14px rgba(17, 24, 39, .08) !important;
  z-index: 2 !important;
}

html body.client-portal-v85 .linkedin-comment-avatar-v62 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body.client-portal-v85 .linkedin-comment-main-v62 {
  min-width: 0 !important;
}

html body.client-portal-v85 .linkedin-comment-headline-v62 {
  display: grid !important;
  grid-template-columns: minmax(0, auto) auto auto !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: 8px !important;
  min-height: 22px !important;
}

html body.client-portal-v85 .linkedin-comment-author-v62 {
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v85 .linkedin-comment-time-v62 {
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body.client-portal-v85 .linkedin-comment-more-v62 {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 999px !important;
  color: #111827 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 2px !important;
}

html body.client-portal-v85 .linkedin-comment-more-v62:hover {
  background: #f3f4f6 !important;
}

html body.client-portal-v85 .linkedin-comment-text-v62 {
  margin-top: 7px !important;
  padding-left: 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  max-width: 100% !important;
}

html body.client-portal-v85 .linkedin-mention-v62 {
  color: #0a66c2 !important;
  font-weight: 900 !important;
}

/* Actions row with consistent icons */
html body.client-portal-v85 .linkedin-comment-actions-v62 {
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #374151 !important;
}

html body.client-portal-v85 .linkedin-comment-icon-action-v62 {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #374151 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

html body.client-portal-v85 .linkedin-comment-icon-action-v62:hover {
  background: #f3f4f6 !important;
  color: #111827 !important;
}

html body.client-portal-v85 .reply-svg-icon {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}

html body.client-portal-v85 .reply-svg-icon path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Straight reply connector line: no curve, no broken elbows */
html body.client-portal-v85 .linkedin-comment-parent-v62.has-replies-v62::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 42px !important;
  bottom: 0 !important;
  width: 2px !important;
  background: #e5e7eb !important;
  border-radius: 999px !important;
  z-index: 0 !important;
}

html body.client-portal-v85 .linkedin-replies-v62 {
  display: grid !important;
  gap: 12px !important;
  margin: 13px 0 0 0 !important;
  padding: 0 !important;
}

html body.client-portal-v85 .linkedin-comment-reply-v62 {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

html body.client-portal-v85 .linkedin-comment-reply-v62::before,
html body.client-portal-v85 .linkedin-comment-reply-v62::after,
html body.client-portal-v85 .linkedin-replies-v62::before,
html body.client-portal-v85 .linkedin-replies-v62::after {
  content: none !important;
  display: none !important;
}

/* Optimistic/pending comment appears instantly but subtly */
html body.client-portal-v85 .is-pending-comment-v85 {
  opacity: .82 !important;
}

html body.client-portal-v85 .is-pending-comment-v85 .linkedin-comment-time-v62::after {
  content: " · sending" !important;
  color: #9ca3af !important;
  font-weight: 700 !important;
}

/* Emoji picker polish */
html body.client-portal-v85 .comment-emoji-picker {
  bottom: calc(100% + 12px) !important;
  left: 0 !important;
  border-radius: 18px !important;
  border-color: #e4c98d !important;
  box-shadow: 0 24px 70px rgba(17, 24, 39, .20) !important;
}

html body.client-portal-v85 .emoji-picker-grid button {
  width: 40px !important;
  height: 38px !important;
  border-radius: 12px !important;
}

html body.client-portal-v85 .linkedin-empty-comments-v62 {
  margin: 4px 0 0 !important;
  padding: 6px 0 !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}


/* v86 — compact minimalist comments + expandable reply threads */

/* Hard compact override for entire comment section */
html body.client-portal-v86 .linkedin-comment-section-v62,
html body.client-portal-v86 .linkedin-comment-section-v67 {
  padding: 10px 12px 12px !important;
  border-radius: 16px !important;
  border: 1px solid #ead8aa !important;
  background: #fffefb !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

html body.client-portal-v86 .linkedin-comment-composer-v62 {
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.client-portal-v86 .linkedin-composer-pill-v62 {
  height: 38px !important;
  min-height: 38px !important;
  padding: 3px 8px 3px 14px !important;
  box-shadow: 0 1px 5px rgba(17, 24, 39, .10) !important;
}

html body.client-portal-v86 .linkedin-composer-pill-v62 textarea {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  line-height: 19px !important;
}

html body.client-portal-v86 .linkedin-comments-wrap-v62 {
  margin-top: 10px !important;
  padding: 0 !important;
}

html body.client-portal-v86 .linkedin-comment-list-v62 {
  gap: 10px !important;
  margin: 0 !important;
}

html body.client-portal-v86 .linkedin-comment-row-v62 {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: start !important;
}

html body.client-portal-v86 .linkedin-comment-avatar-v62 {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-width: 1.5px !important;
  box-shadow: 0 2px 8px rgba(17, 24, 39, .07) !important;
}

html body.client-portal-v86 .linkedin-comment-headline-v62 {
  min-height: 19px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  line-height: 1.15 !important;
}

html body.client-portal-v86 .linkedin-comment-author-v62 {
  font-size: 13px !important;
  line-height: 17px !important;
}

html body.client-portal-v86 .linkedin-comment-time-v62 {
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
}

html body.client-portal-v86 .linkedin-comment-more-v62 {
  width: 20px !important;
  height: 20px !important;
  margin-left: 2px !important;
}

html body.client-portal-v86 .linkedin-comment-text-v62 {
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body.client-portal-v86 .linkedin-comment-actions-v62 {
  margin-top: 6px !important;
  gap: 7px !important;
  min-height: 22px !important;
}

html body.client-portal-v86 .linkedin-comment-icon-action-v62 {
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  font-size: 18px !important;
}

html body.client-portal-v86 .reply-svg-icon {
  width: 15px !important;
  height: 15px !important;
}

html body.client-portal-v86 .comment-action-count-v86 {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #4b5563 !important;
  font-weight: 800 !important;
  margin-left: -3px !important;
}

/* Clickable reply count: not a hidden number */
html body.client-portal-v86 .reply-count-toggle-v86 {
  display: inline-flex !important;
  align-items: center !important;
  height: 22px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f3f4f6 !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  margin-left: 2px !important;
}

html body.client-portal-v86 .reply-count-toggle-v86:hover,
html body.client-portal-v86 .reply-count-toggle-v86[aria-expanded="true"] {
  background: #e8f1fb !important;
  color: #0a66c2 !important;
}

/* Replies collapsed/expanded states */
html body.client-portal-v86 .linkedin-replies-v62[hidden],
html body.client-portal-v86 .linkedin-replies-v62.is-collapsed-v86 {
  display: none !important;
}

html body.client-portal-v86 .linkedin-replies-v62.is-expanded-v86 {
  display: grid !important;
  gap: 8px !important;
  margin: 8px 0 0 0 !important;
  padding: 0 0 0 14px !important;
  border-left: 2px solid #e5e7eb !important;
  position: relative !important;
}

/* Remove old curved/broken connector line */
html body.client-portal-v86 .linkedin-comment-parent-v62.has-replies-v62::before,
html body.client-portal-v86 .linkedin-comment-reply-v62::before,
html body.client-portal-v86 .linkedin-comment-reply-v62::after,
html body.client-portal-v86 .linkedin-replies-v62::before,
html body.client-portal-v86 .linkedin-replies-v62::after {
  content: none !important;
  display: none !important;
}

/* Reply rows: compact and visibly nested */
html body.client-portal-v86 .linkedin-comment-reply-v62 {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.client-portal-v86 .linkedin-comment-reply-v62 .linkedin-comment-avatar-v62 {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

html body.client-portal-v86 .linkedin-comment-reply-v62 .linkedin-comment-author-v62 {
  font-size: 12.5px !important;
}

html body.client-portal-v86 .linkedin-comment-reply-v62 .linkedin-comment-text-v62 {
  font-size: 12.5px !important;
  margin-top: 3px !important;
}

/* Reply notice should never sit beside the composer */
html body.client-portal-v86 .comment-reply-notice-v62 {
  margin: 0 0 0 8px !important;
  padding: 5px 9px !important;
  font-size: 11.5px !important;
  width: fit-content !important;
}

/* icons remain consistent and no duplicate pseudo icons */
html body.client-portal-v86 .comment-icon-btn-v62::before,
html body.client-portal-v86 .comment-icon-btn-v62::after {
  content: none !important;
  display: none !important;
}

html body.client-portal-v86 .comment-icon-btn-v62 {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

html body.client-portal-v86 .comment-svg-icon {
  width: 18px !important;
  height: 18px !important;
}


/* v87 — LinkedIn-like compact comment function and timestamp fix visuals */

/* Compact section wrapper */
html body.client-portal-v87 .linkedin-comment-section-v62,
html body.client-portal-v87 .linkedin-comment-section-v67 {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid #ead8aa !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Composer should feel like LinkedIn: slim, not oversized */
html body.client-portal-v87 .linkedin-composer-pill-v62 {
  height: 38px !important;
  min-height: 38px !important;
  padding: 3px 8px 3px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #d9d9d9 !important;
  background: #fff !important;
  box-shadow: 0 1px 5px rgba(17, 24, 39, .10) !important;
}

html body.client-portal-v87 .linkedin-composer-pill-v62 textarea {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  line-height: 19px !important;
}

/* Clean, tight comment list */
html body.client-portal-v87 .linkedin-comments-wrap-v62 {
  margin-top: 10px !important;
  padding: 0 !important;
  min-height: 0 !important;
}

html body.client-portal-v87 .linkedin-comment-list-v62 {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.client-portal-v87 .linkedin-comment-row-v62 {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
}

html body.client-portal-v87 .linkedin-comment-avatar-v62 {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 999px !important;
  border: 1.5px solid #fff !important;
  box-shadow: 0 2px 8px rgba(17, 24, 39, .07) !important;
}

/* Header in one line like LinkedIn: name · time · menu */
html body.client-portal-v87 .linkedin-comment-headline-v62 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-height: 18px !important;
  line-height: 1.15 !important;
}

html body.client-portal-v87 .linkedin-comment-author-v62 {
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

html body.client-portal-v87 .linkedin-comment-time-v62 {
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
}

html body.client-portal-v87 .linkedin-comment-more-v62 {
  width: 20px !important;
  height: 20px !important;
  margin-left: 2px !important;
  color: #111827 !important;
}

/* Message text close under name, no huge indent */
html body.client-portal-v87 .linkedin-comment-text-v62 {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #111827 !important;
  max-width: 100% !important;
}

/* Actions line compact */
html body.client-portal-v87 .linkedin-comment-actions-v62 {
  margin-top: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 21px !important;
}

html body.client-portal-v87 .linkedin-comment-icon-action-v62 {
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  padding: 0 !important;
  font-size: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.client-portal-v87 .reply-svg-icon {
  width: 15px !important;
  height: 15px !important;
}

html body.client-portal-v87 .comment-action-count-v86 {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  color: #4b5563 !important;
  margin-left: -3px !important;
}

/* Reply toggle must clearly say "1 reply" or "2 replies" */
html body.client-portal-v87 .reply-count-toggle-v86 {
  height: 22px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #0a66c2 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html body.client-portal-v87 .reply-count-toggle-v86:hover {
  background: #eef6ff !important;
}

/* Straight LinkedIn-style reply thread */
html body.client-portal-v87 .linkedin-replies-v62.is-expanded-v86 {
  margin: 8px 0 0 0 !important;
  padding: 0 0 0 12px !important;
  border-left: 2px solid #e5e7eb !important;
  display: grid !important;
  gap: 8px !important;
}

html body.client-portal-v87 .linkedin-replies-v62[hidden],
html body.client-portal-v87 .linkedin-replies-v62.is-collapsed-v86 {
  display: none !important;
}

/* Remove old broken/curved connectors completely */
html body.client-portal-v87 .linkedin-comment-parent-v62.has-replies-v62::before,
html body.client-portal-v87 .linkedin-comment-reply-v62::before,
html body.client-portal-v87 .linkedin-comment-reply-v62::after,
html body.client-portal-v87 .linkedin-replies-v62::before,
html body.client-portal-v87 .linkedin-replies-v62::after {
  content: none !important;
  display: none !important;
}

/* Reply row smaller but complete */
html body.client-portal-v87 .linkedin-comment-reply-v62 {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body.client-portal-v87 .linkedin-comment-reply-v62 .linkedin-comment-avatar-v62 {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

html body.client-portal-v87 .linkedin-comment-reply-v62 .linkedin-comment-author-v62,
html body.client-portal-v87 .linkedin-comment-reply-v62 .linkedin-comment-text-v62 {
  font-size: 12.5px !important;
}

/* Reply notice sits below composer, not on right side */
html body.client-portal-v87 .comment-reply-notice-v62 {
  width: fit-content !important;
  margin: 0 0 0 8px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: #f4f8ff !important;
  border: 1px solid #dbeafe !important;
  font-size: 11.5px !important;
  color: #334155 !important;
}

/* Prevent icon duplication */
html body.client-portal-v87 .comment-icon-btn-v62::before,
html body.client-portal-v87 .comment-icon-btn-v62::after {
  content: none !important;
  display: none !important;
}


/* v88 — Replace old summary metric cards with professional content insight strip */
html body.client-portal-v88 .client-insight-strip-v88 {
  display: grid !important;
  grid-template-columns: 1.05fr .85fr 1.35fr 1.85fr 1.05fr !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 14px 0 18px !important;
  align-items: stretch !important;
}

html body.client-portal-v88 .insight-card-v88 {
  min-height: 118px !important;
  padding: 17px 18px !important;
  border-radius: 16px !important;
  border: 1px solid #e6d4ad !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(122, 84, 16, .06) !important;
  color: #17130d !important;
  overflow: hidden !important;
}

html body.client-portal-v88 .insight-eyebrow-v88 {
  display: block !important;
  margin-bottom: 9px !important;
  color: #17130d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

html body.client-portal-v88 .total-posts-card-v88 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
}

html body.client-portal-v88 .total-posts-card-v88 strong {
  font-size: 50px !important;
  line-height: .9 !important;
  font-weight: 950 !important;
  letter-spacing: -.05em !important;
  color: #050505 !important;
}

html body.client-portal-v88 .total-posts-card-v88 small {
  margin-top: 12px !important;
  color: #6d5b3d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body.client-portal-v88 .top-country-card-v88 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html body.client-portal-v88 .top-country-card-v88 .insight-eyebrow-v88 {
  max-width: 130px !important;
  margin: 0 auto 14px !important;
  line-height: 1.25 !important;
  font-size: 12px !important;
  color: #4b3a1d !important;
}

html body.client-portal-v88 .top-country-card-v88 strong {
  color: #17130d !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body.client-portal-v88 .engagement-graph-card-v88 {
  padding: 13px 14px 11px !important;
}

html body.client-portal-v88 .insight-card-head-v88 {
  display: grid !important;
  gap: 1px !important;
  margin-bottom: 5px !important;
}

html body.client-portal-v88 .insight-card-head-v88 .insight-eyebrow-v88 {
  margin: 0 !important;
  font-size: 12px !important;
}

html body.client-portal-v88 .insight-card-head-v88 small {
  font-size: 10px !important;
  color: #6b7280 !important;
  font-weight: 700 !important;
}

html body.client-portal-v88 .engagement-mini-graph-v88 {
  width: 100% !important;
  height: 74px !important;
  display: block !important;
}

html body.client-portal-v88 .graph-grid-v88 {
  fill: none !important;
  stroke: #edf0f4 !important;
  stroke-width: 1 !important;
}

html body.client-portal-v88 .graph-line-v88 {
  fill: none !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v88 .graph-line-followers-v88 {
  stroke: #38bdf8 !important;
}

html body.client-portal-v88 .graph-line-engagement-v88 {
  stroke: #34d399 !important;
}

html body.client-portal-v88 .graph-legend-v88 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: -2px !important;
  font-size: 10px !important;
  color: #6b7280 !important;
  font-weight: 700 !important;
}

html body.client-portal-v88 .graph-legend-v88 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body.client-portal-v88 .graph-legend-v88 i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

html body.client-portal-v88 .legend-followers-v88 {
  background: #38bdf8 !important;
}

html body.client-portal-v88 .legend-engagement-v88 {
  background: #34d399 !important;
}

html body.client-portal-v88 .final-output-card-v88 {
  background: linear-gradient(180deg, #c89311 0%, #b88716 100%) !important;
  color: #17130d !important;
  border-color: #9f7410 !important;
  padding: 14px 16px !important;
}

html body.client-portal-v88 .final-output-card-v88 .insight-eyebrow-v88 {
  text-align: center !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

html body.client-portal-v88 .output-line-v88 {
  display: grid !important;
  grid-template-columns: 128px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 5px 0 !important;
  border-top: 1px solid rgba(255,255,255,.25) !important;
  font-size: 11px !important;
  line-height: 1.22 !important;
}

html body.client-portal-v88 .output-line-v88:first-of-type {
  border-top: 0 !important;
}

html body.client-portal-v88 .output-line-v88 strong {
  font-weight: 950 !important;
  color: #17130d !important;
}

html body.client-portal-v88 .output-line-v88 span {
  color: #21190e !important;
  font-weight: 700 !important;
}

html body.client-portal-v88 .optimal-time-card-v88 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  text-align: center !important;
}

html body.client-portal-v88 .optimal-time-card-v88 .insight-eyebrow-v88 {
  margin: 0 0 5px !important;
  font-size: 14px !important;
}

html body.client-portal-v88 .optimal-time-card-v88 strong {
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  color: #17130d !important;
}

html body.client-portal-v88 .optimal-time-card-v88 small {
  margin-top: 8px !important;
  color: #6d5b3d !important;
  font-size: 10px !important;
  font-style: italic !important;
  line-height: 1.25 !important;
}

/* Remove the old five-card row styling influence from this section */
html body.client-portal-v88 .client-insight-strip-v88 article {
  width: auto !important;
  flex: none !important;
}

@media (max-width: 1280px) {
  html body.client-portal-v88 .client-insight-strip-v88 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v88 .final-output-card-v88 {
    grid-column: span 2 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v88 .client-insight-strip-v88 {
    grid-template-columns: 1fr !important;
  }
  html body.client-portal-v88 .final-output-card-v88 {
    grid-column: auto !important;
  }
}


/* v89 — Real post intelligence input + strict real-data analytics cards */
html body.client-portal-v89 .v89-audience-row {
  grid-template-columns: 1fr 1.35fr !important;
  gap: 14px !important;
}

html body.client-portal-v89 .v89-audience-row input {
  width: 100% !important;
}

html body.client-portal-v89 .final-output-card-v88 {
  min-width: 0 !important;
}

html body.client-portal-v89 .output-line-v88 {
  grid-template-columns: 145px minmax(0, 1fr) !important;
}

html body.client-portal-v89 .output-line-v88 span {
  overflow-wrap: anywhere !important;
}

html body.client-portal-v89 #topEngagingCountry {
  overflow-wrap: anywhere !important;
}

html body.client-portal-v89 .top-country-card-v88 strong {
  line-height: 1.2 !important;
}

@media (max-width: 760px) {
  html body.client-portal-v89 .v89-audience-row {
    grid-template-columns: 1fr !important;
  }
}


/* v90 — Professional consistent minimalist insight cards */
html body.client-portal-v90 .client-insight-strip-v88 {
  --insight-border: #ead8aa;
  --insight-soft: #fffaf1;
  --insight-text: #17130d;
  --insight-muted: #74664f;
  --insight-gold: #a8750f;

  display: grid !important;
  grid-template-columns: 1fr 1fr 1.28fr 1.45fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 14px 0 16px !important;
  align-items: stretch !important;
}

html body.client-portal-v90 .client-insight-strip-v88 .insight-card-v88 {
  height: 168px !important;
  min-height: 168px !important;
  max-height: 168px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  border: 1px solid var(--insight-border) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(122, 84, 16, .055) !important;
  color: var(--insight-text) !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.client-portal-v90 .client-insight-strip-v88 .insight-card-v88::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(168, 117, 15, .78), rgba(223, 197, 141, .20)) !important;
}

html body.client-portal-v90 .client-insight-strip-v88 .insight-eyebrow-v88 {
  margin: 0 0 10px !important;
  color: #4a3a1e !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

/* Total posts card */
html body.client-portal-v90 .total-posts-card-v88 {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

html body.client-portal-v90 .total-posts-card-v88 .insight-eyebrow-v88 {
  margin-bottom: 11px !important;
  font-size: 13px !important;
}

html body.client-portal-v90 .total-posts-card-v88 strong {
  font-size: 48px !important;
  line-height: .9 !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
  color: #080808 !important;
}

html body.client-portal-v90 .total-posts-card-v88 small {
  margin-top: 12px !important;
  color: var(--insight-muted) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* Top country card: same border/background as all cards */
html body.client-portal-v90 .top-country-card-v88 {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  border-color: var(--insight-border) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(122, 84, 16, .055) !important;
}

html body.client-portal-v90 .top-country-card-v88 .insight-eyebrow-v88 {
  max-width: 150px !important;
  margin: 0 auto 16px !important;
  color: #4a3a1e !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
}

html body.client-portal-v90 .top-country-card-v88 strong {
  max-width: 100% !important;
  color: #111827 !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

/* Engagement graph card */
html body.client-portal-v90 .engagement-graph-card-v88 {
  padding: 14px 16px 12px !important;
  justify-content: space-between !important;
}

html body.client-portal-v90 .insight-card-head-v88 {
  display: grid !important;
  gap: 2px !important;
  margin: 0 0 5px !important;
}

html body.client-portal-v90 .insight-card-head-v88 .insight-eyebrow-v88 {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  color: #17130d !important;
}

html body.client-portal-v90 .insight-card-head-v88 small {
  color: #6b7280 !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

html body.client-portal-v90 .engagement-mini-graph-v88 {
  width: 100% !important;
  height: 76px !important;
  margin: 0 !important;
  display: block !important;
}

html body.client-portal-v90 .graph-grid-v88 {
  stroke: #eef1f4 !important;
  stroke-width: 1 !important;
}

html body.client-portal-v90 .graph-line-v88 {
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v90 .graph-legend-v88 {
  min-height: 18px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

html body.client-portal-v90 .graph-legend-v88 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
}

html body.client-portal-v90 .graph-legend-v88 i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
}

/* AI card: remove heavy gold block, use same minimalist card system */
html body.client-portal-v90 .final-output-card-v88 {
  background: #ffffff !important;
  border-color: var(--insight-border) !important;
  color: var(--insight-text) !important;
  padding: 15px 16px !important;
  justify-content: flex-start !important;
}

html body.client-portal-v90 .final-output-card-v88 .insight-eyebrow-v88 {
  text-align: left !important;
  margin: 0 0 10px !important;
  padding: 0 0 9px !important;
  border-bottom: 1px solid #efe2c4 !important;
  color: #17130d !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v90 .output-line-v88 {
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
  padding: 5px 0 !important;
  border-top: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.23 !important;
}

html body.client-portal-v90 .output-line-v88 strong {
  color: #5a3d08 !important;
  font-size: 11.3px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

html body.client-portal-v90 .output-line-v88 span {
  color: #17130d !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow-wrap: anywhere !important;
}

/* Optimal posting card */
html body.client-portal-v90 .optimal-time-card-v88 {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}

html body.client-portal-v90 .optimal-time-card-v88 .insight-eyebrow-v88 {
  margin: 0 0 5px !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
}

html body.client-portal-v90 .optimal-time-card-v88 strong {
  max-width: 100% !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

html body.client-portal-v90 .optimal-time-card-v88 small {
  max-width: 185px !important;
  margin-top: 9px !important;
  color: var(--insight-muted) !important;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  font-style: italic !important;
  font-weight: 700 !important;
}

/* Controls spacing after insight row */
html body.client-portal-v90 .client-v46-toolbar {
  margin-top: 2px !important;
}

/* Responsive: preserve equal card height */
@media (max-width: 1320px) {
  html body.client-portal-v90 .client-insight-strip-v88 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v90 .client-insight-strip-v88 .insight-card-v88 {
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
  }

  html body.client-portal-v90 .final-output-card-v88 {
    grid-column: span 2 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v90 .client-insight-strip-v88 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body.client-portal-v90 .final-output-card-v88 {
    grid-column: auto !important;
  }

  html body.client-portal-v90 .client-insight-strip-v88 .insight-card-v88 {
    height: auto !important;
    min-height: 142px !important;
    max-height: none !important;
  }
}


/* v91 — AI Social Media Analytics System: enterprise SaaS, compact, high-density */
html body.client-portal-v91 .ai-analytics-system-v91 {
  --ai-border: #ead8aa;
  --ai-bg: #ffffff;
  --ai-soft: #fffaf1;
  --ai-text: #17130d;
  --ai-muted: #74664f;
  --ai-gold: #9a6b0f;
  --ai-blue: #38bdf8;
  --ai-green: #34d399;

  width: 100% !important;
  margin: 14px 0 16px !important;
  display: grid !important;
  gap: 12px !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
}

html body.client-portal-v91 .ai-kpi-row-v91 {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr 1.28fr 1.2fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}

html body.client-portal-v91 .ai-insight-grid-v91 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, .95fr) minmax(0, 1.6fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

html body.client-portal-v91 .ai-metric-card-v91,
html body.client-portal-v91 .ai-panel-card-v91 {
  background: var(--ai-bg) !important;
  border: 1px solid var(--ai-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(122, 84, 16, .045) !important;
  color: var(--ai-text) !important;
  overflow: hidden !important;
  position: relative !important;
}

html body.client-portal-v91 .ai-metric-card-v91 {
  height: 122px !important;
  min-height: 122px !important;
  max-height: 122px !important;
  padding: 14px 15px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  column-gap: 11px !important;
  row-gap: 4px !important;
  align-items: start !important;
}

html body.client-portal-v91 .ai-panel-card-v91 {
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  padding: 14px 15px !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.client-portal-v91 .ai-metric-card-v91::before,
html body.client-portal-v91 .ai-panel-card-v91::before {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  right: 15px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(154, 107, 15, .78), rgba(223, 197, 141, .16)) !important;
}

html body.client-portal-v91 .ai-card-icon-v91 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: var(--ai-soft) !important;
  border: 1px solid #f0dfbd !important;
  color: var(--ai-gold) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-row: 1 / 4 !important;
  flex-shrink: 0 !important;
}

html body.client-portal-v91 .ai-card-icon-v91 svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

html body.client-portal-v91 .ai-card-icon-v91 svg path,
html body.client-portal-v91 .ai-card-icon-v91 svg circle,
html body.client-portal-v91 .ai-card-icon-v91 svg ellipse,
html body.client-portal-v91 .ai-card-icon-v91 svg rect {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v91 .ai-card-label-v91 {
  display: block !important;
  margin: 0 !important;
  color: #4a3a1e !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

html body.client-portal-v91 .ai-metric-card-v91 > strong {
  min-width: 0 !important;
  align-self: center !important;
  color: #090909 !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.client-portal-v91 .ai-metric-card-v91 small,
html body.client-portal-v91 .ai-panel-header-v91 small {
  color: var(--ai-muted) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

html body.client-portal-v91 .ai-index-card-v91 {
  grid-template-rows: auto auto auto !important;
}

html body.client-portal-v91 .ai-value-lines-v91 {
  display: grid !important;
  gap: 5px !important;
  align-self: center !important;
}

html body.client-portal-v91 .ai-value-lines-v91 p,
html body.client-portal-v91 .ai-decision-lines-v91 p {
  margin: 0 !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 8px !important;
}

html body.client-portal-v91 .ai-value-lines-v91 span,
html body.client-portal-v91 .ai-decision-lines-v91 span {
  color: var(--ai-muted) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body.client-portal-v91 .ai-value-lines-v91 strong {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body.client-portal-v91 .ai-panel-header-v91 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  margin-bottom: 9px !important;
}

html body.client-portal-v91 .ai-panel-header-v91 .ai-card-icon-v91 {
  grid-row: auto !important;
}

html body.client-portal-v91 .ai-chart-panel-v91 {
  justify-content: space-between !important;
}

html body.client-portal-v91 .engagement-overview-graph-v91 {
  width: 100% !important;
  height: 106px !important;
  display: block !important;
  margin: 0 !important;
}

html body.client-portal-v91 .graph-grid-v91 {
  fill: none !important;
  stroke: #edf0f4 !important;
  stroke-width: 1 !important;
}

html body.client-portal-v91 .graph-line-v91 {
  fill: none !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v91 .graph-line-followers-v91 {
  stroke: var(--ai-blue) !important;
}

html body.client-portal-v91 .graph-line-engagement-v91 {
  stroke: var(--ai-green) !important;
}

html body.client-portal-v91 .graph-legend-v91 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 18px !important;
  color: #6b7280 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.client-portal-v91 .graph-legend-v91 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

html body.client-portal-v91 .graph-legend-v91 i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

html body.client-portal-v91 .legend-followers-v91 {
  background: var(--ai-blue) !important;
}

html body.client-portal-v91 .legend-engagement-v91 {
  background: var(--ai-green) !important;
}

html body.client-portal-v91 .ai-cluster-panel-v91 > strong {
  margin-top: auto !important;
  margin-bottom: auto !important;
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body.client-portal-v91 .ai-decision-panel-v91 {
  justify-content: flex-start !important;
}

html body.client-portal-v91 .ai-decision-lines-v91 {
  display: grid !important;
  gap: 8px !important;
  padding-top: 1px !important;
}

html body.client-portal-v91 .ai-decision-lines-v91 p {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  align-items: start !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #f1e5cc !important;
}

html body.client-portal-v91 .ai-decision-lines-v91 p:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body.client-portal-v91 .ai-decision-lines-v91 strong {
  min-width: 0 !important;
  color: #111827 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body.client-portal-v91 #contentVerdict {
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v91 #exactContentSuggestion {
  -webkit-line-clamp: 3 !important;
}

html body.client-portal-v91 #recommendedContentFormat {
  -webkit-line-clamp: 1 !important;
}

/* Hide older v88/v90 styling artifacts if both classes are cached */
html body.client-portal-v91 .client-insight-strip-v88 {
  display: none !important;
}

@media (max-width: 1320px) {
  html body.client-portal-v91 .ai-kpi-row-v91 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v91 .ai-insight-grid-v91 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v91 .ai-decision-panel-v91 {
    grid-column: span 2 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v91 .ai-kpi-row-v91,
  html body.client-portal-v91 .ai-insight-grid-v91 {
    grid-template-columns: 1fr !important;
  }

  html body.client-portal-v91 .ai-decision-panel-v91 {
    grid-column: auto !important;
  }

  html body.client-portal-v91 .ai-metric-card-v91,
  html body.client-portal-v91 .ai-panel-card-v91 {
    height: auto !important;
    min-height: 126px !important;
    max-height: none !important;
  }
}


/* v92 — Content table header/cell centering polish */
html body.client-portal-v92 .client-content-table,
html body.client-portal-v92 .content-table,
html body.client-portal-v92 .client-content-table-v46,
html body.client-portal-v92 .content-table-v46 {
  table-layout: fixed !important;
}

html body.client-portal-v92 .client-content-table thead th,
html body.client-portal-v92 .content-table thead th,
html body.client-portal-v92 .client-content-table-v46 thead th,
html body.client-portal-v92 .content-table-v46 thead th,
html body.client-portal-v92 table thead th {
  text-align: center !important;
  vertical-align: middle !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Center the main visual/status columns so the grid feels balanced */
html body.client-portal-v92 .client-content-table tbody td,
html body.client-portal-v92 .content-table tbody td,
html body.client-portal-v92 .client-content-table-v46 tbody td,
html body.client-portal-v92 .content-table-v46 tbody td,
html body.client-portal-v92 table tbody td {
  vertical-align: middle !important;
}

/* Columns:
   1 Thumbnail, 2 Posting Date, 3 Post Title, 4 Status,
   5 Brand Partner, 6 Post Format, 7 Text Post, 8 Graphics Link,
   9 Publish Link, 10 Engagement, 11 Last Edited, 12 Actions */
html body.client-portal-v92 table thead th:nth-child(1),
html body.client-portal-v92 table thead th:nth-child(2),
html body.client-portal-v92 table thead th:nth-child(3),
html body.client-portal-v92 table thead th:nth-child(4),
html body.client-portal-v92 table thead th:nth-child(5),
html body.client-portal-v92 table thead th:nth-child(6),
html body.client-portal-v92 table thead th:nth-child(7),
html body.client-portal-v92 table thead th:nth-child(8),
html body.client-portal-v92 table thead th:nth-child(9),
html body.client-portal-v92 table thead th:nth-child(10),
html body.client-portal-v92 table thead th:nth-child(11),
html body.client-portal-v92 table thead th:nth-child(12) {
  text-align: center !important;
}

/* Cell alignment: center everything except the post title text, but keep the title vertically aligned and not side-heavy */
html body.client-portal-v92 table tbody td:nth-child(1),
html body.client-portal-v92 table tbody td:nth-child(2),
html body.client-portal-v92 table tbody td:nth-child(4),
html body.client-portal-v92 table tbody td:nth-child(5),
html body.client-portal-v92 table tbody td:nth-child(6),
html body.client-portal-v92 table tbody td:nth-child(7),
html body.client-portal-v92 table tbody td:nth-child(8),
html body.client-portal-v92 table tbody td:nth-child(9),
html body.client-portal-v92 table tbody td:nth-child(10),
html body.client-portal-v92 table tbody td:nth-child(11),
html body.client-portal-v92 table tbody td:nth-child(12) {
  text-align: center !important;
}

html body.client-portal-v92 table tbody td:nth-child(3) {
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Header labels stay visually centered even when wrapped into two lines */
html body.client-portal-v92 table thead th .th-label,
html body.client-portal-v92 table thead th span,
html body.client-portal-v92 table thead th div {
  justify-content: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep thumbnail/avatar/actions perfectly centered in their cells */
html body.client-portal-v92 table tbody td:nth-child(1) img,
html body.client-portal-v92 table tbody td:nth-child(1) .thumbnail,
html body.client-portal-v92 table tbody td:nth-child(11) .avatar,
html body.client-portal-v92 table tbody td:nth-child(12) button {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* v93 — Top Country Engagement moved into analytics row */
html body.client-portal-v93 .form-row.seven-cols,
html body.client-portal-v93 .v93-analytics-row {
  grid-template-columns: .78fr .78fr .78fr .78fr .78fr 1.28fr 1.08fr !important;
  align-items: end !important;
  gap: 10px !important;
}

html body.client-portal-v93 .top-country-engagement-field-v93 select {
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid #dfc58d !important;
  background: #ffffff !important;
  color: #17130d !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  outline: none !important;
}

html body.client-portal-v93 .top-country-engagement-field-v93 select:focus {
  border-color: #b88724 !important;
  box-shadow: 0 0 0 3px rgba(184, 135, 36, .14) !important;
}

html body.client-portal-v93 .v93-country-breakdown-field {
  margin-top: 8px !important;
}

html body.client-portal-v93 .v93-country-breakdown-field input {
  width: 100% !important;
}

html body.client-portal-v93 .v89-audience-row {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.client-portal-v93 .form-row.seven-cols,
  html body.client-portal-v93 .v93-analytics-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body.client-portal-v93 .form-row.seven-cols,
  html body.client-portal-v93 .v93-analytics-row {
    grid-template-columns: 1fr !important;
  }
}


/* v94 — Place filters on the same row as + Add New Content */
html body.client-portal-v94 .client-v46-toolbar,
html body.client-portal-v94 .client-content-toolbar,
html body.client-portal-v94 .content-toolbar,
html body.client-portal-v94 .workspace-toolbar {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 14px !important;
  margin: 14px 0 14px !important;
}

/* Left button */
html body.client-portal-v94 #openPostModal,
html body.client-portal-v94 #addNewContentBtn,
html body.client-portal-v94 .add-new-content-btn,
html body.client-portal-v94 .client-add-content-btn {
  width: 220px !important;
  min-width: 220px !important;
  height: 48px !important;
  justify-self: start !important;
  align-self: end !important;
}

/* Filter panel becomes the right side of the Add New Content row */
html body.client-portal-v94 .client-filter-panel,
html body.client-portal-v94 .content-filter-panel,
html body.client-portal-v94 .client-content-filters,
html body.client-portal-v94 .content-filters,
html body.client-portal-v94 .filter-card {
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  align-self: end !important;
}

/* If the filters are immediately after the toolbar, pull them into the same visual row using grid-friendly layout */
html body.client-portal-v94 .client-v46-toolbar + .client-filter-panel,
html body.client-portal-v94 .client-v46-toolbar + .content-filter-panel,
html body.client-portal-v94 .client-v46-toolbar + .client-content-filters,
html body.client-portal-v94 .client-v46-toolbar + .content-filters,
html body.client-portal-v94 .client-v46-toolbar + .filter-card {
  margin-top: -62px !important;
  margin-left: 238px !important;
  width: calc(100% - 238px) !important;
}

/* Specific filter card layout from screenshot */
html body.client-portal-v94 .content-filters-card,
html body.client-portal-v94 .filters-card,
html body.client-portal-v94 .client-filter-card,
html body.client-portal-v94 .client-content-filter-card {
  min-height: 72px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  border: 1px solid #ead8aa !important;
  background: #fffefb !important;
  box-shadow: 0 8px 22px rgba(122, 84, 16, .045) !important;
}

/* Make the filter controls compact and aligned */
html body.client-portal-v94 .content-filters-card,
html body.client-portal-v94 .filters-card,
html body.client-portal-v94 .client-filter-card,
html body.client-portal-v94 .client-content-filter-card,
html body.client-portal-v94 .client-filter-panel,
html body.client-portal-v94 .content-filter-panel,
html body.client-portal-v94 .client-content-filters,
html body.client-portal-v94 .content-filters {
  display: grid !important;
  grid-template-columns: 1.4fr .95fr .95fr .95fr .95fr !important;
  gap: 12px !important;
  align-items: end !important;
}

html body.client-portal-v94 .content-filters-card label,
html body.client-portal-v94 .filters-card label,
html body.client-portal-v94 .client-filter-card label,
html body.client-portal-v94 .client-content-filter-card label,
html body.client-portal-v94 .client-filter-panel label,
html body.client-portal-v94 .content-filter-panel label,
html body.client-portal-v94 .client-content-filters label,
html body.client-portal-v94 .content-filters label {
  margin: 0 !important;
  display: grid !important;
  gap: 6px !important;
  color: #6d5b3d !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

html body.client-portal-v94 .content-filters-card input,
html body.client-portal-v94 .content-filters-card select,
html body.client-portal-v94 .filters-card input,
html body.client-portal-v94 .filters-card select,
html body.client-portal-v94 .client-filter-card input,
html body.client-portal-v94 .client-filter-card select,
html body.client-portal-v94 .client-content-filter-card input,
html body.client-portal-v94 .client-content-filter-card select,
html body.client-portal-v94 .client-filter-panel input,
html body.client-portal-v94 .client-filter-panel select,
html body.client-portal-v94 .content-filter-panel input,
html body.client-portal-v94 .content-filter-panel select,
html body.client-portal-v94 .client-content-filters input,
html body.client-portal-v94 .client-content-filters select,
html body.client-portal-v94 .content-filters input,
html body.client-portal-v94 .content-filters select {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid #dfc58d !important;
  background: #fff !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #17130d !important;
}

/* Avoid double search bars. When the old simple search exists, let the filter card own the row. */
html body.client-portal-v94 .client-v46-toolbar .client-search-wrap,
html body.client-portal-v94 .client-v46-toolbar .content-search-wrap,
html body.client-portal-v94 .client-v46-toolbar .search-wrap,
html body.client-portal-v94 .client-v46-toolbar #contentSearchMirror,
html body.client-portal-v94 .client-v46-toolbar #clientContentSearch {
  width: 100% !important;
}

/* Responsive fallback */
@media (max-width: 1180px) {
  html body.client-portal-v94 .client-v46-toolbar,
  html body.client-portal-v94 .client-content-toolbar,
  html body.client-portal-v94 .content-toolbar,
  html body.client-portal-v94 .workspace-toolbar {
    grid-template-columns: 1fr !important;
  }

  html body.client-portal-v94 .client-v46-toolbar + .client-filter-panel,
  html body.client-portal-v94 .client-v46-toolbar + .content-filter-panel,
  html body.client-portal-v94 .client-v46-toolbar + .client-content-filters,
  html body.client-portal-v94 .client-v46-toolbar + .content-filters,
  html body.client-portal-v94 .client-v46-toolbar + .filter-card {
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  html body.client-portal-v94 .content-filters-card,
  html body.client-portal-v94 .filters-card,
  html body.client-portal-v94 .client-filter-card,
  html body.client-portal-v94 .client-content-filter-card,
  html body.client-portal-v94 .client-filter-panel,
  html body.client-portal-v94 .content-filter-panel,
  html body.client-portal-v94 .client-content-filters,
  html body.client-portal-v94 .content-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.client-portal-v94 #openPostModal,
  html body.client-portal-v94 #addNewContentBtn,
  html body.client-portal-v94 .add-new-content-btn,
  html body.client-portal-v94 .client-add-content-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.client-portal-v94 .content-filters-card,
  html body.client-portal-v94 .filters-card,
  html body.client-portal-v94 .client-filter-card,
  html body.client-portal-v94 .client-content-filter-card,
  html body.client-portal-v94 .client-filter-panel,
  html body.client-portal-v94 .content-filter-panel,
  html body.client-portal-v94 .client-content-filters,
  html body.client-portal-v94 .content-filters {
    grid-template-columns: 1fr !important;
  }
}


/* v95 — Remove Audience Country Breakdown and make Top Country Engagement typeahead/free text */
html body.client-portal-v95 .v93-country-breakdown-field {
  display: none !important;
}

html body.client-portal-v95 .top-country-engagement-field-v95 input {
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid #dfc58d !important;
  background: #ffffff !important;
  color: #17130d !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  outline: none !important;
}

html body.client-portal-v95 .top-country-engagement-field-v95 input:focus {
  border-color: #b88724 !important;
  box-shadow: 0 0 0 3px rgba(184, 135, 36, .14) !important;
}

html body.client-portal-v95 .top-country-engagement-field-v95 input::placeholder {
  color: #8a7b64 !important;
  font-weight: 700 !important;
}

/* Keep analytics row compact after removing the separate country breakdown field */
html body.client-portal-v95 .v93-analytics-row {
  margin-bottom: 0 !important;
}


/* v96 — analytics persistence repair, no visual change */
html body.client-portal-v96 .top-country-engagement-field-v95 input {
  background: #ffffff !important;
}


/* v97 — Expanded content search coverage */
html body.client-portal-v97 .client-table-search-wrap input#contentSearchMirror {
  min-width: 420px !important;
}

html body.client-portal-v97 .client-table-search-wrap input#contentSearchMirror::placeholder {
  color: #8a7b64 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

@media (max-width: 900px) {
  html body.client-portal-v97 .client-table-search-wrap input#contentSearchMirror {
    min-width: 0 !important;
  }
}

/* v98 — Enterprise global header search/filter system + context-aware analytics */
html body.client-portal-v98 .client-global-filter-strip-v98 {
  position: relative !important;
  z-index: 7200 !important;
  margin: 18px 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html body.client-portal-v98 .global-content-search-v98 {
  display: grid !important;
  grid-template-columns: minmax(320px, 1.55fr) repeat(4, minmax(150px, .75fr)) !important;
  gap: 12px !important;
  align-items: end !important;
  background: #fffdf8 !important;
  border: 1px solid #ead7ab !important;
  border-radius: 24px !important;
  padding: 14px !important;
  box-shadow: 0 18px 42px rgba(120, 82, 20, .08) !important;
}

html body.client-portal-v98 .global-search-field-v98 {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  border: 1px solid #dfbf78 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 16px 0 18px !important;
}

html body.client-portal-v98 .global-search-field-v98 input,
html body.client-portal-v98 .global-typeahead-v98 input {
  width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #17130d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body.client-portal-v98 .global-search-field-v98 input {
  min-height: 46px !important;
}

html body.client-portal-v98 .global-search-field-v98 input::placeholder,
html body.client-portal-v98 .global-typeahead-v98 input::placeholder {
  color: #8a7b64 !important;
  font-weight: 750 !important;
}

html body.client-portal-v98 .global-search-field-v98 span {
  color: #9a7529 !important;
  font-weight: 900 !important;
}

html body.client-portal-v98 .global-typeahead-v98 {
  position: relative !important;
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body.client-portal-v98 .global-typeahead-v98 label {
  color: #6d604f !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding-left: 4px !important;
}

html body.client-portal-v98 .global-typeahead-v98 input {
  min-height: 48px !important;
  border: 1px solid #ead7ab !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  padding: 0 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html body.client-portal-v98 .global-search-field-v98:focus-within,
html body.client-portal-v98 .global-typeahead-v98:focus-within input {
  border-color: #b88724 !important;
  box-shadow: 0 0 0 3px rgba(184, 135, 36, .14) !important;
}

html body.client-portal-v98 .global-suggestions-v98 {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  max-height: 270px !important;
  overflow: auto !important;
  background: #ffffff !important;
  border: 1px solid #ead7ab !important;
  border-radius: 16px !important;
  padding: 6px !important;
  box-shadow: 0 18px 40px rgba(80, 58, 16, .16) !important;
  z-index: 7600 !important;
}

html body.client-portal-v98 .global-suggestions-v98.open {
  display: grid !important;
  gap: 4px !important;
}

html body.client-portal-v98 .global-suggestions-v98 button,
html body.client-portal-v98 .global-empty-v98 {
  width: 100% !important;
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: #241b10 !important;
  padding: 9px 10px !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.client-portal-v98 .global-suggestions-v98 button:hover,
html body.client-portal-v98 .global-suggestions-v98 button:focus {
  background: #fff4d8 !important;
  color: #6b4707 !important;
  outline: none !important;
}

html body.client-portal-v98 .global-empty-v98 {
  color: #8a7b64 !important;
}

html body.client-portal-v98 .content-management-toolbar-v98,
html body.client-portal-v98 .client-v46-toolbar.content-management-toolbar-v98 {
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
}

html body.client-portal-v98 .content-management-toolbar-v98 .client-table-search-wrap,
html body.client-portal-v98 .content-management-toolbar-v98 .client-search-wrap,
html body.client-portal-v98 .content-management-toolbar-v98 .content-search-wrap,
html body.client-portal-v98 .content-management-toolbar-v98 .search-wrap,
html body.client-portal-v98 .content-management-toolbar-v98 #contentSearchMirror,
html body.client-portal-v98 .content-management-toolbar-v98 #clientContentSearch {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.client-portal-v98 .global-content-search-v98 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v98 .global-search-field-v98 {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 700px) {
  html body.client-portal-v98 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
    padding: 12px !important;
  }

  html body.client-portal-v98 .global-search-field-v98 {
    grid-column: auto !important;
  }

  html body.client-portal-v98 .content-management-toolbar-v98 .client-v46-add-content {
    width: 100% !important;
  }
}


/* v99 — Professional alignment repair for global header search controls */
html body.client-portal-v99 .global-content-search-v98 {
  grid-template-columns: minmax(340px, 1.45fr) repeat(4, minmax(150px, .75fr)) !important;
  gap: 14px !important;
  align-items: end !important;
  padding: 16px 18px !important;
  border-radius: 24px !important;
}

html body.client-portal-v99 .global-keyword-search-v99,
html body.client-portal-v99 .global-typeahead-v98 {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 18px 50px !important;
  gap: 6px !important;
  min-width: 0 !important;
  align-self: end !important;
}

html body.client-portal-v99 .global-keyword-search-v99 > label,
html body.client-portal-v99 .global-typeahead-v98 > label {
  display: flex !important;
  align-items: center !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 0 0 4px !important;
  color: #6d604f !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v99 .global-search-field-v98,
html body.client-portal-v99 .global-typeahead-v98 > input {
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
  border: 1px solid #ead7ab !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html body.client-portal-v99 .global-search-field-v98 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
}

html body.client-portal-v99 .global-search-field-v98 input,
html body.client-portal-v99 .global-typeahead-v98 > input {
  width: 100% !important;
  height: 48px !important;
  min-height: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #17130d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

html body.client-portal-v99 .global-typeahead-v98 > input {
  padding: 0 14px !important;
}

html body.client-portal-v99 .global-search-field-v98 span[aria-hidden="true"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: #9a7529 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(0) !important;
}

html body.client-portal-v99 .global-search-field-v98 input::placeholder,
html body.client-portal-v99 .global-typeahead-v98 > input::placeholder {
  color: #8a7b64 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

html body.client-portal-v99 .global-search-field-v98:focus-within,
html body.client-portal-v99 .global-typeahead-v98:focus-within > input {
  border-color: #b88724 !important;
  box-shadow: 0 0 0 3px rgba(184, 135, 36, .14), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html body.client-portal-v99 .global-suggestions-v98 {
  top: calc(100% + 8px) !important;
}

@media (max-width: 1180px) {
  html body.client-portal-v99 .global-content-search-v98 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v99 .global-keyword-search-v99 {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 700px) {
  html body.client-portal-v99 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
    padding: 12px !important;
  }

  html body.client-portal-v99 .global-keyword-search-v99 {
    grid-column: auto !important;
  }
}


/* v100 — Collapsed Analytics Panel button + context-aware analytics layout */
html body.client-portal-v100 .global-content-search-v98 {
  grid-template-columns: minmax(168px, .58fr) minmax(300px, 1.25fr) repeat(4, minmax(142px, .72fr)) !important;
  align-items: end !important;
}

html body.client-portal-v100 .analytics-toggle-cell-v100 {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 18px 50px !important;
  gap: 6px !important;
  min-width: 0 !important;
  align-self: end !important;
}

html body.client-portal-v100 .analytics-toggle-cell-v100 > label {
  display: flex !important;
  align-items: center !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 0 0 4px !important;
  color: #6d604f !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v100 .analytics-panel-toggle-v100 {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border: 1px solid #c99638 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fffaf0 0%, #f8e8bd 100%) !important;
  color: #6b4707 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  box-shadow: 0 12px 24px rgba(138, 94, 18, .10), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
  white-space: nowrap !important;
}

html body.client-portal-v100 .analytics-panel-toggle-v100:hover,
html body.client-portal-v100 .analytics-panel-toggle-v100:focus {
  border-color: #a67212 !important;
  background: linear-gradient(135deg, #fff6df 0%, #efd18d 100%) !important;
  box-shadow: 0 14px 30px rgba(138, 94, 18, .16), 0 0 0 3px rgba(184, 135, 36, .12) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

html body.client-portal-v100 .analytics-panel-toggle-v100.is-open {
  background: #7a5311 !important;
  border-color: #7a5311 !important;
  color: #fff8e8 !important;
}

html body.client-portal-v100 .analytics-toggle-icon-v100 {
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.58) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

html body.client-portal-v100 #analyticsPanel[hidden],
html body.client-portal-v100 .analytics-panel-v100[hidden] {
  display: none !important;
}

html body.client-portal-v100 .analytics-panel-v100 {
  margin: 0 0 18px !important;
  padding: 18px !important;
  border: 1px solid #ead7ab !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%) !important;
  box-shadow: 0 18px 46px rgba(120, 82, 20, .08) !important;
}

html body.client-portal-v100 .analytics-panel-header-v100 {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #f0e2c0 !important;
  margin-bottom: 14px !important;
}

html body.client-portal-v100 .analytics-eyebrow-v100 {
  display: block !important;
  color: #9a7529 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  margin-bottom: 5px !important;
}

html body.client-portal-v100 .analytics-panel-header-v100 h2 {
  margin: 0 !important;
  color: #17130d !important;
  font-size: clamp(20px, 2vw, 28px) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

html body.client-portal-v100 .analytics-panel-header-v100 p,
html body.client-portal-v100 .analytics-section-title-v100 p {
  margin: 5px 0 0 !important;
  color: #7c6f5e !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

html body.client-portal-v100 .analytics-section-v100 {
  padding: 14px 0 !important;
}

html body.client-portal-v100 .analytics-section-v100 + .analytics-section-v100 {
  border-top: 1px solid #f2e6ca !important;
}

html body.client-portal-v100 .analytics-section-title-v100 {
  margin-bottom: 12px !important;
}

html body.client-portal-v100 .analytics-section-title-v100 h3 {
  margin: 0 !important;
  color: #241b10 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
}

html body.client-portal-v100 .analytics-overview-grid-v100,
html body.client-portal-v100 .analytics-two-grid-v100,
html body.client-portal-v100 .analytics-recommendation-grid-v100 {
  display: grid !important;
  gap: 12px !important;
}

html body.client-portal-v100 .analytics-overview-grid-v100 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.client-portal-v100 .analytics-two-grid-v100,
html body.client-portal-v100 .analytics-recommendation-grid-v100 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.client-portal-v100 .analytics-trends-grid-v100 {
  display: grid !important;
  grid-template-columns: minmax(160px, .45fr) minmax(160px, .45fr) minmax(340px, 1.4fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

html body.client-portal-v100 .analytics-card-v100 {
  min-width: 0 !important;
  min-height: 112px !important;
  border: 1px solid #f0e0bd !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  padding: 14px !important;
  box-shadow: 0 12px 26px rgba(120, 82, 20, .06) !important;
}

html body.client-portal-v100 .analytics-card-v100 > span,
html body.client-portal-v100 .analytics-graph-head-v100 > span {
  display: block !important;
  color: #6d604f !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 9px !important;
}

html body.client-portal-v100 .analytics-card-v100 > strong,
html body.client-portal-v100 .analytics-card-v100 #contentVerdict,
html body.client-portal-v100 .analytics-card-v100 #exactContentSuggestion {
  display: block !important;
  color: #17130d !important;
  font-size: 20px !important;
  line-height: 1.22 !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

html body.client-portal-v100 .analytics-recommendation-grid-v100 .analytics-card-v100 > strong {
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.client-portal-v100 .analytics-card-v100 > small,
html body.client-portal-v100 .analytics-graph-head-v100 > small {
  display: block !important;
  color: #8a7b64 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  margin-top: 7px !important;
}

html body.client-portal-v100 .analytics-graph-card-v100 {
  min-height: 220px !important;
}

html body.client-portal-v100 .analytics-graph-v100 {
  width: 100% !important;
  height: 130px !important;
  margin-top: 4px !important;
}

html body.client-portal-v100 .analytics-legend-v100 {
  margin-top: 8px !important;
}

@media (max-width: 1280px) {
  html body.client-portal-v100 .global-content-search-v98 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v100 .analytics-toggle-cell-v100,
  html body.client-portal-v100 .global-keyword-search-v99 {
    grid-column: auto !important;
  }
  html body.client-portal-v100 .analytics-overview-grid-v100,
  html body.client-portal-v100 .analytics-trends-grid-v100 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v100 .analytics-graph-card-v100 {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v100 .global-content-search-v98,
  html body.client-portal-v100 .analytics-overview-grid-v100,
  html body.client-portal-v100 .analytics-trends-grid-v100,
  html body.client-portal-v100 .analytics-two-grid-v100,
  html body.client-portal-v100 .analytics-recommendation-grid-v100 {
    grid-template-columns: 1fr !important;
  }
  html body.client-portal-v100 .analytics-panel-v100 {
    border-radius: 18px !important;
    padding: 14px !important;
  }
  html body.client-portal-v100 .analytics-panel-toggle-v100 {
    justify-content: flex-start !important;
    padding: 0 14px !important;
  }
}


/* v101 — Compact minimalist Analytics Panel refinement */
html body.client-portal-v101 .analytics-panel-v100 {
  margin: 0 0 12px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border-color: #ead9b4 !important;
  background: #fffdf8 !important;
  box-shadow: 0 10px 26px rgba(120, 82, 20, .055) !important;
}

html body.client-portal-v101 .analytics-panel-header-v100 {
  align-items: center !important;
  gap: 12px !important;
  padding: 0 0 9px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #f1e4c6 !important;
}

html body.client-portal-v101 .analytics-eyebrow-v100 {
  font-size: 8.5px !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
}

html body.client-portal-v101 .analytics-panel-header-v100 h2 {
  font-size: 18px !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
}

html body.client-portal-v101 .analytics-panel-header-v100 p {
  margin-top: 4px !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

html body.client-portal-v101 .analytics-section-v100 {
  padding: 7px 0 !important;
}

html body.client-portal-v101 .analytics-section-v100 + .analytics-section-v100 {
  border-top: 1px solid #f3e8cf !important;
}

html body.client-portal-v101 .analytics-section-title-v100 {
  margin-bottom: 6px !important;
}

html body.client-portal-v101 .analytics-section-title-v100 h3 {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

html body.client-portal-v101 .analytics-section-title-v100 p {
  display: none !important;
}

html body.client-portal-v101 .analytics-overview-grid-v100,
html body.client-portal-v101 .analytics-two-grid-v100,
html body.client-portal-v101 .analytics-recommendation-grid-v100,
html body.client-portal-v101 .analytics-trends-grid-v100 {
  gap: 8px !important;
}

html body.client-portal-v101 .analytics-card-v100 {
  min-height: 66px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  border-color: #f0dfb8 !important;
  box-shadow: none !important;
}

html body.client-portal-v101 .analytics-card-v100 > span,
html body.client-portal-v101 .analytics-graph-head-v100 > span {
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  letter-spacing: .09em !important;
  margin-bottom: 5px !important;
}

html body.client-portal-v101 .analytics-card-v100 > strong,
html body.client-portal-v101 .analytics-card-v100 #contentVerdict,
html body.client-portal-v101 .analytics-card-v100 #exactContentSuggestion {
  font-size: 16px !important;
  line-height: 1.14 !important;
  letter-spacing: -.015em !important;
}

html body.client-portal-v101 .analytics-recommendation-grid-v100 .analytics-card-v100 > strong,
html body.client-portal-v101 .analytics-card-v100 #contentVerdict,
html body.client-portal-v101 .analytics-card-v100 #exactContentSuggestion {
  font-size: 13px !important;
  line-height: 1.18 !important;
}

html body.client-portal-v101 .analytics-card-v100 > small,
html body.client-portal-v101 .analytics-graph-head-v100 > small {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
  margin-top: 4px !important;
}

html body.client-portal-v101 .analytics-trends-grid-v100 {
  grid-template-columns: minmax(130px, .42fr) minmax(130px, .42fr) minmax(280px, 1.2fr) !important;
  align-items: stretch !important;
}

html body.client-portal-v101 .analytics-graph-card-v100 {
  min-height: 100px !important;
  padding-bottom: 8px !important;
}

html body.client-portal-v101 .analytics-graph-v100 {
  height: 56px !important;
  margin-top: 0 !important;
}

html body.client-portal-v101 .analytics-legend-v100 {
  margin-top: 2px !important;
  gap: 10px !important;
}

html body.client-portal-v101 .graph-legend-v91 span {
  font-size: 9px !important;
  line-height: 1 !important;
}

html body.client-portal-v101 .analytics-mini-stat-v100 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body.client-portal-v101 .analytics-two-grid-v100 .analytics-card-v100,
html body.client-portal-v101 .analytics-recommendation-grid-v100 .analytics-card-v100 {
  min-height: 64px !important;
}

@media (max-width: 1280px) {
  html body.client-portal-v101 .analytics-overview-grid-v100,
  html body.client-portal-v101 .analytics-trends-grid-v100 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v101 .analytics-graph-card-v100 {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v101 .analytics-panel-v100 {
    padding: 10px !important;
    border-radius: 16px !important;
  }
  html body.client-portal-v101 .analytics-panel-header-v100 h2 {
    font-size: 16px !important;
  }
  html body.client-portal-v101 .analytics-card-v100 {
    min-height: 58px !important;
  }
}


/* v102 — High-density single-row Analytics Panel with embedded compact graph */
html body.client-portal-v102 .analytics-panel-v102 {
  height: 178px !important;
  min-height: 178px !important;
  max-height: 178px !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid #ead8ad !important;
  border-radius: 18px !important;
  background: #fffdf8 !important;
  box-shadow: 0 8px 22px rgba(111, 75, 15, .05) !important;
  overflow: hidden !important;
}

html body.client-portal-v102 .analytics-panel-v102[hidden] {
  display: none !important;
}

html body.client-portal-v102 .analytics-compact-row-v102 {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) minmax(170px, .62fr) minmax(225px, .78fr) minmax(420px, 1.45fr) !important;
  gap: 0 !important;
  height: 100% !important;
  align-items: stretch !important;
}

html body.client-portal-v102 .analytics-col-v102 {
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 14px !important;
  border-right: 1px solid #f0e2c3 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  background: transparent !important;
}

html body.client-portal-v102 .analytics-col-v102:first-child {
  padding-left: 0 !important;
}

html body.client-portal-v102 .analytics-col-v102:last-child {
  border-right: 0 !important;
  padding-right: 0 !important;
}

html body.client-portal-v102 .analytics-col-head-v102 {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 16px !important;
  margin-bottom: 1px !important;
}

html body.client-portal-v102 .analytics-col-head-v102 > span {
  color: #9a7529 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v102 .analytics-col-head-v102 > small,
html body.client-portal-v102 #analyticsDataScope {
  color: #8a7b64 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v102 .analytics-kpi-list-v102 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body.client-portal-v102 .analytics-line-v102 {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.client-portal-v102 .analytics-line-v102 > span {
  display: block !important;
  color: #766b5a !important;
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v102 .analytics-line-v102 > strong {
  display: block !important;
  color: #17130d !important;
  font-size: 14px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

html body.client-portal-v102 .analytics-line-v102 > small {
  display: block !important;
  color: #8a7b64 !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v102 .analytics-ai-col-v102 {
  gap: 7px !important;
}

html body.client-portal-v102 .analytics-ai-line-v102 > strong {
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

html body.client-portal-v102 .analytics-ai-line-v102:nth-of-type(3) > strong {
  -webkit-line-clamp: 3 !important;
}

html body.client-portal-v102 .analytics-mini-graph-wrap-v102 {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 2px !important;
}

html body.client-portal-v102 .analytics-graph-v102,
html body.client-portal-v102 .engagement-overview-graph-v91.analytics-graph-v102 {
  width: 100% !important;
  max-width: 100% !important;
  height: 70px !important;
  display: block !important;
  margin: 0 !important;
}

html body.client-portal-v102 .analytics-graph-v102 .graph-grid-v91 {
  stroke: #f0f1f3 !important;
  stroke-width: 1 !important;
}

html body.client-portal-v102 .analytics-graph-v102 .graph-line-v91 {
  stroke-width: 3 !important;
}

html body.client-portal-v102 .analytics-legend-v102 {
  justify-content: flex-start !important;
  margin-top: -4px !important;
  gap: 10px !important;
  min-height: 12px !important;
}

html body.client-portal-v102 .analytics-legend-v102 span {
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

@media (max-width: 1320px) {
  html body.client-portal-v102 .analytics-panel-v102 {
    height: auto !important;
    max-height: none !important;
  }
  html body.client-portal-v102 .analytics-compact-row-v102 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 14px !important;
  }
  html body.client-portal-v102 .analytics-col-v102:nth-child(2) {
    border-right: 0 !important;
  }
  html body.client-portal-v102 .analytics-col-v102:nth-child(3) {
    padding-left: 0 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v102 .analytics-compact-row-v102 {
    grid-template-columns: 1fr !important;
  }
  html body.client-portal-v102 .analytics-col-v102 {
    padding: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #f0e2c3 !important;
    padding-bottom: 10px !important;
  }
  html body.client-portal-v102 .analytics-col-v102:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  html body.client-portal-v102 .analytics-kpi-list-v102 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v103 — Professional high-density Analytics Panel polish */
html body.client-portal-v103 .global-content-search-v98 {
  grid-template-columns: minmax(154px, .48fr) minmax(320px, 1.24fr) repeat(4, minmax(142px, .68fr)) !important;
  gap: 14px !important;
}

html body.client-portal-v103 .analytics-panel-toggle-v100 {
  border-radius: 16px !important;
  gap: 9px !important;
  padding: 0 14px !important;
  background: #fffaf0 !important;
  border-color: #d8b66f !important;
  color: #72520e !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(109, 82, 24, .08) !important;
}

html body.client-portal-v103 .analytics-panel-toggle-v100.is-open {
  background: linear-gradient(135deg, #8a6110 0%, #73500d 100%) !important;
  border-color: #73500d !important;
  color: #fff7e7 !important;
  box-shadow: 0 12px 24px rgba(101, 72, 17, .18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html body.client-portal-v103 .analytics-toggle-icon-v103 {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: rgba(138, 97, 16, .10) !important;
  border: 1px solid rgba(138, 97, 16, .16) !important;
  color: #8a6110 !important;
}

html body.client-portal-v103 .analytics-panel-toggle-v100.is-open .analytics-toggle-icon-v103 {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.48) !important;
  color: #7a5510 !important;
}

html body.client-portal-v103 .analytics-toggle-icon-v103 svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v103 .analytics-toggle-icon-v103 circle {
  fill: currentColor !important;
  stroke: none !important;
}

html body.client-portal-v103 .analytics-panel-v103 {
  position: relative !important;
  height: 164px !important;
  min-height: 164px !important;
  max-height: 164px !important;
  margin: 0 0 12px !important;
  padding: 12px 14px 10px !important;
  border: 1px solid #ead8ad !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #fffdf8 0%, #fffaf1 100%) !important;
  box-shadow: 0 14px 34px rgba(93, 66, 18, .055) !important;
  overflow: hidden !important;
}

html body.client-portal-v103 .analytics-scope-pill-v103,
html body.client-portal-v103 #analyticsDataScope.analytics-scope-pill-v103 {
  position: absolute !important;
  top: 10px !important;
  right: 16px !important;
  z-index: 2 !important;
  max-width: 360px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  border: 1px solid rgba(232, 211, 171, .82) !important;
  border-radius: 999px !important;
  background: rgba(255, 252, 246, .88) !important;
  color: #7e725f !important;
  font-size: 8.6px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v103 .analytics-compact-row-v103 {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.08fr) minmax(210px, .74fr) minmax(270px, .90fr) minmax(500px, 1.62fr) !important;
  gap: 0 !important;
  height: 100% !important;
  align-items: stretch !important;
}

html body.client-portal-v103 .analytics-col-v102 {
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  border-right: 1px solid rgba(224, 201, 158, .86) !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  overflow: hidden !important;
}

html body.client-portal-v103 .analytics-col-v102:first-child {
  padding-left: 0 !important;
}

html body.client-portal-v103 .analytics-col-v102:last-child {
  border-right: 0 !important;
  padding-right: 0 !important;
}

html body.client-portal-v103 .analytics-kpi-col-v102 {
  grid-template-rows: 18px 40px 76px !important;
}

html body.client-portal-v103 .analytics-audience-col-v102,
html body.client-portal-v103 .analytics-intel-col-v102 {
  grid-template-rows: 18px repeat(3, 31px) !important;
  gap: 6px !important;
}

html body.client-portal-v103 .analytics-ai-col-v102 {
  grid-template-rows: 18px 25px 25px 45px 25px !important;
  gap: 4px !important;
  padding-left: 20px !important;
}

html body.client-portal-v103 .analytics-col-head-v102 {
  height: 18px !important;
  min-height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(234, 216, 177, .78) !important;
}

html body.client-portal-v103 .analytics-col-head-v102 > span {
  color: #9a7529 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v103 .analytics-kpi-list-v102 {
  height: 40px !important;
  display: grid !important;
  grid-template-columns: .65fr 1fr .9fr !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 2px 0 0 !important;
  border-bottom: 1px solid rgba(242, 232, 212, .88) !important;
}

html body.client-portal-v103 .analytics-line-v102 {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.client-portal-v103 .analytics-line-v102 > span {
  display: block !important;
  margin: 0 0 3px !important;
  color: #7a6f5f !important;
  font-size: 8.2px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v103 .analytics-line-v102 > strong {
  display: block !important;
  color: #17130d !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

html body.client-portal-v103 .analytics-line-v102 > small {
  display: block !important;
  margin-top: 2px !important;
  color: #8a7b64 !important;
  font-size: 8.7px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v103 .analytics-audience-col-v102 .analytics-line-v102,
html body.client-portal-v103 .analytics-intel-col-v102 .analytics-line-v102 {
  display: grid !important;
  grid-template-rows: 10px 18px !important;
  align-content: start !important;
}

html body.client-portal-v103 .analytics-ai-line-v102 {
  display: grid !important;
  grid-template-rows: 10px minmax(0, 1fr) !important;
  align-content: start !important;
}

html body.client-portal-v103 .analytics-ai-line-v102 > strong {
  font-size: 12.2px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
}

html body.client-portal-v103 .analytics-ai-line-v102:nth-of-type(3) > strong {
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v103 .analytics-ai-line-v102:nth-of-type(4) > strong {
  -webkit-line-clamp: 1 !important;
}

html body.client-portal-v103 .analytics-mini-graph-wrap-v102 {
  width: 100% !important;
  min-width: 0 !important;
  height: 76px !important;
  margin: 0 !important;
  padding-top: 3px !important;
  overflow: hidden !important;
}

html body.client-portal-v103 .analytics-graph-v102,
html body.client-portal-v103 .engagement-overview-graph-v91.analytics-graph-v102 {
  width: 100% !important;
  max-width: 100% !important;
  height: 58px !important;
  display: block !important;
  margin: 0 !important;
}

html body.client-portal-v103 .analytics-graph-v102 .graph-grid-v91 {
  stroke: #eee7d9 !important;
  stroke-width: 1 !important;
}

html body.client-portal-v103 .analytics-graph-v102 .graph-line-v91 {
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v103 .analytics-graph-v102 .graph-line-followers-v91 {
  stroke: #3b82f6 !important;
}

html body.client-portal-v103 .analytics-graph-v102 .graph-line-engagement-v91 {
  stroke: #22c55e !important;
}

html body.client-portal-v103 .analytics-legend-v102 {
  min-height: 13px !important;
  margin: -2px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

html body.client-portal-v103 .analytics-legend-v102 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #7b7280 !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body.client-portal-v103 .analytics-legend-v102 i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

html body.client-portal-v103 .analytics-legend-v102 .legend-followers-v91 {
  background: #3b82f6 !important;
}

html body.client-portal-v103 .analytics-legend-v102 .legend-engagement-v91 {
  background: #22c55e !important;
}

@media (max-width: 1320px) {
  html body.client-portal-v103 .analytics-panel-v103 {
    height: auto !important;
    min-height: 164px !important;
    max-height: none !important;
  }

  html body.client-portal-v103 .analytics-scope-pill-v103,
  html body.client-portal-v103 #analyticsDataScope.analytics-scope-pill-v103 {
    position: static !important;
    margin: 0 0 8px auto !important;
    max-width: 100% !important;
  }

  html body.client-portal-v103 .analytics-compact-row-v103 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 14px !important;
  }

  html body.client-portal-v103 .analytics-col-v102:nth-child(2) {
    border-right: 0 !important;
  }

  html body.client-portal-v103 .analytics-col-v102:nth-child(3) {
    padding-left: 0 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v103 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
  }

  html body.client-portal-v103 .analytics-panel-v103 {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  html body.client-portal-v103 .analytics-compact-row-v103 {
    grid-template-columns: 1fr !important;
  }

  html body.client-portal-v103 .analytics-col-v102 {
    padding: 0 0 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(224, 201, 158, .86) !important;
  }

  html body.client-portal-v103 .analytics-col-v102:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* v104 — Final clean decision-engine analytics panel */
html body.client-portal-v104 .analytics-panel-v104 {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid #ead8ad !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fffdf8 0%, #fffaf2 100%) !important;
  box-shadow: 0 12px 28px rgba(93, 66, 18, .055) !important;
  overflow: hidden !important;
}

html body.client-portal-v104 .analytics-scope-pill-v103 {
  display: none !important;
}

html body.client-portal-v104 .analytics-decision-row-v104 {
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1.16fr) minmax(155px, .62fr) minmax(190px, .72fr) minmax(280px, 1fr) minmax(430px, 1.55fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

html body.client-portal-v104 .analytics-decision-col-v104 {
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 16px !important;
  border-right: 1px solid rgba(224, 201, 158, .82) !important;
  display: grid !important;
  grid-template-rows: 18px minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 8px !important;
  overflow: hidden !important;
}

html body.client-portal-v104 .analytics-decision-col-v104:first-child {
  padding-left: 0 !important;
}

html body.client-portal-v104 .analytics-decision-col-v104:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

html body.client-portal-v104 .analytics-decision-head-v104 {
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  color: #936d22 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v104 .analytics-core-col-v104 {
  grid-template-rows: 18px 38px minmax(0, 1fr) !important;
  gap: 6px !important;
}

html body.client-portal-v104 .core-metrics-grid-v104 {
  display: grid !important;
  grid-template-columns: .58fr 1fr .86fr .62fr !important;
  gap: 9px !important;
  align-items: start !important;
}

html body.client-portal-v104 .core-metrics-grid-v104 div,
html body.client-portal-v104 .analytics-focus-metric-v104,
html body.client-portal-v104 .analytics-action-grid-v104 div {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.client-portal-v104 .core-metrics-grid-v104 span,
html body.client-portal-v104 .analytics-focus-metric-v104 span,
html body.client-portal-v104 .analytics-action-grid-v104 span {
  display: block !important;
  margin: 0 0 3px !important;
  color: #7a6f5f !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v104 .core-metrics-grid-v104 strong,
html body.client-portal-v104 .analytics-focus-metric-v104 strong,
html body.client-portal-v104 .analytics-action-grid-v104 strong {
  display: block !important;
  color: #17130d !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v104 .analytics-mini-graph-wrap-v104 {
  width: 100% !important;
  min-width: 0 !important;
  height: 78px !important;
  overflow: hidden !important;
}

html body.client-portal-v104 .analytics-graph-v104 {
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  display: block !important;
  margin: 0 !important;
}

html body.client-portal-v104 .analytics-graph-v104 .graph-grid-v91 {
  stroke: #eee7d9 !important;
  stroke-width: 1 !important;
}

html body.client-portal-v104 .analytics-graph-v104 .graph-line-v91 {
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v104 .analytics-graph-v104 .graph-line-followers-v91 {
  stroke: #3b82f6 !important;
}

html body.client-portal-v104 .analytics-graph-v104 .graph-line-engagement-v91 {
  stroke: #22c55e !important;
}

html body.client-portal-v104 .analytics-legend-v104 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  height: 16px !important;
  margin: -2px 0 0 !important;
  padding: 0 !important;
}

html body.client-portal-v104 .analytics-legend-v104 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #7b7280 !important;
  font-size: 8.3px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body.client-portal-v104 .analytics-legend-v104 i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

html body.client-portal-v104 .analytics-legend-v104 .legend-followers-v91 {
  background: #3b82f6 !important;
}

html body.client-portal-v104 .analytics-legend-v104 .legend-engagement-v91 {
  background: #22c55e !important;
}

html body.client-portal-v104 .analytics-audience-col-v104,
html body.client-portal-v104 .analytics-timing-col-v104 {
  grid-template-rows: 18px 1fr !important;
}

html body.client-portal-v104 .analytics-audience-col-v104 .analytics-focus-metric-v104,
html body.client-portal-v104 .analytics-timing-col-v104 .analytics-focus-metric-v104 {
  align-self: center !important;
}

html body.client-portal-v104 .analytics-audience-col-v104 strong,
html body.client-portal-v104 .analytics-timing-col-v104 strong {
  font-size: 17px !important;
  line-height: 1.16 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v104 .analytics-content-col-v104 {
  grid-template-rows: 18px 54px 44px !important;
  gap: 7px !important;
}

html body.client-portal-v104 .analytics-content-col-v104 strong {
  font-size: 13px !important;
  line-height: 1.14 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v104 .analytics-focus-metric-v104.compact-v104 strong {
  -webkit-line-clamp: 1 !important;
}

html body.client-portal-v104 .analytics-focus-metric-v104 small {
  display: block !important;
  margin-top: 3px !important;
  color: #867865 !important;
  font-size: 8.5px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v104 .analytics-ai-col-v104 {
  grid-template-rows: 18px 1fr !important;
}

html body.client-portal-v104 .analytics-action-grid-v104 {
  display: grid !important;
  grid-template-rows: 34px 32px 48px !important;
  gap: 6px !important;
  min-height: 0 !important;
}

html body.client-portal-v104 .analytics-action-grid-v104 strong {
  font-size: 13px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body.client-portal-v104 .analytics-action-grid-v104 div:nth-child(1) strong,
html body.client-portal-v104 .analytics-action-grid-v104 div:nth-child(2) strong {
  -webkit-line-clamp: 1 !important;
}

html body.client-portal-v104 .analytics-action-grid-v104 div:nth-child(3) strong {
  -webkit-line-clamp: 2 !important;
}

@media (max-width: 1380px) {
  html body.client-portal-v104 .analytics-panel-v104 {
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
  }

  html body.client-portal-v104 .analytics-decision-row-v104 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 14px !important;
  }

  html body.client-portal-v104 .analytics-decision-col-v104:nth-child(2),
  html body.client-portal-v104 .analytics-decision-col-v104:nth-child(4) {
    border-right: 0 !important;
  }

  html body.client-portal-v104 .analytics-decision-col-v104:nth-child(3),
  html body.client-portal-v104 .analytics-decision-col-v104:nth-child(5) {
    padding-left: 0 !important;
  }

  html body.client-portal-v104 .analytics-ai-col-v104 {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v104 .analytics-panel-v104 {
    border-radius: 16px !important;
    padding: 12px !important;
  }

  html body.client-portal-v104 .analytics-decision-row-v104 {
    grid-template-columns: 1fr !important;
  }

  html body.client-portal-v104 .analytics-decision-col-v104,
  html body.client-portal-v104 .analytics-decision-col-v104:nth-child(3),
  html body.client-portal-v104 .analytics-decision-col-v104:nth-child(5) {
    padding: 0 0 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(224, 201, 158, .82) !important;
  }

  html body.client-portal-v104 .analytics-decision-col-v104:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* v105 — Final 4-column real-time decision engine analytics panel */
html body.client-portal-v105 .analytics-panel-v105 {
  position: relative;
  margin: 0 0 16px;
  padding: 0;
  height: 178px;
  overflow: hidden;
  border: 1px solid rgba(142, 102, 22, 0.28);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 254, 250, 0.98), rgba(255, 252, 245, 0.95));
  box-shadow: 0 18px 45px rgba(82, 56, 12, 0.08);
}

html body.client-portal-v105 .analytics-decision-row-v105 {
  display: grid;
  grid-template-columns: minmax(132px, 0.62fr) minmax(360px, 1.42fr) minmax(260px, 1fr) minmax(430px, 1.74fr);
  height: 100%;
  min-width: 1180px;
}

html body.client-portal-v105 .analytics-decision-col-v105 {
  min-width: 0;
  height: 100%;
  padding: 16px 18px;
  border-right: 1px solid rgba(142, 102, 22, 0.22);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}

html body.client-portal-v105 .analytics-decision-col-v105:last-child {
  border-right: 0;
}

html body.client-portal-v105 .analytics-decision-head-v105 {
  margin: 0;
  color: #8a650f;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  white-space: nowrap;
}

html body.client-portal-v105 .analytics-total-col-v105 {
  justify-content: center;
  gap: 14px;
}

html body.client-portal-v105 .analytics-total-number-v105 {
  display: block;
  color: #15120d;
  font-size: clamp(44px, 4.1vw, 64px);
  font-weight: 950;
  line-height: 0.92;
  letter-spacing: -0.08em;
}

html body.client-portal-v105 .analytics-graph-col-v105 {
  gap: 8px;
}

html body.client-portal-v105 .analytics-mini-graph-wrap-v105 {
  position: relative;
  flex: 1;
  min-height: 0;
  width: 100%;
}

html body.client-portal-v105 .analytics-graph-v105 {
  display: block;
  width: 100%;
  height: 118px;
  overflow: visible;
}

html body.client-portal-v105 .analytics-graph-grid-v105 {
  fill: none;
  stroke: rgba(31, 41, 55, 0.07);
  stroke-width: 1;
}

html body.client-portal-v105 .analytics-line-v105 {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.18s ease, stroke-width 0.18s ease;
}

html body.client-portal-v105 .analytics-line-followers-v105 {
  stroke: #2f9fe8;
}

html body.client-portal-v105 .analytics-line-engagement-v105 {
  stroke: #33c98a;
}

html body.client-portal-v105 .analytics-guide-line-v105 {
  stroke: rgba(15, 23, 42, 0.18);
  stroke-width: 1;
  stroke-dasharray: 3 4;
  pointer-events: none;
}

html body.client-portal-v105 .analytics-hover-surface-v105 {
  fill: transparent;
  cursor: crosshair;
}

html body.client-portal-v105 .analytics-points-v105 circle {
  opacity: 0;
  stroke: #fff;
  stroke-width: 2;
  transition: opacity 0.14s ease, transform 0.14s ease;
  pointer-events: none;
  transform-box: fill-box;
  transform-origin: center;
}

html body.client-portal-v105 .analytics-points-followers-v105 circle {
  fill: #2f9fe8;
}

html body.client-portal-v105 .analytics-points-engagement-v105 circle {
  fill: #33c98a;
}

html body.client-portal-v105 .analytics-mini-graph-wrap-v105.is-active .analytics-points-v105 circle {
  opacity: 0.16;
}

html body.client-portal-v105 .analytics-mini-graph-wrap-v105.is-active .analytics-points-v105 circle.is-active {
  opacity: 1;
  transform: scale(1.18);
}

html body.client-portal-v105 .analytics-mini-graph-wrap-v105.is-active .analytics-line-v105 {
  opacity: 0.72;
}

html body.client-portal-v105 .analytics-mini-graph-wrap-v105.is-active .analytics-line-v105:hover,
html body.client-portal-v105 .analytics-mini-graph-wrap-v105.is-locked .analytics-line-v105 {
  opacity: 1;
}

html body.client-portal-v105 .analytics-graph-legend-v105 {
  position: absolute;
  left: 2px;
  bottom: -2px;
  display: flex;
  gap: 14px;
  align-items: center;
  color: #817767;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

html body.client-portal-v105 .analytics-graph-legend-v105 span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

html body.client-portal-v105 .analytics-graph-legend-v105 span::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

html body.client-portal-v105 .analytics-graph-legend-v105 .legend-followers-v105::before {
  background: #2f9fe8;
}

html body.client-portal-v105 .analytics-graph-legend-v105 .legend-engagement-v105::before {
  background: #33c98a;
}

html body.client-portal-v105 .analytics-trend-tooltip-v105 {
  position: absolute;
  z-index: 12;
  min-width: 148px;
  padding: 9px 10px;
  border: 1px solid rgba(142, 102, 22, 0.26);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 32px rgba(30, 23, 12, 0.14);
  color: #1b1711;
  font-size: 11px;
  line-height: 1.35;
  pointer-events: none;
}

html body.client-portal-v105 .analytics-trend-tooltip-v105 strong,
html body.client-portal-v105 .analytics-trend-tooltip-v105 span {
  display: block;
}

html body.client-portal-v105 .analytics-trend-tooltip-v105 strong {
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 900;
}

html body.client-portal-v105 .analytics-trend-tooltip-v105 span {
  color: #756c5f;
  font-weight: 800;
}

html body.client-portal-v105 .analytics-audience-time-col-v105 {
  justify-content: center;
  gap: 18px;
}

html body.client-portal-v105 .analytics-insight-pair-v105 {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html body.client-portal-v105 .analytics-insight-pair-v105 span,
html body.client-portal-v105 .analytics-ai-output-v105 span {
  color: #817767;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

html body.client-portal-v105 .analytics-insight-pair-v105 strong {
  color: #17130f;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: -0.055em;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body.client-portal-v105 .analytics-ai-col-v105 {
  background: linear-gradient(90deg, rgba(143, 101, 14, 0.025), rgba(255, 255, 255, 0));
}

html body.client-portal-v105 .analytics-ai-output-v105 {
  display: grid;
  grid-template-columns: minmax(145px, 0.58fr) minmax(260px, 1fr);
  gap: 18px;
  align-items: stretch;
  min-height: 0;
  flex: 1;
}

html body.client-portal-v105 .analytics-ai-output-v105 div {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

html body.client-portal-v105 .analytics-ai-output-v105 strong {
  color: #17130f;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.12;
  letter-spacing: -0.055em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html body.client-portal-v105 .analytics-ai-output-v105 div:first-child strong {
  -webkit-line-clamp: 2;
}

html body.client-portal-v105 .analytics-ai-output-v105 div:last-child strong {
  -webkit-line-clamp: 3;
}

@media (max-width: 1240px) {
  html body.client-portal-v105 .analytics-panel-v105 {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

/* v106 — Professional SaaS polish for global filters + 4-column decision engine */
html body.client-portal-v106 .client-global-filter-strip-v98 {
  margin: 18px 0 26px !important;
}

html body.client-portal-v106 .global-content-search-v98 {
  display: grid !important;
  grid-template-columns: minmax(170px, .62fr) minmax(360px, 1.35fr) repeat(4, minmax(160px, .78fr)) !important;
  gap: 14px !important;
  align-items: end !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(218, 181, 105, .72) !important;
  border-radius: 24px !important;
  background: rgba(255, 253, 248, .96) !important;
  box-shadow: 0 18px 42px rgba(101, 69, 16, .07) !important;
}

html body.client-portal-v106 .analytics-toggle-cell-v100,
html body.client-portal-v106 .global-keyword-search-v99,
html body.client-portal-v106 .global-typeahead-v98 {
  display: grid !important;
  grid-template-rows: 17px 52px !important;
  gap: 7px !important;
  align-self: end !important;
  min-width: 0 !important;
}

html body.client-portal-v106 .analytics-toggle-cell-v100 > label,
html body.client-portal-v106 .global-keyword-search-v99 > label,
html body.client-portal-v106 .global-typeahead-v98 > label {
  height: 17px !important;
  margin: 0 !important;
  padding: 0 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  color: #6f6557 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v106 .global-search-field-v98,
html body.client-portal-v106 .global-typeahead-v98 > input,
html body.client-portal-v106 .analytics-panel-toggle-v100 {
  height: 52px !important;
  min-height: 52px !important;
  border: 1.25px solid rgba(210, 171, 91, .86) !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 8px 20px rgba(87, 62, 19, .035) !important;
  box-sizing: border-box !important;
}

html body.client-portal-v106 .global-search-field-v98 {
  grid-template-columns: minmax(0, 1fr) 20px !important;
  padding: 0 15px 0 16px !important;
}

html body.client-portal-v106 .global-search-field-v98 input,
html body.client-portal-v106 .global-typeahead-v98 > input {
  height: 50px !important;
  color: #18140f !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  letter-spacing: -.01em !important;
}

html body.client-portal-v106 .global-typeahead-v98 > input {
  padding: 0 38px 0 16px !important;
}

html body.client-portal-v106 .global-typeahead-v98::after {
  content: '⌄';
  position: absolute;
  right: 16px;
  bottom: 14px;
  color: #9a7529;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

html body.client-portal-v106 .global-search-field-v98 input::placeholder,
html body.client-portal-v106 .global-typeahead-v98 > input::placeholder {
  color: #867866 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

html body.client-portal-v106 .global-search-field-v98 span[aria-hidden="true"] {
  color: #8f650f !important;
  font-size: 18px !important;
}

html body.client-portal-v106 .global-search-field-v98:focus-within,
html body.client-portal-v106 .global-typeahead-v98:focus-within > input,
html body.client-portal-v106 .analytics-panel-toggle-v100:focus {
  border-color: #9f6d15 !important;
  box-shadow:
    0 0 0 3px rgba(167, 116, 25, .13),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  outline: none !important;
}

html body.client-portal-v106 .analytics-panel-toggle-v100 {
  justify-content: flex-start !important;
  padding: 0 16px !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #fffaf0 0%, #f4dfab 100%) !important;
  border-color: rgba(150, 101, 19, .7) !important;
  color: #6c4707 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body.client-portal-v106 .analytics-panel-toggle-v100.is-open {
  background: #80570f !important;
  border-color: #80570f !important;
  color: #fffaf0 !important;
}

html body.client-portal-v106 .analytics-toggle-icon-v103 {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.74) !important;
}

html body.client-portal-v106 .analytics-panel-v106 {
  position: relative !important;
  height: 164px !important;
  max-height: 164px !important;
  min-height: 164px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(214, 177, 99, .72) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #fffefa 0%, #fffaf0 100%) !important;
  box-shadow: 0 16px 40px rgba(88, 61, 15, .07) !important;
}

html body.client-portal-v106 .analytics-panel-v106[hidden] {
  display: none !important;
}

html body.client-portal-v106 .analytics-scope-pill-v103,
html body.client-portal-v106 #analyticsDataScope.analytics-scope-pill-v103 {
  position: absolute !important;
  top: 10px !important;
  right: 14px !important;
  z-index: 5 !important;
  height: 22px !important;
  max-width: 420px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid rgba(209, 171, 89, .78) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #7b705f !important;
  box-shadow: 0 6px 14px rgba(88, 61, 15, .045) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v106 .analytics-decision-row-v105 {
  display: grid !important;
  grid-template-columns: minmax(150px, .65fr) minmax(380px, 1.45fr) minmax(270px, 1fr) minmax(430px, 1.5fr) !important;
  height: 100% !important;
  min-width: 0 !important;
}

html body.client-portal-v106 .analytics-decision-col-v105 {
  height: 100% !important;
  min-width: 0 !important;
  padding: 22px 24px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  border-right: 1px solid rgba(214, 177, 99, .62) !important;
  background: transparent !important;
}

html body.client-portal-v106 .analytics-decision-col-v105:last-child {
  border-right: 0 !important;
}

html body.client-portal-v106 .analytics-decision-head-v105 {
  margin: 0 !important;
  color: #8b650f !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v106 .analytics-total-col-v105 {
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

html body.client-portal-v106 .analytics-total-number-v105 {
  color: #17130d !important;
  font-size: 56px !important;
  font-weight: 950 !important;
  line-height: .88 !important;
  letter-spacing: -.08em !important;
}

html body.client-portal-v106 .analytics-graph-col-v105 {
  padding-top: 22px !important;
  padding-bottom: 16px !important;
  gap: 9px !important;
}

html body.client-portal-v106 .analytics-mini-graph-wrap-v105 {
  height: 104px !important;
  min-height: 104px !important;
  width: 100% !important;
  position: relative !important;
}

html body.client-portal-v106 .analytics-graph-v105 {
  height: 92px !important;
  width: 100% !important;
  display: block !important;
  overflow: visible !important;
}

html body.client-portal-v106 .analytics-graph-grid-v105 {
  stroke: rgba(31, 41, 55, .08) !important;
  stroke-width: 1 !important;
}

html body.client-portal-v106 .analytics-line-v105 {
  stroke-width: 3 !important;
}

html body.client-portal-v106 .analytics-graph-legend-v105 {
  left: 0 !important;
  bottom: 0 !important;
  gap: 14px !important;
  color: #786f62 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html body.client-portal-v106 .analytics-audience-time-col-v105 {
  justify-content: center !important;
  gap: 15px !important;
}

html body.client-portal-v106 .analytics-insight-pair-v105 {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body.client-portal-v106 .analytics-insight-pair-v105 span,
html body.client-portal-v106 .analytics-ai-output-v105 span {
  color: #81776a !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.client-portal-v106 .analytics-insight-pair-v105 strong {
  display: block !important;
  max-width: 100% !important;
  color: #16120d !important;
  font-size: 19px !important;
  font-weight: 930 !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v106 .analytics-ai-col-v105 {
  padding-top: 34px !important;
  padding-right: 26px !important;
  justify-content: center !important;
  gap: 12px !important;
  background: linear-gradient(90deg, rgba(143, 101, 14, .035), rgba(255,255,255,0)) !important;
}

html body.client-portal-v106 .analytics-ai-output-v105 {
  display: grid !important;
  grid-template-columns: minmax(150px, .52fr) minmax(270px, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  min-height: 0 !important;
  flex: 0 1 auto !important;
}

html body.client-portal-v106 .analytics-ai-output-v105 div {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
}

html body.client-portal-v106 .analytics-ai-output-v105 strong {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #17130d !important;
  font-size: 16px !important;
  font-weight: 930 !important;
  line-height: 1.13 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere !important;
}

html body.client-portal-v106 .analytics-ai-output-v105 div:first-child strong {
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v106 .analytics-ai-output-v105 div:last-child strong {
  -webkit-line-clamp: 3 !important;
}

@media (max-width: 1380px) {
  html body.client-portal-v106 .global-content-search-v98 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v106 .analytics-toggle-cell-v100,
  html body.client-portal-v106 .global-keyword-search-v99 {
    grid-column: span 1 !important;
  }

  html body.client-portal-v106 .analytics-panel-v106 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.client-portal-v106 .analytics-decision-row-v105 {
    min-width: 1180px !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v106 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  html body.client-portal-v106 .analytics-toggle-cell-v100,
  html body.client-portal-v106 .global-keyword-search-v99 {
    grid-column: auto !important;
  }
}

/* v107 — Symmetrical professional analytics + filter UI refinement */
html body.client-portal-v107 {
  --qos-ink: #18140f;
  --qos-muted: #746b5f;
  --qos-soft: #9a8c77;
  --qos-gold: #94640d;
  --qos-gold-2: #c89a3c;
  --qos-line: rgba(211, 174, 97, .66);
  --qos-line-soft: rgba(211, 174, 97, .38);
  --qos-panel: rgba(255, 253, 248, .98);
  --qos-panel-2: rgba(255, 250, 240, .92);
}

html body.client-portal-v107 .client-global-filter-strip-v98 {
  margin: 18px 0 26px !important;
}

html body.client-portal-v107 .global-content-search-v98 {
  display: grid !important;
  grid-template-columns: 240px minmax(420px, 1.35fr) repeat(4, minmax(190px, .82fr)) !important;
  gap: 16px !important;
  align-items: end !important;
  padding: 18px 22px 20px !important;
  border: 1px solid var(--qos-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), var(--qos-panel)) !important;
  box-shadow: 0 18px 42px rgba(91, 65, 21, .06) !important;
}

html body.client-portal-v107 .analytics-toggle-cell-v100,
html body.client-portal-v107 .global-keyword-search-v99,
html body.client-portal-v107 .global-typeahead-v98 {
  display: grid !important;
  grid-template-rows: 16px 54px !important;
  gap: 8px !important;
  align-self: stretch !important;
  min-width: 0 !important;
  position: relative !important;
}

html body.client-portal-v107 .analytics-toggle-cell-v100 > label,
html body.client-portal-v107 .global-keyword-search-v99 > label,
html body.client-portal-v107 .global-typeahead-v98 > label {
  height: 16px !important;
  margin: 0 !important;
  padding: 0 0 0 6px !important;
  display: flex !important;
  align-items: center !important;
  color: #6b635a !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v107 .global-search-field-v98,
html body.client-portal-v107 .global-typeahead-v98 > input,
html body.client-portal-v107 .analytics-panel-toggle-v100 {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 1px solid rgba(202, 158, 66, .72) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
  box-sizing: border-box !important;
}

html body.client-portal-v107 .global-search-field-v98 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 22px !important;
  align-items: center !important;
  padding: 0 16px 0 18px !important;
}

html body.client-portal-v107 .global-search-field-v98 input,
html body.client-portal-v107 .global-typeahead-v98 > input {
  height: 52px !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  color: var(--qos-ink) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  background: transparent !important;
}

html body.client-portal-v107 .global-typeahead-v98 > input {
  padding: 0 40px 0 18px !important;
}

html body.client-portal-v107 .global-search-field-v98 input::placeholder,
html body.client-portal-v107 .global-typeahead-v98 > input::placeholder {
  color: #827867 !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  opacity: 1 !important;
}

html body.client-portal-v107 .global-search-icon-v107 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--qos-gold) !important;
}

html body.client-portal-v107 .global-search-icon-v107 svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v107 .global-search-field-v98 span[aria-hidden="true"]:not(.global-search-icon-v107) {
  font-size: 0 !important;
}

html body.client-portal-v107 .global-typeahead-v98::after {
  content: '' !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 22px !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.8px solid #9a6b18 !important;
  border-bottom: 1.8px solid #9a6b18 !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
  opacity: .9 !important;
}

html body.client-portal-v107 .global-search-field-v98:focus-within,
html body.client-portal-v107 .global-typeahead-v98:focus-within > input,
html body.client-portal-v107 .analytics-panel-toggle-v100:focus-visible {
  border-color: #9b680f !important;
  box-shadow: 0 0 0 3px rgba(148, 100, 13, .12), inset 0 1px 0 rgba(255,255,255,.92) !important;
  outline: none !important;
}

html body.client-portal-v107 .analytics-panel-toggle-v100 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  background: #8b5d0b !important;
  border-color: #8b5d0b !important;
  color: #fffaf0 !important;
  border-radius: 18px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 24px rgba(126, 84, 9, .18) !important;
}

html body.client-portal-v107 .analytics-panel-toggle-v100:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 15px 28px rgba(126, 84, 9, .22) !important;
}

html body.client-portal-v107 .analytics-toggle-icon-v103 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #fffaf0 !important;
  color: #8b5d0b !important;
}

html body.client-portal-v107 .analytics-toggle-icon-v103 svg {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.9 !important;
}

html body.client-portal-v107 .analytics-panel-v106 {
  position: relative !important;
  height: 166px !important;
  min-height: 166px !important;
  max-height: 166px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--qos-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #fffefa 0%, #fffaf5 100%) !important;
  box-shadow: 0 18px 42px rgba(91, 65, 21, .055) !important;
}

html body.client-portal-v107 .analytics-panel-v106[hidden] {
  display: none !important;
}

html body.client-portal-v107 .analytics-scope-pill-v103,
html body.client-portal-v107 #analyticsDataScope.analytics-scope-pill-v103 {
  top: 12px !important;
  right: 18px !important;
  height: 22px !important;
  max-width: 330px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(200, 154, 60, .60) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.86) !important;
  color: #746b5f !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .005em !important;
  box-shadow: none !important;
}

html body.client-portal-v107 .analytics-decision-row-v105 {
  display: grid !important;
  grid-template-columns: 210px minmax(430px, 1.35fr) minmax(300px, .95fr) minmax(500px, 1.45fr) !important;
  height: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html body.client-portal-v107 .analytics-decision-col-v105 {
  height: 100% !important;
  min-width: 0 !important;
  padding: 24px 28px !important;
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
  border-right: 1px solid var(--qos-line-soft) !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html body.client-portal-v107 .analytics-decision-col-v105:last-child {
  border-right: 0 !important;
}

html body.client-portal-v107 .analytics-decision-head-v105 {
  margin: 0 !important;
  color: #8b650f !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v107 .analytics-total-col-v105 {
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 14px !important;
  padding: 24px 18px !important;
}

html body.client-portal-v107 .analytics-total-number-v105 {
  display: block !important;
  width: 100% !important;
  color: #15110d !important;
  font-size: 60px !important;
  font-weight: 950 !important;
  line-height: .86 !important;
  letter-spacing: -.075em !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

html body.client-portal-v107 .analytics-graph-col-v105 {
  grid-template-rows: auto 1fr !important;
  gap: 8px !important;
  padding: 22px 30px 18px !important;
}

html body.client-portal-v107 .analytics-mini-graph-wrap-v105 {
  height: 110px !important;
  min-height: 110px !important;
  width: 100% !important;
  position: relative !important;
  display: grid !important;
  grid-template-rows: 1fr 18px !important;
  align-items: end !important;
  overflow: visible !important;
}

html body.client-portal-v107 .analytics-graph-v105 {
  width: 100% !important;
  height: 88px !important;
  display: block !important;
  overflow: visible !important;
  align-self: end !important;
}

html body.client-portal-v107 .analytics-graph-grid-v105 {
  stroke: rgba(31, 41, 55, .075) !important;
  stroke-width: .85 !important;
}

html body.client-portal-v107 .analytics-line-v105 {
  stroke-width: 3.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v107 .analytics-line-followers-v105 {
  stroke: #2f9eea !important;
}

html body.client-portal-v107 .analytics-line-engagement-v105 {
  stroke: #34c98d !important;
}

html body.client-portal-v107 .analytics-guide-line-v105 {
  stroke: rgba(111, 101, 87, .28) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 4 !important;
}

html body.client-portal-v107 .analytics-points-v105 circle {
  opacity: 0 !important;
  transition: opacity .16s ease, r .16s ease !important;
}

html body.client-portal-v107 .analytics-mini-graph-wrap-v105.is-active .analytics-points-v105 circle {
  opacity: .25 !important;
}

html body.client-portal-v107 .analytics-points-v105 circle.is-active {
  opacity: 1 !important;
  r: 4.3 !important;
}

html body.client-portal-v107 .analytics-graph-legend-v105 {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  height: 18px !important;
  margin: 0 !important;
  color: #746b5f !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

html body.client-portal-v107 .analytics-graph-legend-v105 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

html body.client-portal-v107 .analytics-graph-legend-v105 span::before {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
}

html body.client-portal-v107 .analytics-audience-time-col-v105 {
  grid-template-rows: auto auto auto !important;
  align-content: center !important;
  gap: 12px !important;
  padding: 24px 30px !important;
}

html body.client-portal-v107 .analytics-insight-pair-v105 {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body.client-portal-v107 .analytics-insight-pair-v105 span,
html body.client-portal-v107 .analytics-ai-output-v105 span {
  color: #83786a !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v107 .analytics-insight-pair-v105 strong {
  display: block !important;
  max-width: 100% !important;
  color: #15110d !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v107 .analytics-ai-col-v105 {
  padding: 25px 30px 23px !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-content: stretch !important;
  gap: 12px !important;
  background: linear-gradient(90deg, rgba(148, 100, 13, .025), rgba(255,255,255,0)) !important;
}

html body.client-portal-v107 .analytics-ai-output-v105 {
  display: grid !important;
  grid-template-columns: minmax(150px, .55fr) minmax(250px, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
  min-height: 0 !important;
}

html body.client-portal-v107 .analytics-ai-output-v105 div {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}

html body.client-portal-v107 .analytics-ai-output-v105 strong {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  color: #15110d !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -.045em !important;
  overflow: hidden !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

html body.client-portal-v107 .analytics-ai-output-v105 div:first-child strong {
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v107 .analytics-ai-output-v105 div:last-child strong {
  -webkit-line-clamp: 3 !important;
}

html body.client-portal-v107 .analytics-trend-tooltip-v105 {
  border: 1px solid rgba(148, 100, 13, .22) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 16px 32px rgba(48, 36, 17, .16) !important;
  color: #15110d !important;
}

@media (max-width: 1480px) {
  html body.client-portal-v107 .global-content-search-v98 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.client-portal-v107 .analytics-panel-v106 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.client-portal-v107 .analytics-decision-row-v105 {
    min-width: 1440px !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v107 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  html body.client-portal-v107 .analytics-panel-v106 {
    height: 166px !important;
  }
}

/* v108 — Pixel-balanced professional SaaS analytics + global filter refinement */
html body.client-portal-v108 {
  --qos-ink: #17130d;
  --qos-text: #2a2319;
  --qos-muted: #756b5d;
  --qos-gold: #8f620f;
  --qos-gold-dark: #805506;
  --qos-gold-line: rgba(203, 160, 72, .58);
  --qos-gold-line-soft: rgba(203, 160, 72, .32);
  --qos-surface: #fffefa;
  --qos-surface-soft: #fffaf2;
}

html body.client-portal-v108 .client-global-filter-strip-v98 {
  margin: 18px 0 24px !important;
}

html body.client-portal-v108 .global-content-search-v98 {
  grid-template-columns: 250px minmax(410px, 1.25fr) repeat(4, minmax(188px, .76fr)) !important;
  gap: 18px !important;
  align-items: end !important;
  padding: 18px 28px 20px !important;
  border: 1px solid var(--qos-gold-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fffefa 0%, #fffaf6 100%) !important;
  box-shadow: 0 16px 38px rgba(86, 63, 23, .045) !important;
}

html body.client-portal-v108 .analytics-toggle-cell-v100,
html body.client-portal-v108 .global-keyword-search-v99,
html body.client-portal-v108 .global-typeahead-v98 {
  grid-template-rows: 15px 54px !important;
  gap: 9px !important;
  min-width: 0 !important;
}

html body.client-portal-v108 .analytics-toggle-cell-v100 > label,
html body.client-portal-v108 .global-keyword-search-v99 > label,
html body.client-portal-v108 .global-typeahead-v98 > label {
  height: 15px !important;
  padding-left: 4px !important;
  align-items: center !important;
  color: #665d51 !important;
  font-size: 10px !important;
  font-weight: 860 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
}

html body.client-portal-v108 .global-search-field-v98,
html body.client-portal-v108 .global-typeahead-v98 > input,
html body.client-portal-v108 .analytics-panel-toggle-v100 {
  height: 54px !important;
  min-height: 54px !important;
  border: 1px solid rgba(197, 151, 56, .68) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.62) !important;
}

html body.client-portal-v108 .global-search-field-v98 input,
html body.client-portal-v108 .global-typeahead-v98 > input {
  height: 52px !important;
  color: var(--qos-text) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  letter-spacing: -.012em !important;
}

html body.client-portal-v108 .global-search-field-v98 input::placeholder,
html body.client-portal-v108 .global-typeahead-v98 > input::placeholder {
  color: #807567 !important;
  font-size: 13px !important;
  font-weight: 670 !important;
}

html body.client-portal-v108 .global-search-field-v98 {
  grid-template-columns: minmax(0, 1fr) 20px !important;
  padding: 0 16px 0 19px !important;
}

html body.client-portal-v108 .global-search-icon-v107 {
  width: 20px !important;
  height: 20px !important;
  color: var(--qos-gold) !important;
}

html body.client-portal-v108 .global-typeahead-v98 > input {
  padding: 0 46px 0 20px !important;
}

html body.client-portal-v108 .global-typeahead-v98::after {
  content: '' !important;
  position: absolute !important;
  right: 16px !important;
  bottom: 17px !important;
  width: 20px !important;
  height: 20px !important;
  border: 0 !important;
  border-radius: 50% !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background-color: rgba(143, 98, 15, .075) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.8 8.25L10 11.45L13.2 8.25' stroke='%238F620F' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}

html body.client-portal-v108 .global-search-field-v98:focus-within,
html body.client-portal-v108 .global-typeahead-v98:focus-within > input,
html body.client-portal-v108 .analytics-panel-toggle-v100:focus-visible {
  border-color: #8f620f !important;
  box-shadow: 0 0 0 3px rgba(143, 98, 15, .105), inset 0 0 0 1px rgba(255,255,255,.70) !important;
}

html body.client-portal-v108 .analytics-panel-toggle-v100 {
  justify-content: center !important;
  gap: 11px !important;
  padding: 0 18px !important;
  background: linear-gradient(180deg, #946712 0%, #805506 100%) !important;
  border-color: #805506 !important;
  color: #fffaf0 !important;
  font-size: 13px !important;
  font-weight: 840 !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 12px 24px rgba(128, 85, 6, .17) !important;
}

html body.client-portal-v108 .analytics-toggle-icon-v103 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  background: rgba(255, 250, 240, .96) !important;
  color: #805506 !important;
}

html body.client-portal-v108 .analytics-toggle-icon-v103 svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.8 !important;
}

html body.client-portal-v108 .analytics-panel-v106 {
  height: 154px !important;
  min-height: 154px !important;
  max-height: 154px !important;
  margin: 0 0 26px !important;
  border: 1px solid var(--qos-gold-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #fffefa 0%, #fffaf5 100%) !important;
  box-shadow: 0 16px 38px rgba(86, 63, 23, .045) !important;
}

html body.client-portal-v108 .analytics-scope-pill-v103,
html body.client-portal-v108 #analyticsDataScope.analytics-scope-pill-v103 {
  top: 12px !important;
  right: 18px !important;
  height: 22px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(203, 160, 72, .56) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .90) !important;
  color: #756b5d !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  letter-spacing: .002em !important;
}

html body.client-portal-v108 .analytics-decision-row-v105 {
  grid-template-columns: 220px minmax(410px, 1.18fr) minmax(310px, .88fr) minmax(510px, 1.34fr) !important;
  height: 100% !important;
  align-items: stretch !important;
}

html body.client-portal-v108 .analytics-decision-col-v105 {
  height: 100% !important;
  padding: 22px 28px !important;
  display: grid !important;
  align-content: center !important;
  border-right: 1px solid var(--qos-gold-line-soft) !important;
  box-sizing: border-box !important;
}

html body.client-portal-v108 .analytics-decision-head-v105 {
  color: #85600f !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .23em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.client-portal-v108 .analytics-total-col-v105 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  text-align: center !important;
  padding: 20px 18px !important;
}

html body.client-portal-v108 .analytics-total-col-v105 .analytics-decision-head-v105 {
  width: 100% !important;
  text-align: center !important;
}

html body.client-portal-v108 .analytics-total-number-v105 {
  width: auto !important;
  min-width: 78px !important;
  margin: 0 auto !important;
  color: #14100b !important;
  font-size: 54px !important;
  font-weight: 940 !important;
  line-height: .86 !important;
  letter-spacing: -.065em !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

html body.client-portal-v108 .analytics-graph-col-v105 {
  grid-template-rows: 15px 1fr !important;
  gap: 9px !important;
  padding: 21px 32px 16px !important;
}

html body.client-portal-v108 .analytics-mini-graph-wrap-v105 {
  height: 104px !important;
  min-height: 104px !important;
  grid-template-rows: 1fr 18px !important;
}

html body.client-portal-v108 .analytics-graph-v105 {
  height: 82px !important;
}

html body.client-portal-v108 .analytics-line-v105 {
  stroke-width: 2.85 !important;
}

html body.client-portal-v108 .analytics-graph-legend-v105 {
  height: 18px !important;
  gap: 16px !important;
  color: #746b5f !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

html body.client-portal-v108 .analytics-audience-time-col-v105 {
  display: grid !important;
  grid-template-rows: 15px 1fr 1fr !important;
  gap: 11px !important;
  padding: 22px 30px !important;
  align-content: center !important;
}

html body.client-portal-v108 .analytics-insight-pair-v105 {
  gap: 6px !important;
  min-width: 0 !important;
}

html body.client-portal-v108 .analytics-insight-pair-v105 span,
html body.client-portal-v108 .analytics-ai-output-v105 span {
  color: #7f766b !important;
  font-size: 9.5px !important;
  font-weight: 840 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
}

html body.client-portal-v108 .analytics-insight-pair-v105 strong {
  max-width: 100% !important;
  color: #15110c !important;
  font-size: 18px !important;
  font-weight: 880 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v108 .analytics-ai-col-v105 {
  grid-template-rows: 15px 1fr !important;
  gap: 14px !important;
  padding: 22px 32px 20px !important;
  background: linear-gradient(90deg, rgba(143, 98, 15, .026), rgba(255,255,255,0)) !important;
}

html body.client-portal-v108 .analytics-ai-output-v105 {
  display: grid !important;
  grid-template-columns: minmax(150px, .58fr) minmax(290px, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;
  min-width: 0 !important;
}

html body.client-portal-v108 .analytics-ai-output-v105 div {
  min-width: 0 !important;
  gap: 8px !important;
}

html body.client-portal-v108 .analytics-ai-output-v105 strong {
  color: #15110c !important;
  font-size: 16px !important;
  font-weight: 870 !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body.client-portal-v108 .analytics-ai-output-v105 div:first-child strong {
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v108 .analytics-ai-output-v105 div:last-child strong {
  -webkit-line-clamp: 3 !important;
}

html body.client-portal-v108 .analytics-trend-tooltip-v105 {
  border: 1px solid rgba(143, 98, 15, .22) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 16px 32px rgba(48, 36, 17, .15) !important;
}

@media (max-width: 1480px) {
  html body.client-portal-v108 .global-content-search-v98 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v108 .analytics-panel-v106 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body.client-portal-v108 .analytics-decision-row-v105 {
    min-width: 1450px !important;
  }
}


/* v109 — Clean SaaS-level analytics decision engine based on approved design */
html body.client-portal-v109 {
  --qos-v109-primary: #111827;
  --qos-v109-secondary: #6B7280;
  --qos-v109-muted: #9CA3AF;
  --qos-v109-gold: #8f620f;
  --qos-v109-gold-dark: #805506;
  --qos-v109-line: rgba(203, 160, 72, .42);
  --qos-v109-soft-line: rgba(203, 160, 72, .24);
  --qos-v109-panel: #fffefa;
  --qos-v109-panel-soft: #fffaf5;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body.client-portal-v109 .client-global-filter-strip-v98 {
  margin: 18px 0 24px !important;
}

html body.client-portal-v109 .global-content-search-v98 {
  display: grid !important;
  grid-template-columns: 238px minmax(420px, 1.36fr) repeat(4, minmax(190px, .78fr)) !important;
  gap: 18px !important;
  align-items: end !important;
  padding: 18px 28px 20px !important;
  border: 1px solid var(--qos-v109-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fffefa 0%, #fffaf7 100%) !important;
  box-shadow: 0 16px 38px rgba(86, 63, 23, .045) !important;
}

html body.client-portal-v109 .analytics-toggle-cell-v100,
html body.client-portal-v109 .global-keyword-search-v99,
html body.client-portal-v109 .global-typeahead-v98 {
  display: grid !important;
  grid-template-rows: 17px 54px !important;
  gap: 8px !important;
  min-width: 0 !important;
  position: relative !important;
}

html body.client-portal-v109 .analytics-toggle-cell-v100 > label,
html body.client-portal-v109 .global-keyword-search-v99 > label,
html body.client-portal-v109 .global-typeahead-v98 > label {
  height: 17px !important;
  padding: 0 0 0 4px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  color: #755819 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html body.client-portal-v109 .global-search-field-v98,
html body.client-portal-v109 .global-typeahead-v98 > input,
html body.client-portal-v109 .analytics-panel-toggle-v100 {
  height: 54px !important;
  min-height: 54px !important;
  border: 1px solid rgba(197, 151, 56, .58) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.64) !important;
  box-sizing: border-box !important;
}

html body.client-portal-v109 .global-search-field-v98 {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  padding: 0 18px !important;
}

html body.client-portal-v109 .global-search-field-v98 .global-search-icon-v107 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 20px !important;
  height: 20px !important;
  color: var(--qos-v109-secondary) !important;
}

html body.client-portal-v109 .global-search-field-v98 input {
  grid-column: 2 !important;
}

html body.client-portal-v109 .global-search-field-v98 input,
html body.client-portal-v109 .global-typeahead-v98 > input {
  height: 52px !important;
  min-width: 0 !important;
  color: var(--qos-v109-primary) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
}

html body.client-portal-v109 .global-search-field-v98 input::placeholder,
html body.client-portal-v109 .global-typeahead-v98 > input::placeholder {
  color: var(--qos-v109-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

html body.client-portal-v109 .global-typeahead-v98 > input {
  padding: 0 44px 0 18px !important;
}

html body.client-portal-v109 .global-typeahead-v98::after {
  content: '' !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 21px !important;
  width: 9px !important;
  height: 9px !important;
  border-right: 1.7px solid var(--qos-v109-gold) !important;
  border-bottom: 1.7px solid var(--qos-v109-gold) !important;
  border-radius: 0 !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  background: transparent !important;
  pointer-events: none !important;
  opacity: .95 !important;
}

html body.client-portal-v109 .global-search-field-v98:focus-within,
html body.client-portal-v109 .global-typeahead-v98:focus-within > input,
html body.client-portal-v109 .analytics-panel-toggle-v100:focus-visible {
  border-color: var(--qos-v109-gold) !important;
  box-shadow: 0 0 0 3px rgba(143, 98, 15, .105), inset 0 0 0 1px rgba(255,255,255,.70) !important;
  outline: none !important;
}

html body.client-portal-v109 .analytics-panel-toggle-v100 {
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 22px !important;
  background: linear-gradient(180deg, #966811 0%, #805506 100%) !important;
  border-color: #805506 !important;
  color: #fffaf0 !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: -.015em !important;
  box-shadow: 0 12px 24px rgba(128, 85, 6, .16) !important;
}

html body.client-portal-v109 .analytics-toggle-icon-v103 {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 240, .96) !important;
  color: #805506 !important;
  border: 1px solid rgba(255,255,255,.48) !important;
}

html body.client-portal-v109 .analytics-toggle-icon-v103 svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v109 .analytics-toggle-icon-v103 circle {
  fill: none !important;
  stroke: currentColor !important;
}

html body.client-portal-v109 .analytics-panel-v109 {
  position: relative !important;
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--qos-v109-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, var(--qos-v109-panel) 0%, var(--qos-v109-panel-soft) 100%) !important;
  box-shadow: 0 16px 38px rgba(86, 63, 23, .045) !important;
}

html body.client-portal-v109 .analytics-panel-v109[hidden] {
  display: none !important;
}

html body.client-portal-v109 .analytics-scope-pill-v109,
html body.client-portal-v109 #analyticsDataScope.analytics-scope-pill-v109 {
  position: absolute !important;
  top: 16px !important;
  right: 22px !important;
  z-index: 5 !important;
  height: 26px !important;
  max-width: 360px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border: 1px solid rgba(203, 160, 72, .46) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.86) !important;
  color: var(--qos-v109-secondary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v109 .analytics-decision-row-v109 {
  display: grid !important;
  grid-template-columns: 300px minmax(460px, 1.38fr) minmax(360px, 1fr) minmax(560px, 1.52fr) !important;
  height: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html body.client-portal-v109 .analytics-decision-col-v105 {
  height: 100% !important;
  min-width: 0 !important;
  padding: 34px 38px !important;
  display: grid !important;
  align-content: center !important;
  border-right: 1px solid var(--qos-v109-soft-line) !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

html body.client-portal-v109 .analytics-decision-col-v105:last-child {
  border-right: 0 !important;
}

html body.client-portal-v109 .analytics-decision-head-v109 {
  margin: 0 !important;
  color: var(--qos-v109-gold) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v109 .analytics-total-col-v109 {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 18px !important;
  text-align: center !important;
  padding: 34px 28px !important;
}

html body.client-portal-v109 .analytics-total-number-v109 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  color: #111827 !important;
  font-size: 54px !important;
  font-weight: 800 !important;
  line-height: .9 !important;
  letter-spacing: -.04em !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

html body.client-portal-v109 .analytics-graph-col-v109 {
  grid-template-rows: auto 1fr !important;
  gap: 16px !important;
  padding: 34px 44px 25px !important;
}

html body.client-portal-v109 .analytics-mini-graph-wrap-v109 {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 1fr 22px !important;
  height: 130px !important;
  min-height: 130px !important;
  width: 100% !important;
  overflow: visible !important;
}

html body.client-portal-v109 .analytics-graph-v109 {
  width: 100% !important;
  height: 102px !important;
  display: block !important;
  overflow: visible !important;
}

html body.client-portal-v109 .analytics-graph-grid-v109 {
  fill: none !important;
  stroke: rgba(17, 24, 39, .08) !important;
  stroke-width: 1 !important;
}

html body.client-portal-v109 .analytics-line-v105 {
  stroke-width: 2.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v109 .analytics-line-followers-v109 {
  stroke: #3b82f6 !important;
}

html body.client-portal-v109 .analytics-line-engagement-v109 {
  stroke: #38c172 !important;
}

html body.client-portal-v109 .analytics-guide-line-v109 {
  stroke: rgba(17, 24, 39, .18) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 4 !important;
}

html body.client-portal-v109 .analytics-points-v105 circle {
  opacity: 0 !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
}

html body.client-portal-v109 .analytics-mini-graph-wrap-v109.is-active .analytics-points-v105 circle {
  opacity: .18 !important;
}

html body.client-portal-v109 .analytics-points-v105 circle.is-active {
  opacity: 1 !important;
  r: 4.2 !important;
}

html body.client-portal-v109 .analytics-graph-legend-v109 {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  margin: 0 !important;
  height: 22px !important;
  color: var(--qos-v109-secondary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

html body.client-portal-v109 .analytics-graph-legend-v109 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  white-space: nowrap !important;
}

html body.client-portal-v109 .analytics-graph-legend-v109 span::before {
  content: '' !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

html body.client-portal-v109 .analytics-graph-legend-v109 .legend-followers-v105::before {
  background: #3b82f6 !important;
}

html body.client-portal-v109 .analytics-graph-legend-v109 .legend-engagement-v105::before {
  background: #38c172 !important;
}

html body.client-portal-v109 .analytics-audience-time-col-v109 {
  grid-template-rows: auto 1fr !important;
  gap: 30px !important;
  padding: 34px 44px !important;
}

html body.client-portal-v109 .analytics-insight-inline-v109 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  min-width: 0 !important;
  align-self: center !important;
}

html body.client-portal-v109 .analytics-insight-chip-v109 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
}

html body.client-portal-v109 .analytics-line-icon-v109,
html body.client-portal-v109 .analytics-ai-icon-v109 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--qos-v109-gold) !important;
  flex: 0 0 auto !important;
}

html body.client-portal-v109 .analytics-line-icon-v109 {
  width: 28px !important;
  height: 28px !important;
}

html body.client-portal-v109 .analytics-line-icon-v109 svg,
html body.client-portal-v109 .analytics-ai-icon-v109 svg {
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v109 .analytics-insight-chip-v109 strong {
  display: block !important;
  min-width: 0 !important;
  color: var(--qos-v109-primary) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v109 .analytics-insight-divider-v109 {
  width: 1px !important;
  height: 34px !important;
  background: var(--qos-v109-soft-line) !important;
  flex: 0 0 auto !important;
}

html body.client-portal-v109 .analytics-ai-col-v109 {
  grid-template-rows: auto 1fr !important;
  gap: 22px !important;
  padding: 34px 42px 26px !important;
  background: linear-gradient(90deg, rgba(143, 98, 15, .022), rgba(255,255,255,0)) !important;
}

html body.client-portal-v109 .analytics-ai-output-v109 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html body.client-portal-v109 .analytics-ai-row-v109 {
  display: grid !important;
  grid-template-columns: 30px 92px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(203, 160, 72, .20) !important;
}

html body.client-portal-v109 .analytics-ai-row-v109:last-child {
  border-bottom: 0 !important;
}

html body.client-portal-v109 .analytics-ai-icon-v109 {
  width: 24px !important;
  height: 24px !important;
}

html body.client-portal-v109 .analytics-ai-label-v109 {
  color: var(--qos-v109-gold) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body.client-portal-v109 .analytics-ai-row-v109 strong {
  display: block !important;
  min-width: 0 !important;
  color: var(--qos-v109-primary) !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.32 !important;
  letter-spacing: -.012em !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.client-portal-v109 .analytics-trend-tooltip-v109 {
  border: 1px solid rgba(143, 98, 15, .20) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 16px 32px rgba(48, 36, 17, .14) !important;
  color: var(--qos-v109-primary) !important;
  font-size: 12px !important;
}

@media (max-width: 1560px) {
  html body.client-portal-v109 .global-content-search-v98 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v109 .analytics-panel-v109 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body.client-portal-v109 .analytics-decision-row-v109 {
    min-width: 1500px !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v109 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }
  html body.client-portal-v109 .analytics-panel-v109 {
    height: 210px !important;
  }
}

/* v110 — Restore single-row global filters + rebalance compact analytics decision panel */
html body.client-portal-v110 {
  --qos-v110-primary: #111827;
  --qos-v110-secondary: #6B7280;
  --qos-v110-muted: #9CA3AF;
  --qos-v110-gold: #8f620f;
  --qos-v110-gold-dark: #805506;
  --qos-v110-line: rgba(203, 160, 72, .44);
  --qos-v110-soft-line: rgba(203, 160, 72, .24);
  --qos-v110-panel: #fffefa;
  --qos-v110-panel-soft: #fffaf7;
}

html body.client-portal-v110 .client-global-filter-strip-v98 {
  margin: 18px 0 22px !important;
}

/* Header must remain a single professional row on desktop */
html body.client-portal-v110 .global-content-search-v98 {
  display: grid !important;
  grid-template-columns: 220px minmax(320px, 1.46fr) repeat(4, minmax(148px, .72fr)) !important;
  gap: 14px !important;
  align-items: end !important;
  padding: 18px 28px 20px !important;
  min-width: 1240px !important;
  overflow: visible !important;
  border: 1px solid var(--qos-v110-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fffefa 0%, #fffaf7 100%) !important;
  box-shadow: 0 14px 34px rgba(86, 63, 23, .04) !important;
}

html body.client-portal-v110 .analytics-toggle-cell-v100,
html body.client-portal-v110 .global-keyword-search-v99,
html body.client-portal-v110 .global-typeahead-v98 {
  display: grid !important;
  grid-template-rows: 17px 52px !important;
  gap: 8px !important;
  min-width: 0 !important;
  position: relative !important;
}

html body.client-portal-v110 .analytics-toggle-cell-v100 > label,
html body.client-portal-v110 .global-keyword-search-v99 > label,
html body.client-portal-v110 .global-typeahead-v98 > label {
  color: #755819 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding-left: 4px !important;
}

html body.client-portal-v110 .global-search-field-v98,
html body.client-portal-v110 .global-typeahead-v98 > input,
html body.client-portal-v110 .analytics-panel-toggle-v100 {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(197, 151, 56, .58) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.94), inset 0 0 0 1px rgba(255,255,255,.62) !important;
}

html body.client-portal-v110 .analytics-panel-toggle-v100 {
  justify-content: flex-start !important;
  gap: 13px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  background: linear-gradient(180deg, #966811 0%, #805506 100%) !important;
  border-color: #805506 !important;
  color: #fffaf0 !important;
}

html body.client-portal-v110 .analytics-toggle-icon-v103 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}

html body.client-portal-v110 .global-search-field-v98 {
  grid-template-columns: 24px minmax(0, 1fr) !important;
  padding: 0 16px !important;
}

html body.client-portal-v110 .global-search-field-v98 input,
html body.client-portal-v110 .global-typeahead-v98 > input {
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--qos-v110-primary) !important;
}

html body.client-portal-v110 .global-search-field-v98 input::placeholder,
html body.client-portal-v110 .global-typeahead-v98 > input::placeholder {
  color: var(--qos-v110-secondary) !important;
  font-size: 14px !important;
}

html body.client-portal-v110 .global-typeahead-v98 > input {
  padding: 0 42px 0 16px !important;
}

html body.client-portal-v110 .global-typeahead-v98::after {
  right: 16px !important;
  bottom: 20px !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 1.6px solid var(--qos-v110-gold) !important;
  border-bottom: 1.6px solid var(--qos-v110-gold) !important;
  transform: rotate(45deg) !important;
}

/* Decision panel: cleaner proportions, no clipping, and a stronger single-row system */
html body.client-portal-v110 .analytics-panel-v109 {
  height: 198px !important;
  min-height: 198px !important;
  max-height: 198px !important;
  margin: 0 0 24px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, var(--qos-v110-panel) 0%, var(--qos-v110-panel-soft) 100%) !important;
  border: 1px solid var(--qos-v110-line) !important;
  box-shadow: 0 14px 34px rgba(86, 63, 23, .04) !important;
}

html body.client-portal-v110 .analytics-scope-pill-v109,
html body.client-portal-v110 #analyticsDataScope.analytics-scope-pill-v109 {
  top: 14px !important;
  right: 18px !important;
  height: 24px !important;
  max-width: 300px !important;
  padding: 0 12px !important;
  color: var(--qos-v110-secondary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(203, 160, 72, .44) !important;
  z-index: 8 !important;
}

html body.client-portal-v110 .analytics-decision-row-v109 {
  display: grid !important;
  grid-template-columns: 190px minmax(360px, .78fr) minmax(300px, .64fr) minmax(520px, 1.32fr) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html body.client-portal-v110 .analytics-decision-col-v105 {
  height: 100% !important;
  min-width: 0 !important;
  padding: 26px 30px !important;
  display: grid !important;
  align-content: center !important;
  border-right: 1px solid var(--qos-v110-soft-line) !important;
  box-sizing: border-box !important;
}

html body.client-portal-v110 .analytics-decision-col-v105:last-child {
  border-right: 0 !important;
}

html body.client-portal-v110 .analytics-decision-head-v109 {
  color: var(--qos-v110-gold) !important;
  font-size: 12px !important;
  font-weight: 740 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.client-portal-v110 .analytics-total-col-v109 {
  grid-template-rows: auto 1fr !important;
  align-content: stretch !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: 30px 18px !important;
  text-align: center !important;
}

html body.client-portal-v110 .analytics-total-number-v109 {
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 42px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
  color: var(--qos-v110-primary) !important;
}

html body.client-portal-v110 .analytics-graph-col-v109 {
  grid-template-rows: auto 1fr !important;
  gap: 10px !important;
  padding: 30px 34px 22px !important;
}

html body.client-portal-v110 .analytics-mini-graph-wrap-v109 {
  height: 118px !important;
  min-height: 118px !important;
  grid-template-rows: minmax(0, 1fr) 20px !important;
}

html body.client-portal-v110 .analytics-graph-v109 {
  height: 94px !important;
  max-height: 94px !important;
}

html body.client-portal-v110 .analytics-line-v105 {
  stroke-width: 2.7 !important;
}

html body.client-portal-v110 .analytics-graph-legend-v109 {
  height: 20px !important;
  gap: 16px !important;
  font-size: 12px !important;
  font-weight: 560 !important;
}

/* Audience and timing must stack top/bottom, not side-by-side */
html body.client-portal-v110 .analytics-audience-time-col-v109 {
  grid-template-rows: auto 1fr !important;
  gap: 16px !important;
  padding: 30px 34px !important;
}

html body.client-portal-v110 .analytics-insight-inline-v109 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(2, auto) !important;
  gap: 16px !important;
  align-content: center !important;
  justify-content: stretch !important;
  min-width: 0 !important;
  align-self: stretch !important;
}

html body.client-portal-v110 .analytics-insight-divider-v109 {
  display: none !important;
}

html body.client-portal-v110 .analytics-insight-chip-v109 {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body.client-portal-v110 .analytics-line-icon-v109 {
  width: 26px !important;
  height: 26px !important;
}

html body.client-portal-v110 .analytics-insight-chip-v109 strong {
  color: var(--qos-v110-primary) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v110 .analytics-ai-col-v109 {
  grid-template-rows: auto 1fr !important;
  gap: 16px !important;
  padding: 30px 34px 22px !important;
  background: linear-gradient(90deg, rgba(143, 98, 15, .026), rgba(255,255,255,0)) !important;
}

html body.client-portal-v110 .analytics-ai-output-v109 {
  display: grid !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html body.client-portal-v110 .analytics-ai-row-v109 {
  grid-template-columns: 24px 80px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  min-width: 0 !important;
  border-bottom: 1px solid rgba(203, 160, 72, .18) !important;
}

html body.client-portal-v110 .analytics-ai-icon-v109 {
  width: 20px !important;
  height: 20px !important;
}

html body.client-portal-v110 .analytics-ai-label-v109 {
  color: var(--qos-v110-gold) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v110 .analytics-ai-row-v109 strong {
  color: var(--qos-v110-primary) !important;
  font-size: 13px !important;
  font-weight: 570 !important;
  line-height: 1.26 !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

/* Override v109 tablet breakpoint that forced the header into two rows. */
@media (max-width: 1560px) {
  html body.client-portal-v110 .client-global-filter-strip-v98 {
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-bottom: 2px !important;
  }

  html body.client-portal-v110 .global-content-search-v98 {
    grid-template-columns: 220px minmax(320px, 1.46fr) repeat(4, minmax(148px, .72fr)) !important;
    min-width: 1240px !important;
  }

  html body.client-portal-v110 .analytics-panel-v109 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.client-portal-v110 .analytics-decision-row-v109 {
    min-width: 1370px !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v110 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    padding: 14px !important;
  }

  html body.client-portal-v110 .analytics-panel-v109 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.client-portal-v110 .analytics-decision-row-v109 {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }
}

/* v111 — Delivery Cycles header control + grouped post assignment */
html body.client-portal-v111 {
  --qos-v111-primary: #111827;
  --qos-v111-secondary: #6B7280;
  --qos-v111-muted: #9CA3AF;
  --qos-v111-gold: #8f620f;
  --qos-v111-gold-dark: #805506;
  --qos-v111-line: rgba(203, 160, 72, .48);
  --qos-v111-soft-line: rgba(203, 160, 72, .22);
}

html body.client-portal-v111 .global-content-search-v98 {
  grid-template-columns: 168px minmax(292px, 1.42fr) minmax(178px, .82fr) repeat(4, minmax(136px, .68fr)) !important;
  min-width: 1320px !important;
  gap: 12px !important;
  align-items: end !important;
}

html body.client-portal-v111 .delivery-cycle-cell-v111 {
  display: grid !important;
  grid-template-rows: 17px 52px !important;
  gap: 8px !important;
  min-width: 0 !important;
  position: relative !important;
}

html body.client-portal-v111 .delivery-cycle-cell-v111 > label {
  color: #755819 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  padding-left: 4px !important;
}

html body.client-portal-v111 .delivery-cycle-toggle-v111 {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(197, 151, 56, .58) !important;
  background: rgba(255,255,255,.98) !important;
  color: var(--qos-v111-primary) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.94), inset 0 0 0 1px rgba(255,255,255,.62) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: left !important;
}

html body.client-portal-v111 .delivery-cycle-toggle-v111:hover,
html body.client-portal-v111 .delivery-cycle-toggle-v111[aria-expanded="true"] {
  border-color: rgba(143, 98, 15, .74) !important;
  box-shadow: 0 8px 20px rgba(143, 98, 15, .08) !important;
}

html body.client-portal-v111 .delivery-cycle-icon-v111 {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.client-portal-v111 #deliveryCycleCurrentLabel {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.client-portal-v111 .delivery-cycle-chevron-v111,
html body.client-portal-v111 .global-typeahead-v98::after {
  width: 8px !important;
  height: 8px !important;
  border-right: 1.6px solid var(--qos-v111-gold) !important;
  border-bottom: 1.6px solid var(--qos-v111-gold) !important;
  transform: rotate(45deg) !important;
}

html body.client-portal-v111 .delivery-cycle-menu-v111,
html body.client-portal-v111 .assign-delivery-cycle-menu-v111 {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: min(300px, 92vw) !important;
  max-height: 340px !important;
  overflow: auto !important;
  padding: 8px !important;
  background: #fffefa !important;
  border: 1px solid rgba(203, 160, 72, .45) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 42px rgba(86, 63, 23, .14) !important;
  z-index: 240000 !important;
  display: none !important;
}

html body.client-portal-v111 .delivery-cycle-menu-v111.open,
html body.client-portal-v111 .assign-delivery-cycle-menu-v111.open {
  display: grid !important;
  gap: 4px !important;
}

html body.client-portal-v111 .delivery-cycle-menu-v111 button,
html body.client-portal-v111 .assign-delivery-cycle-menu-v111 button {
  width: 100% !important;
  min-height: 36px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--qos-v111-primary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body.client-portal-v111 .delivery-cycle-menu-v111 button:hover,
html body.client-portal-v111 .assign-delivery-cycle-menu-v111 button:hover,
html body.client-portal-v111 .delivery-cycle-menu-v111 button.active {
  background: rgba(143, 98, 15, .08) !important;
  color: var(--qos-v111-gold-dark) !important;
}

html body.client-portal-v111 .delivery-cycle-add-row-v111 {
  color: var(--qos-v111-gold-dark) !important;
  font-weight: 750 !important;
}

html body.client-portal-v111 .delivery-cycle-menu-v111 small,
html body.client-portal-v111 .assign-delivery-cycle-menu-v111 small {
  color: var(--qos-v111-secondary) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body.client-portal-v111 .delivery-cycle-row-actions-v111 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body.client-portal-v111 .delivery-cycle-row-actions-v111 button {
  min-height: 24px !important;
  width: auto !important;
  padding: 4px 6px !important;
  border-radius: 999px !important;
  color: var(--qos-v111-secondary) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

html body.client-portal-v111 .delivery-cycle-toolbar-v111 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  position: relative !important;
}

html body.client-portal-v111 .delivery-selection-actions-v111 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.client-portal-v111 .delivery-selection-actions-v111[hidden] {
  display: none !important;
}

html body.client-portal-v111 .delivery-selected-count-v111 {
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border: 1px solid rgba(203, 160, 72, .34) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.74) !important;
  color: var(--qos-v111-secondary) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body.client-portal-v111 .assign-delivery-cycle-btn-v111 {
  height: 34px !important;
  border-color: rgba(143, 98, 15, .45) !important;
  color: var(--qos-v111-gold-dark) !important;
  background: #fffefa !important;
}

html body.client-portal-v111 .assign-delivery-cycle-menu-v111 {
  top: calc(100% + 7px) !important;
  right: 0 !important;
  left: auto !important;
  width: 240px !important;
}

html body.client-portal-v111 .select-post-head-v111,
html body.client-portal-v111 .select-post-cell-v111 {
  width: 38px !important;
  min-width: 38px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

html body.client-portal-v111 .select-post-head-v111 input,
html body.client-portal-v111 .select-post-cell-v111 input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--qos-v111-gold) !important;
  cursor: pointer !important;
}

html body.client-portal-v111 .workspace-content-table tr.is-selected-v111 td {
  background: rgba(143, 98, 15, .055) !important;
}

@media (max-width: 1560px) {
  html body.client-portal-v111 .global-content-search-v98 {
    grid-template-columns: 168px minmax(292px, 1.42fr) minmax(178px, .82fr) repeat(4, minmax(136px, .68fr)) !important;
    min-width: 1320px !important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v111 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }
}

html body.client-portal-v111 .delivery-cycle-option-row-v111 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 4px !important;
  border-radius: 10px !important;
}

html body.client-portal-v111 .delivery-cycle-option-row-v111.active,
html body.client-portal-v111 .delivery-cycle-option-row-v111:hover {
  background: rgba(143, 98, 15, .08) !important;
}

html body.client-portal-v111 .delivery-cycle-option-row-v111 .delivery-cycle-main-select-v111 {
  background: transparent !important;
}

html body.client-portal-v111 .delivery-cycle-option-row-v111 .delivery-cycle-main-select-v111:hover {
  background: transparent !important;
}

/* v112 — Delivery Cycle icon actions */
html body.client-portal-v112 .delivery-cycle-row-actions-v112 {
  gap: 6px !important;
  padding-right: 4px !important;
}

html body.client-portal-v112 .delivery-cycle-action-btn-v112 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 1px solid rgba(203, 160, 72, .28) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.72) !important;
  color: #7a5a18 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.52) !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

html body.client-portal-v112 .delivery-cycle-action-btn-v112 svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v112 .delivery-cycle-action-btn-v112:hover {
  background: rgba(143, 98, 15, .09) !important;
  border-color: rgba(143, 98, 15, .45) !important;
  color: #805506 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 16px rgba(143, 98, 15, .10) !important;
}

html body.client-portal-v112 .delivery-cycle-action-btn-v112.danger {
  color: #9a3412 !important;
}

html body.client-portal-v112 .delivery-cycle-action-btn-v112.danger:hover {
  background: rgba(154, 52, 18, .08) !important;
  border-color: rgba(154, 52, 18, .32) !important;
  color: #7c2d12 !important;
}

html body.client-portal-v112 .delivery-cycle-option-row-v111 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 42px !important;
  padding: 2px 4px 2px 0 !important;
}

html body.client-portal-v112 .delivery-cycle-option-row-v111 .delivery-cycle-main-select-v111 {
  min-height: 38px !important;
}

/* v113 — Delivery Cycles cleanup: no default rounds + professional line icon */
html body.client-portal-v113 .delivery-cycle-icon-v113 {
  width: 21px !important;
  height: 21px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8f620f !important;
}

html body.client-portal-v113 .delivery-cycle-icon-v113 svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v113 .delivery-cycle-toggle-v111 {
  grid-template-columns: 22px minmax(0, 1fr) 10px !important;
}

html body.client-portal-v113 .delivery-cycle-menu-v111 {
  width: min(284px, 92vw) !important;
  padding: 10px !important;
}

html body.client-portal-v113 .delivery-cycle-menu-v111 button,
html body.client-portal-v113 .assign-delivery-cycle-menu-v111 button {
  min-height: 38px !important;
  font-size: 13px !important;
  letter-spacing: -.01em !important;
}

html body.client-portal-v113 .delivery-cycle-add-row-v111::before {
  content: '' !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  margin-right: 8px !important;
  vertical-align: -2px !important;
  background:
    linear-gradient(currentColor, currentColor) center/14px 1.7px no-repeat,
    linear-gradient(currentColor, currentColor) center/1.7px 14px no-repeat !important;
}

html body.client-portal-v113 .delivery-cycle-option-row-v111 {
  min-height: 42px !important;
}

/* v114 — Delivery Cycles real group manager behavior + clean assignment flow */
html body.client-portal-v114 .delivery-cycle-add-row-v114 {
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
}

html body.client-portal-v114 .delivery-cycle-add-row-v114 svg,
html body.client-portal-v114 .assign-cycle-add-v114 svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v114 .delivery-cycle-add-row-v111::before {
  display: none !important;
  content: none !important;
}

html body.client-portal-v114 .delivery-cycle-inline-form-v114 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 8px !important;
  border: 1px solid rgba(203, 160, 72, .34) !important;
  border-radius: 12px !important;
  background: rgba(255, 250, 239, .86) !important;
}

html body.client-portal-v114 .delivery-cycle-inline-form-v114.rename {
  width: 100% !important;
  grid-column: 1 / -1 !important;
}

html body.client-portal-v114 .delivery-cycle-inline-form-v114 input {
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(203, 160, 72, .45) !important;
  border-radius: 10px !important;
  background: #fffefa !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

html body.client-portal-v114 .delivery-cycle-inline-form-v114 input:focus {
  border-color: rgba(143, 98, 15, .72) !important;
  box-shadow: 0 0 0 3px rgba(143, 98, 15, .10), inset 0 0 0 1px rgba(255,255,255,.72) !important;
}

html body.client-portal-v114 .delivery-cycle-inline-actions-v114 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body.client-portal-v114 .delivery-cycle-inline-actions-v114 button {
  width: auto !important;
  min-width: 58px !important;
  min-height: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

html body.client-portal-v114 .delivery-cycle-inline-save-v114 {
  background: #8f620f !important;
  color: #fffaf0 !important;
  border: 1px solid #8f620f !important;
}

html body.client-portal-v114 .delivery-cycle-inline-cancel-v114 {
  background: rgba(255,255,255,.74) !important;
  color: #6B7280 !important;
  border: 1px solid rgba(203, 160, 72, .30) !important;
}

html body.client-portal-v114 .assign-delivery-cycle-menu-v111 {
  width: 286px !important;
  padding: 10px !important;
  gap: 8px !important;
}

html body.client-portal-v114 .assign-cycle-list-v114 {
  display: grid !important;
  gap: 4px !important;
}

html body.client-portal-v114 .assign-cycle-add-v114 {
  grid-template-columns: 18px minmax(0, 1fr) !important;
  color: #805506 !important;
  font-weight: 750 !important;
}

html body.client-portal-v114 .assign-cycle-option-v114.active {
  background: rgba(143, 98, 15, .10) !important;
  color: #805506 !important;
  box-shadow: inset 3px 0 0 #8f620f !important;
}

html body.client-portal-v114 .assign-cycle-footer-v114 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(203, 160, 72, .22) !important;
}

html body.client-portal-v114 .assign-cycle-footer-v114 button {
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

html body.client-portal-v114 .assign-cycle-cancel-v114 {
  border: 1px solid rgba(203, 160, 72, .30) !important;
  background: rgba(255,255,255,.78) !important;
  color: #6B7280 !important;
}

html body.client-portal-v114 .assign-cycle-confirm-v114 {
  border: 1px solid #8f620f !important;
  background: #8f620f !important;
  color: #fffaf0 !important;
}

html body.client-portal-v114 .assign-cycle-confirm-v114.disabled {
  pointer-events: none !important;
  opacity: .48 !important;
  background: rgba(143, 98, 15, .26) !important;
  border-color: rgba(143, 98, 15, .22) !important;
}

html body.client-portal-v114 .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* v115 — Delivery Cycle slide-down selection flow */
html body.client-portal-v115 .delivery-selection-banner-v115 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 10px 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(203, 160, 72, .34) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(253,247,235,.92)) !important;
  box-shadow: 0 12px 30px rgba(86, 63, 23, .08) !important;
  color: #111827 !important;
  transform-origin: top !important;
  animation: deliverySelectionSlideV115 .22s ease-out both !important;
}

html body.client-portal-v115 .delivery-selection-banner-v115[hidden] {
  display: none !important;
}

html body.client-portal-v115 .delivery-selection-banner-icon-v115 {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: rgba(143, 98, 15, .10) !important;
  color: #8f620f !important;
}

html body.client-portal-v115 .delivery-selection-banner-icon-v115 svg,
html body.client-portal-v115 .delivery-selection-actions-v115 svg {
  width: 17px !important;
  height: 17px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v115 .delivery-selection-banner-v115 strong {
  display: block !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

html body.client-portal-v115 .delivery-selection-banner-v115 small {
  display: block !important;
  margin-top: 2px !important;
  color: #6B7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body.client-portal-v115 .delivery-selection-actions-v115 {
  margin-left: auto !important;
  padding: 7px !important;
  border: 1px solid rgba(203, 160, 72, .32) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 12px 26px rgba(86, 63, 23, .08) !important;
}

html body.client-portal-v115 .delivery-selection-actions-v115[hidden] {
  display: none !important;
}

html body.client-portal-v115 .assign-delivery-cycle-btn-v115 {
  min-width: 170px !important;
  height: 34px !important;
  border-color: rgba(143, 98, 15, .42) !important;
  border-radius: 999px !important;
  background: #8f620f !important;
  color: #fffefa !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

html body.client-portal-v115 .assign-delivery-cycle-btn-v115.is-disabled-v115,
html body.client-portal-v115 .assign-delivery-cycle-btn-v115:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
  filter: grayscale(.1) !important;
}

html body.client-portal-v115 .cancel-delivery-selection-btn-v115 {
  height: 34px !important;
  border-radius: 999px !important;
  border-color: rgba(107, 114, 128, .22) !important;
  background: #fffefa !important;
  color: #6B7280 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body.client-portal-v115 .delivery-selected-count-v111 {
  height: 34px !important;
  min-width: 88px !important;
  justify-content: center !important;
  background: rgba(253, 247, 235, .82) !important;
  color: #6B7280 !important;
}

html body.client-portal-v115:not(.delivery-selection-mode-v115) .select-post-head-v111,
html body.client-portal-v115:not(.delivery-selection-mode-v115) .select-post-cell-v111 {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.client-portal-v115.delivery-selection-mode-v115 .select-post-head-v111,
html body.client-portal-v115.delivery-selection-mode-v115 .select-post-cell-v111 {
  transition: width .22s ease, opacity .18s ease !important;
}

html body.client-portal-v115 .client-content-table-panel {
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

html body.client-portal-v115 .client-content-table-panel.is-selection-mode-v115 {
  transform: translateY(8px) !important;
  border-color: rgba(143, 98, 15, .38) !important;
  box-shadow: 0 18px 42px rgba(86, 63, 23, .10) !important;
}

html body.client-portal-v115 .client-content-table-panel.selection-focus-pulse-v115 {
  box-shadow: 0 0 0 4px rgba(143, 98, 15, .08), 0 18px 42px rgba(86, 63, 23, .10) !important;
}

html body.client-portal-v115.delivery-selection-mode-v115 .workspace-content-table tbody tr {
  cursor: pointer !important;
}

html body.client-portal-v115.delivery-selection-mode-v115 .workspace-content-table tr.is-selected-v111 td {
  background: rgba(143, 98, 15, .06) !important;
}

html body.client-portal-v115.delivery-selection-mode-v115 .select-post-head-v111 input,
html body.client-portal-v115.delivery-selection-mode-v115 .select-post-cell-v111 input {
  opacity: 1 !important;
  transform: scale(1) !important;
}

@keyframes deliverySelectionSlideV115 {
  from { opacity: 0; transform: translateY(-8px) scaleY(.97); }
  to { opacity: 1; transform: translateY(0) scaleY(1); }
}

@media (max-width: 880px) {
  html body.client-portal-v115 .delivery-cycle-toolbar-v111 {
    align-items: stretch !important;
  }
  html body.client-portal-v115 .delivery-selection-actions-v115 {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: space-between !important;
    border-radius: 18px !important;
    flex-wrap: wrap !important;
  }
  html body.client-portal-v115 .assign-delivery-cycle-btn-v115,
  html body.client-portal-v115 .cancel-delivery-selection-btn-v115 {
    flex: 1 1 auto !important;
  }
}


/* v116 — Delivery Cycle create repair + no idle checkbox whitespace */
html body.client-portal-v116:not(.delivery-selection-mode-v115) .select-post-head-v111,
html body.client-portal-v116:not(.delivery-selection-mode-v115) .select-post-cell-v111 {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

html body.client-portal-v116.delivery-selection-mode-v115 .select-post-head-v111,
html body.client-portal-v116.delivery-selection-mode-v115 .select-post-cell-v111 {
  display: table-cell !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding: 0 10px !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.client-portal-v116:not(.delivery-selection-mode-v115) .workspace-content-table,
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table {
  table-layout: fixed !important;
}

html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(2),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(2) { width: 8% !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(3),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(3) { width: 9% !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(4),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(4) { width: 15% !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(5),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(5) { width: 10% !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(6),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(6) { width: 8% !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(7),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(7) { width: 9% !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(8),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(8) { width: 8% !important; text-align: center !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(9),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(9) { width: 8% !important; text-align: center !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(10),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(10) { width: 8% !important; text-align: center !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(11),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(11) { width: 7% !important; text-align: center !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(12),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(12) { width: 8% !important; text-align: center !important; }
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(13),
html body.client-portal-v116:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(13) { width: 3% !important; text-align: center !important; }

html body.client-portal-v116 .delivery-cycle-inline-form-v114 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

html body.client-portal-v116 .delivery-cycle-inline-form-v114.rename {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body.client-portal-v116 .delivery-cycle-inline-actions-v114 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

html body.client-portal-v116 .delivery-cycle-inline-save-v114,
html body.client-portal-v116 .delivery-cycle-inline-cancel-v114 {
  height: 30px !important;
  border-radius: 999px !important;
  padding: 0 11px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

html body.client-portal-v116 .delivery-cycle-inline-save-v114 {
  border: 1px solid rgba(143, 98, 15, .32) !important;
  background: #8f620f !important;
  color: #fffefa !important;
}

html body.client-portal-v116 .delivery-cycle-inline-cancel-v114 {
  border: 1px solid rgba(107, 114, 128, .18) !important;
  background: #fffefa !important;
  color: #6B7280 !important;
}

/* v117 — Delivery cycle dropdown polish + remove engagement column + action visibility repair */
html body.client-portal-v117 .client-global-filter-strip,
html body.client-portal-v117 .client-global-filter-strip-v98,
html body.client-portal-v117 .global-content-search-v98,
html body.client-portal-v117 .delivery-cycle-cell-v111 {
  overflow: visible !important;
  position: relative !important;
}

html body.client-portal-v117 .client-global-filter-strip {
  z-index: 1200 !important;
}

html body.client-portal-v117 .delivery-cycle-menu-v111 {
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: auto !important;
  width: min(280px, 88vw) !important;
  max-height: 320px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  z-index: 300000 !important;
}

html body.client-portal-v117 .delivery-cycle-add-row-v111,
html body.client-portal-v117 .delivery-cycle-add-row-v114 {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  text-align: left !important;
}

html body.client-portal-v117 .delivery-cycle-add-row-v111 svg,
html body.client-portal-v117 .delivery-cycle-add-row-v114 svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
}

html body.client-portal-v117 .delivery-cycle-option-row-v111 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

html body.client-portal-v117 .workspace-table-wrap.client-table-wrap,
html body.client-portal-v117 .client-table-wrap,
html body.client-portal-v117 .client-content-table-panel,
html body.client-portal-v117 .client-v51-table-card {
  overflow: visible !important;
}

html body.client-portal-v117 .client-approval-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

html body.client-portal-v117 .client-approval-table th,
html body.client-portal-v117 .client-approval-table td {
  box-sizing: border-box !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Normal table state: no checkbox column and no Engagement column. */
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(1),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(1) { width: 8% !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(2),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(2) { width: 9% !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(3),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(3) { width: 18% !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(4),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(4) { width: 11% !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(5),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(5) { width: 8% !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(6),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(6) { width: 9% !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(7),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(7) { width: 8% !important; text-align: center !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(8),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(8) { width: 8% !important; text-align: center !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(9),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(9) { width: 8% !important; text-align: center !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(10),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(10) { width: 8% !important; text-align: center !important; }
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(11),
html body.client-portal-v117:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(11) { width: 5% !important; text-align: center !important; overflow: visible !important; }

/* Grouping state: checkbox column appears only while selection mode is active. */
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(1),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(1) { width: 3.5% !important; min-width: 42px !important; text-align: center !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(2),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(2) { width: 7.5% !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(3),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(3) { width: 8.5% !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(4),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(4) { width: 17% !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(5),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(5) { width: 10% !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(6),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(6) { width: 8% !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(7),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(7) { width: 9% !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(8),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(8) { width: 7.5% !important; text-align: center !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(9),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(9) { width: 7.5% !important; text-align: center !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(10),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(10) { width: 7.5% !important; text-align: center !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(11),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(11) { width: 8% !important; text-align: center !important; }
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table th:nth-child(12),
html body.client-portal-v117.delivery-selection-mode-v115 .client-approval-table td:nth-child(12) { width: 6% !important; text-align: center !important; overflow: visible !important; }

html body.client-portal-v117 .content-actions-cell,
html body.client-portal-v117 .client-approval-table td.content-actions-cell {
  overflow: visible !important;
  position: relative !important;
}

html body.client-portal-v117 .content-action-trigger {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
}

html body.client-portal-v117 .content-action-menu {
  z-index: 350000 !important;
}

/* v118 — Delivery Cycle Create/Rename modal repair */
html body.client-portal-v118.delivery-cycle-modal-open-v118 {
  overflow: hidden !important;
}

html body.client-portal-v118 .delivery-cycle-create-modal-v118[hidden] {
  display: none !important;
}

html body.client-portal-v118 .delivery-cycle-create-modal-v118 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 500000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

html body.client-portal-v118 .delivery-cycle-modal-backdrop-v118 {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(17, 24, 39, .22) !important;
  backdrop-filter: blur(3px) !important;
}

html body.client-portal-v118 .delivery-cycle-modal-card-v118 {
  position: relative !important;
  width: min(460px, calc(100vw - 36px)) !important;
  border: 1px solid rgba(203, 160, 72, .46) !important;
  border-radius: 24px !important;
  background: #fffefa !important;
  box-shadow: 0 28px 70px rgba(86, 63, 23, .20) !important;
  padding: 22px !important;
  color: #111827 !important;
}

html body.client-portal-v118 .delivery-cycle-modal-head-v118 {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

html body.client-portal-v118 .delivery-cycle-modal-head-v118 p {
  margin: 0 0 5px !important;
  color: #8f620f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.client-portal-v118 .delivery-cycle-modal-head-v118 h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
}

html body.client-portal-v118 .delivery-cycle-modal-close-v118 {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(203, 160, 72, .34) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.84) !important;
  color: #6B7280 !important;
  cursor: pointer !important;
}

html body.client-portal-v118 .delivery-cycle-modal-close-v118 svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

html body.client-portal-v118 .delivery-cycle-modal-form-v118 {
  display: grid !important;
  gap: 10px !important;
}

html body.client-portal-v118 .delivery-cycle-modal-form-v118 label {
  color: #6B7280 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: .04em !important;
}

html body.client-portal-v118 .delivery-cycle-modal-form-v118 input {
  width: 100% !important;
  height: 48px !important;
  border: 1px solid rgba(203, 160, 72, .50) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 14px !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
}

html body.client-portal-v118 .delivery-cycle-modal-form-v118 input:focus {
  border-color: rgba(143, 98, 15, .76) !important;
  box-shadow: 0 0 0 4px rgba(143, 98, 15, .10), inset 0 0 0 1px rgba(255,255,255,.84) !important;
}

html body.client-portal-v118 .delivery-cycle-modal-note-v118 {
  margin: 0 !important;
  color: #6B7280 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

html body.client-portal-v118 .delivery-cycle-modal-actions-v118 {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

html body.client-portal-v118 .delivery-cycle-modal-actions-v118 button {
  height: 40px !important;
  min-width: 112px !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html body.client-portal-v118 .delivery-cycle-modal-cancel-v118 {
  border: 1px solid rgba(107, 114, 128, .18) !important;
  background: #fff !important;
  color: #6B7280 !important;
}

html body.client-portal-v118 .delivery-cycle-modal-save-v118 {
  border: 1px solid rgba(143, 98, 15, .82) !important;
  background: #8f620f !important;
  color: #fffefa !important;
  box-shadow: 0 12px 26px rgba(143, 98, 15, .16) !important;
}

html body.client-portal-v118 .delivery-cycle-add-row-v111,
html body.client-portal-v118 .delivery-cycle-add-row-v114 {
  justify-content: flex-start !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
}

/* v119 — Delivery cycle toolbar editor placement repair */
html body.client-portal-v119 .delivery-cycle-toolbar-v119 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 18px !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-editor-v119[hidden] {
  display: none !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-editor-v119 {
  display: inline-flex !important;
  align-items: center !important;
  min-width: min(680px, calc(100vw - 72px)) !important;
  max-width: 100% !important;
  animation: deliveryToolbarEditorInV119 .18s ease-out both !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 34px auto minmax(220px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 54px !important;
  padding: 7px !important;
  border: 1px solid rgba(203, 160, 72, .42) !important;
  border-radius: 999px !important;
  background: rgba(255, 254, 250, .96) !important;
  box-shadow: 0 16px 36px rgba(86, 63, 23, .10) !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-icon-v119 {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(143, 98, 15, .18) !important;
  border-radius: 999px !important;
  background: rgba(143, 98, 15, .08) !important;
  color: #8f620f !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-icon-v119 svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 label {
  color: #6f5f48 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 input {
  min-width: 0 !important;
  height: 38px !important;
  border: 1px solid rgba(203, 160, 72, .34) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 0 14px !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.78) !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 input::placeholder {
  color: #9CA3AF !important;
  font-weight: 600 !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 input:focus {
  border-color: rgba(143, 98, 15, .72) !important;
  box-shadow: 0 0 0 4px rgba(143, 98, 15, .10), inset 0 0 0 1px rgba(255,255,255,.9) !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-save-v119,
html body.client-portal-v119 .delivery-cycle-toolbar-cancel-v119 {
  height: 38px !important;
  border-radius: 999px !important;
  padding: 0 15px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-save-v119 {
  border: 1px solid rgba(143, 98, 15, .82) !important;
  background: #8f620f !important;
  color: #fffefa !important;
  box-shadow: 0 10px 22px rgba(143, 98, 15, .16) !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-save-v119:hover {
  filter: brightness(.98) !important;
  transform: translateY(-1px) !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-cancel-v119 {
  border: 1px solid rgba(107, 114, 128, .20) !important;
  background: rgba(255,255,255,.9) !important;
  color: #6B7280 !important;
}

html body.client-portal-v119 .delivery-cycle-toolbar-cancel-v119:hover {
  background: #fff !important;
  color: #111827 !important;
}

html body.client-portal-v119 .delivery-cycle-create-modal-v118 {
  display: none !important;
}

html body.client-portal-v119 .delivery-cycle-menu-v111 {
  z-index: 220000 !important;
}

html body.client-portal-v119 .content-management-toolbar-v98 + .delivery-selection-banner-v115 {
  margin-top: -4px !important;
}

@keyframes deliveryToolbarEditorInV119 {
  from { opacity: 0; transform: translateY(-6px) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 980px) {
  html body.client-portal-v119 .delivery-cycle-toolbar-editor-v119 {
    min-width: 100% !important;
  }

  html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 {
    grid-template-columns: 34px 1fr !important;
    border-radius: 22px !important;
    padding: 10px !important;
  }

  html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 label {
    grid-column: 2 !important;
  }

  html body.client-portal-v119 .delivery-cycle-toolbar-form-v119 input,
  html body.client-portal-v119 .delivery-cycle-toolbar-save-v119,
  html body.client-portal-v119 .delivery-cycle-toolbar-cancel-v119 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* v120 — CEO Billing Financial Planning & Analysis (FP&A) */
.finance-os-page {
  --finance-gold: #95620f;
  --finance-gold-soft: #f4dfb2;
  --finance-border: rgba(149, 98, 15, .24);
  --finance-bg: #fffaf0;
  --finance-text: #111827;
  --finance-muted: #6b7280;
  --finance-soft: #f8f3e7;
}

.finance-main {
  max-width: 1480px;
  padding-top: 96px;
}

.finance-hero,
.finance-panel,
.finance-kpi-card {
  background: rgba(255, 255, 255, .82);
  border: 1px solid var(--finance-border);
  box-shadow: 0 18px 42px rgba(149, 98, 15, .08);
}

.finance-hero {
  border-radius: 28px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.finance-hero h1 {
  margin: 0 0 8px;
  color: var(--finance-text);
  letter-spacing: -.04em;
}

.finance-hero-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.finance-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

.finance-kpi-card {
  border-radius: 22px;
  padding: 18px 18px 16px;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.finance-kpi-card span,
.finance-table th,
.finance-panel .eyebrow,
.finance-modal-card .eyebrow {
  color: var(--finance-gold);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
}

.finance-kpi-card strong {
  color: var(--finance-text);
  font-size: clamp(22px, 2.3vw, 34px);
  line-height: 1.05;
  margin: 10px 0 7px;
  letter-spacing: -.04em;
}

.finance-kpi-card small,
.finance-panel .muted,
.finance-table small {
  color: var(--finance-muted);
  font-size: 13px;
  font-weight: 700;
}

.finance-grid-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .85fr);
  gap: 18px;
  margin-bottom: 20px;
}

.finance-grid-layout.three-column {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.finance-panel {
  border-radius: 26px;
  padding: 22px;
  overflow: hidden;
}

.finance-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.finance-panel-head h3 {
  margin: 3px 0 0;
  color: var(--finance-text);
  font-size: 20px;
  letter-spacing: -.02em;
}

.finance-sync-badge,
.finance-pill,
.finance-empty-pill,
.category-chip,
.finance-tag,
.finance-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.finance-sync-badge,
.finance-pill,
.finance-empty-pill {
  border: 1px solid var(--finance-border);
  color: var(--finance-muted);
  padding: 8px 12px;
  background: rgba(255, 255, 255, .7);
}

.finance-chart-panel canvas {
  width: 100%;
  max-height: 280px;
  background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,250,240,.28));
  border-radius: 18px;
}

.finance-category-strip {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.category-chip {
  background: var(--finance-soft);
  color: var(--finance-muted);
  padding: 8px 10px;
  border: 1px solid rgba(149, 98, 15, .15);
}

.category-chip strong {
  color: var(--finance-text);
  margin-right: 6px;
}

.advisor-panel {
  display: flex;
  flex-direction: column;
}

.advisor-list {
  display: grid;
  gap: 10px;
}

.advisor-item {
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: 10px;
  align-items: start;
  padding: 11px 0;
  border-bottom: 1px solid rgba(149, 98, 15, .13);
}

.advisor-item span {
  width: 8px;
  height: 8px;
  margin-top: 7px;
  border-radius: 999px;
  background: var(--finance-gold);
}

.advisor-item p {
  margin: 0;
  color: var(--finance-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.advisor-action-box {
  margin-top: auto;
  background: #fff8e8;
  border: 1px solid rgba(149, 98, 15, .18);
  border-radius: 18px;
  padding: 14px;
}

.advisor-action-box span {
  display: block;
  color: var(--finance-gold);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 6px;
}

.advisor-action-box strong {
  color: var(--finance-text);
  font-size: 15px;
  line-height: 1.4;
}

.finance-table-wrap {
  overflow-x: auto;
}

.finance-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 960px;
}

.finance-table th,
.finance-table td {
  padding: 15px 14px;
  border-bottom: 1px solid rgba(149, 98, 15, .16);
  text-align: left;
  vertical-align: middle;
}

.finance-table td {
  color: var(--finance-text);
  font-weight: 700;
  font-size: 14px;
}

.finance-table td strong,
.finance-table td small {
  display: block;
}

.finance-table td small {
  margin-top: 3px;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finance-tag {
  background: #fff4d3;
  color: #8a5a08;
  padding: 7px 10px;
}

.finance-status {
  padding: 7px 10px;
  background: #eef2ff;
  color: #3730a3;
}
.finance-status.active,
.finance-status.paid { background: #dcfce7; color: #15803d; }
.finance-status.overdue { background: #fee2e2; color: #b91c1c; }
.finance-status.inactive,
.finance-status.cancelled { background: #f3f4f6; color: #6b7280; }

.finance-row-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.icon-line-btn {
  border: 1px solid var(--finance-border);
  background: #fff;
  color: var(--finance-gold);
  border-radius: 12px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-line-btn.danger {
  color: #b42318;
}

.wallet-balance {
  background: #fff8e8;
  border: 1px solid rgba(149, 98, 15, .16);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 14px;
}

.wallet-balance span {
  display: block;
  color: var(--finance-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.wallet-balance strong {
  display: block;
  margin-top: 6px;
  color: var(--finance-text);
  font-size: 28px;
  letter-spacing: -.04em;
}

.compact-ledger-list {
  display: grid;
  gap: 8px;
}

.ledger-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid rgba(149, 98, 15, .13);
}

.ledger-item strong,
.ledger-item small {
  display: block;
}

.ledger-item strong {
  color: var(--finance-text);
  font-size: 14px;
}

.ledger-item small {
  color: var(--finance-muted);
  font-weight: 700;
  margin-top: 3px;
}

.ledger-item > span {
  font-weight: 900;
  color: var(--finance-text);
  white-space: nowrap;
}

.money-in { color: #15803d !important; }
.money-out { color: #b42318 !important; }

.finance-system-note {
  margin-bottom: 40px;
}

.rule-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.rule-grid span {
  background: #fff8e8;
  border: 1px solid rgba(149, 98, 15, .14);
  border-radius: 16px;
  padding: 12px;
  color: var(--finance-text);
  font-weight: 800;
  font-size: 13px;
}

.finance-modal {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, .28);
  backdrop-filter: blur(4px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
}

.finance-modal.open {
  display: flex;
}

.finance-modal-card {
  background: #fffdfa;
  border: 1px solid var(--finance-border);
  box-shadow: 0 28px 80px rgba(17, 24, 39, .22);
  border-radius: 26px;
  padding: 24px;
  width: min(660px, 96vw);
  max-height: 90vh;
  overflow: auto;
  display: grid;
  gap: 14px;
}

.finance-modal-card.compact-card {
  width: min(560px, 96vw);
}

.finance-modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 4px;
}

.finance-modal-head h3 {
  margin: 0;
  color: var(--finance-text);
  font-size: 24px;
}

.finance-modal-card label {
  display: grid;
  gap: 6px;
  color: var(--finance-gold);
  font-weight: 900;
  font-size: 13px;
}

.finance-modal-card input,
.finance-modal-card select,
.finance-modal-card textarea {
  width: 100%;
  border: 1px solid var(--finance-border);
  background: #fff;
  color: var(--finance-text);
  border-radius: 14px;
  padding: 12px 13px;
  font: inherit;
  font-weight: 700;
}

.finance-check {
  display: flex !important;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 10px !important;
  color: var(--finance-text) !important;
}

.finance-check input {
  width: auto;
}

.form-row.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
}

.icon-only-btn {
  border: 1px solid var(--finance-border);
  border-radius: 999px;
  width: 38px;
  height: 38px;
  background: #fff;
  color: var(--finance-text);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.empty-state.compact {
  padding: 16px;
  border-radius: 16px;
  font-size: 13px;
}

.empty-state.error {
  margin-bottom: 20px;
  color: #b42318;
}

@media (max-width: 1100px) {
  .finance-kpi-grid,
  .finance-grid-layout,
  .finance-grid-layout.three-column,
  .rule-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .finance-hero,
  .finance-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .finance-kpi-grid,
  .finance-grid-layout,
  .finance-grid-layout.three-column,
  .rule-grid,
  .form-row.two {
    grid-template-columns: 1fr;
  }
  .finance-main {
    padding-inline: 14px;
  }
}

/* v125 — role workspace access + client sub-account UI */
.user-module-page #clientWorkspaceMultiSelect {
  min-height: 136px;
  padding: 10px;
  border: 1px solid rgba(159, 119, 55, 0.26);
  border-radius: 14px;
  background: #fffdf8;
  color: #1f2937;
  font: inherit;
}
.user-module-page #clientWorkspaceMultiSelect option {
  padding: 8px 10px;
  border-radius: 8px;
}
.user-module-page #clientWorkspaceMultiSelect option:checked {
  background: linear-gradient(90deg, rgba(194, 145, 55, 0.18), rgba(194, 145, 55, 0.08));
}
.client-subaccount-section-v125 {
  border-top: 1px solid rgba(159, 119, 55, 0.14);
  padding-top: 14px;
}
.client-subaccount-form-v125 {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(159, 119, 55, 0.18);
  border-radius: 16px;
  background: rgba(255, 252, 245, 0.86);
}
.subaccount-name-grid-v125 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.client-permission-grid-v125 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(17, 24, 39, 0.06);
}
.client-permission-grid-v125 label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 12.5px;
  color: #4b5563;
}
.client-subaccount-list-v125 {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.client-subaccount-row-v125 {
  border: 1px solid rgba(159, 119, 55, 0.14);
  background: #fffdf8;
}
@media (max-width: 720px) {
  .subaccount-name-grid-v125,
  .client-permission-grid-v125 {
    grid-template-columns: 1fr;
  }
}

/* v130 — client-specific TeamSpace visibility and isolated workspace information */
.teamspace-trigger-v130[hidden],
.all-clients-teamspace-hidden-v130 #teamSpaceBtn {
  display: none !important;
}
.teamspace-trigger-v130 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(159, 119, 55, 0.24);
  background: #fffdf8;
  color: #7a541c;
  font-weight: 700;
}
.teamspace-trigger-v130::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm13 10v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm13 10v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center/contain no-repeat;
}
.teamspace-item-fields-v130 {
  grid-template-columns: minmax(110px, .72fr) minmax(180px, 1.2fr);
}
.teamspace-item-fields-v130 label:nth-child(3),
.teamspace-item-fields-v130 label:nth-child(4) {
  grid-column: 1 / -1;
}
.teamspace-type-group-v130 {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}
.teamspace-type-group-v130 h4 {
  margin: 0;
  padding: 0 2px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9f7737;
}
.teamspace-type-pill-v130,
.teamspace-status-pill-v130 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 700;
}
.teamspace-type-pill-v130 {
  padding: 5px 7px;
  color: #7a541c;
  background: rgba(194, 145, 55, .10);
  border: 1px solid rgba(194, 145, 55, .20);
}
.teamspace-status-pill-v130 {
  padding: 4px 6px;
  color: #6b7280;
  background: rgba(107, 114, 128, .08);
}
.teamspace-item-card-v130 .section-collapse-btn {
  gap: 8px;
}
.teamspace-item-card-v130 .section-summary-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teamspace-empty-state-v130 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.teamspace-empty-state-v130 span {
  padding: 9px 10px;
  border: 1px dashed rgba(159,119,55,.22);
  border-radius: 13px;
  color: #7a541c;
  background: rgba(255,253,248,.7);
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 720px) {
  .teamspace-item-fields-v130 {
    grid-template-columns: 1fr;
  }
  .teamspace-empty-state-v130 {
    grid-template-columns: 1fr;
  }
}

/* v131 Enterprise Communication Module */
.message-pro-header{align-items:flex-start;gap:18px}
.message-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.enterprise-message-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:16px;min-height:calc(100vh - 190px)}
.enterprise-chat-sidebar,.enterprise-chat-window,.enterprise-ai-panel{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:22px;box-shadow:0 16px 40px rgba(17,24,39,.06);overflow:hidden}
.enterprise-chat-sidebar{padding:14px;display:flex;flex-direction:column;gap:12px}
.enterprise-conversation{width:100%;border:0;background:transparent;border-radius:16px;padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;cursor:pointer;color:#111827;transition:.18s ease}
.enterprise-conversation:hover,.enterprise-conversation.active{background:#fff8e7;box-shadow:inset 0 0 0 1px rgba(177,132,37,.14)}
.enterprise-conversation .conversation-copy{min-width:0;display:grid;gap:2px}
.enterprise-conversation strong{font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enterprise-conversation small{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unread-pill{min-width:22px;height:22px;border-radius:999px;background:#b18425;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.enterprise-chat-window{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0}
.enterprise-chat-head{padding:14px 16px;border-bottom:1px solid rgba(17,24,39,.08);display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fffdf8}
.enterprise-chat-head strong{display:block;font-size:15px;color:#111827}
.enterprise-chat-head small{display:block;color:#6b7280;font-size:12px;margin-top:2px}.chat-actions{display:flex;gap:8px;flex-wrap:wrap}
.live-status-row{min-height:24px;padding:4px 16px;color:#b18425;font-size:12px;font-weight:600;background:#fffbeb}
.enterprise-chat-thread{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#fff,#fffaf0)}
.enterprise-chat-compose{padding:12px;border-top:1px solid rgba(17,24,39,.08);display:grid;grid-template-columns:auto 1fr auto;gap:10px;background:#fff}
.enterprise-chat-compose input[type="text"],.enterprise-chat-compose input:not([type]){width:100%}
.chat-bubble{max-width:min(560px,82%);padding:11px 12px;border-radius:18px;background:#fff;border:1px solid rgba(17,24,39,.08);box-shadow:0 8px 18px rgba(17,24,39,.04)}
.chat-bubble.incoming{align-self:flex-start;border-top-left-radius:6px}.chat-bubble.outgoing{align-self:flex-end;border-top-right-radius:6px;background:#fff6df;border-color:rgba(177,132,37,.22)}
.chat-bubble small{display:block;margin-bottom:4px;color:#6b7280;font-size:11px;font-weight:700}.chat-bubble p{margin:0;color:#111827;font-size:13px;line-height:1.45}.chat-bubble blockquote{margin:0 0 8px;padding:6px 8px;border-left:3px solid #b18425;background:rgba(177,132,37,.08);border-radius:8px;color:#6b7280;font-size:12px}.message-file{display:inline-flex;margin-top:8px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid rgba(17,24,39,.1);color:#8a6417;font-size:12px;text-decoration:none}.message-meta{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.message-meta button,.reaction-chip{border:1px solid rgba(17,24,39,.08);background:#fff;border-radius:999px;padding:3px 7px;font-size:11px;color:#6b7280;cursor:pointer}.enterprise-ai-panel{padding:16px;display:flex;flex-direction:column;gap:12px}.enterprise-ai-panel h3{margin:0;color:#8a6417;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.enterprise-ai-panel select{width:100%;height:38px;border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:0 10px;background:#fff;color:#111827}.assistant-output{min-height:160px;border-radius:16px;border:1px solid rgba(177,132,37,.18);background:#fffcf4;color:#374151;padding:12px;font-size:13px;line-height:1.5;white-space:pre-wrap}.meeting-list{border-top:1px solid rgba(17,24,39,.08);padding-top:12px}.meeting-item{padding:10px;border-radius:12px;background:#f9fafb;margin-top:8px}.meeting-item strong{display:block;color:#111827;font-size:13px}.meeting-item small,.meeting-empty{display:block;color:#6b7280;font-size:12px;margin-top:3px}
@media (max-width:1180px){.enterprise-message-shell{grid-template-columns:260px minmax(0,1fr)}.enterprise-ai-panel{grid-column:1/-1}}
@media (max-width:760px){.enterprise-message-shell{grid-template-columns:1fr}.enterprise-chat-sidebar,.enterprise-ai-panel{min-height:auto}.enterprise-chat-compose{grid-template-columns:1fr}.enterprise-chat-compose .small-btn,.enterprise-chat-compose .primary-btn{width:100%}.chat-bubble{max-width:100%}}

/* v133 — Team Member focused execution dashboard + Employment Center */
html body.team-member-dashboard-v133,
html body.employment-center-page-v133 {
  background: #f7f2e8;
  color: #111827;
}

html body.team-member-shell-v133 .top-taskbar.linkedin-style-taskbar {
  border-bottom: 1px solid rgba(157, 126, 69, .18);
}

html body.team-member-shell-v133 .top-nav-links.icon-nav-links a,
html body.team-member-shell-v133 .top-nav-links.icon-nav-links button {
  white-space: nowrap;
}

.top-mini-action {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b5a37;
  border: 1px solid rgba(157, 126, 69, .20);
  background: rgba(255, 255, 255, .72);
  text-decoration: none;
}
.top-mini-action svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.top-mini-action:hover { background: #fffaf0; color: #3f321d; }

.team-member-main-v133,
.employment-main-v133 {
  display: grid;
  gap: 18px;
}

.team-hero-v133 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: linear-gradient(135deg, #fffdf8, #fff8e7);
  border: 1px solid rgba(157, 126, 69, .20);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 14px 30px rgba(65, 48, 18, .06);
}
.team-hero-v133 h1 { margin: 4px 0 6px; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.04em; color: #111827; }
.team-hero-v133 .muted { max-width: 780px; }
.team-hero-actions-v133 { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

.team-kpi-grid-v133 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.team-kpi-grid-v133 article {
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fffdf8;
  border: 1px solid rgba(157, 126, 69, .18);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(65, 48, 18, .045);
}
.team-kpi-grid-v133 span { font-size: 12px; font-weight: 800; color: #7b6b4a; text-transform: uppercase; letter-spacing: .08em; }
.team-kpi-grid-v133 strong { margin-top: 8px; font-size: 30px; line-height: 1; color: #111827; letter-spacing: -.05em; }
.team-kpi-grid-v133 small { margin-top: 6px; color: #8a806f; font-size: 12px; }
.employment-kpis-v133 article strong { font-size: 24px; }

.team-quick-actions-v133 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  background: rgba(255, 255, 255, .70);
  border: 1px solid rgba(157, 126, 69, .16);
  border-radius: 18px;
  padding: 10px;
}
.team-quick-actions-v133 a,
.team-quick-actions-v133 button {
  border: 1px solid rgba(157, 126, 69, .24);
  background: #fffdf8;
  color: #4d3c18;
  border-radius: 14px;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.team-quick-actions-v133 a:hover,
.team-quick-actions-v133 button:hover { background: #fff4d7; }

.team-section-grid-v133 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.team-panel-v133 {
  background: #fffdf8;
  border: 1px solid rgba(157, 126, 69, .18);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(65, 48, 18, .05);
}
.team-panel-v133 .panel-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.team-panel-v133 .panel-head h3 { margin-top: 3px; }
.team-panel-v133 select,
.team-panel-v133 input,
.team-panel-v133 textarea {
  border: 1px solid rgba(157, 126, 69, .24);
  border-radius: 14px;
  background: #fff;
  color: #111827;
  min-height: 40px;
}

.team-client-list-v133,
.team-list-v133,
.team-task-grid-v133 {
  display: grid;
  gap: 10px;
}
.team-client-card-v133,
.team-list-item-v133,
.team-task-card-v133 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(157, 126, 69, .16);
  background: #fffaf0;
  border-radius: 16px;
  padding: 13px;
  text-decoration: none;
  color: inherit;
}
.team-client-card-v133 strong,
.team-list-item-v133 strong,
.team-task-card-v133 strong { display: block; color: #111827; font-size: 14px; line-height: 1.25; }
.team-client-card-v133 small,
.team-list-item-v133 small,
.team-task-card-v133 small { display: block; color: #7b756a; font-size: 12px; margin-top: 3px; }
.team-list-item-v133 em,
.team-task-top-v133 span {
  flex: 0 0 auto;
  border: 1px solid rgba(157, 126, 69, .20);
  background: #fff;
  color: #7b5a16;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.team-client-actions-v133 { display: inline-flex; gap: 8px; align-items: center; }
.team-client-actions-v133 a {
  border: 1px solid rgba(157, 126, 69, .24);
  background: #fff;
  color: #5c481f;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.team-client-actions-v133 a:hover { background: #fff4d7; }

.team-panel-toolbar-v133 { align-items: flex-end !important; }
.team-filter-row-v133 { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.team-filter-row-v133 input { width: min(260px, 45vw); }
.team-filter-row-v133 select { width: 170px; }
.team-task-grid-v133 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.team-task-card-v133 { display: block; }
.team-task-top-v133 { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.team-task-card-v133 p { margin: 10px 0; color: #6b7280; font-size: 13px; line-height: 1.45; }
.team-task-meta-v133 { display: flex; gap: 8px; flex-wrap: wrap; }
.team-task-meta-v133 small { border: 1px solid rgba(157, 126, 69, .14); background: #fff; border-radius: 999px; padding: 4px 8px; }

.team-empty-v133 {
  border: 1px dashed rgba(157, 126, 69, .25);
  background: #fffaf0;
  color: #8a806f;
  border-radius: 16px;
  padding: 18px;
  font-size: 13px;
  text-align: center;
}

.compact-request-form-v133 {
  display: grid;
  gap: 10px;
}
.compact-request-form-v133 label {
  display: grid;
  gap: 6px;
  color: #6b5a37;
  font-size: 12px;
  font-weight: 800;
}
.request-card-v133 .primary-btn { width: 100%; justify-content: center; }
.compact-history-v133 { margin-top: 14px; }

.employment-grid-v133 { align-items: start; }
.employment-summary-v133 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.employment-summary-v133 div {
  border: 1px solid rgba(157, 126, 69, .16);
  background: #fffaf0;
  border-radius: 16px;
  padding: 14px;
}
.employment-summary-v133 span { display: block; color: #7b6b4a; font-size: 12px; font-weight: 800; }
.employment-summary-v133 strong { display: block; margin-top: 6px; color: #111827; }

@media (max-width: 1180px) {
  .team-kpi-grid-v133 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .team-task-grid-v133 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .team-hero-v133,
  .team-panel-toolbar-v133 { align-items: flex-start; flex-direction: column; }
  .team-section-grid-v133,
  .team-task-grid-v133 { grid-template-columns: 1fr; }
  .team-kpi-grid-v133 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-filter-row-v133,
  .team-filter-row-v133 input,
  .team-filter-row-v133 select { width: 100%; }
}
@media (max-width: 560px) {
  .team-kpi-grid-v133 { grid-template-columns: 1fr; }
  .team-client-card-v133,
  .team-list-item-v133 { align-items: flex-start; flex-direction: column; }
}

/* v136 — Team Member exact role workspace: Home-only dashboard + clean role navigation */
html body.team-member-dashboard-v136 {
  background: #f7f2e8;
  color: #111827;
}
html body.team-member-shell-v136 .top-taskbar.linkedin-style-taskbar {
  border-bottom: 1px solid rgba(157, 126, 69, .18);
}
html body.team-member-shell-v136 .top-nav-links.icon-nav-links {
  gap: 8px;
}
html body.team-member-shell-v136 .top-nav-links.icon-nav-links a,
html body.team-member-shell-v136 .top-nav-links.icon-nav-links button {
  white-space: nowrap;
}
.team-member-main-v136 {
  display: grid;
  gap: 18px;
}
.team-home-hero-v136 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: linear-gradient(135deg, #fffdf8, #fff8e7);
  border: 1px solid rgba(157, 126, 69, .20);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 14px 30px rgba(65, 48, 18, .06);
}
.team-home-hero-v136 h1 {
  margin: 4px 0 8px;
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: -.05em;
  color: #111827;
  line-height: .98;
}
.team-home-hero-v136 .muted { max-width: 780px; }
.team-home-actions-v136 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.team-home-summary-v136 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.team-home-summary-v136 article {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fffdf8;
  border: 1px solid rgba(157, 126, 69, .18);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(65, 48, 18, .045);
}
.team-home-summary-v136 span,
.team-home-panel-v136 .eyebrow,
.panel-head-v136 .eyebrow {
  font-size: 12px;
  font-weight: 800;
  color: #7b6b4a;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.team-home-summary-v136 strong {
  margin-top: 8px;
  font-size: 30px;
  line-height: 1;
  color: #111827;
  letter-spacing: -.05em;
}
.team-home-summary-v136 small { margin-top: 6px; color: #8a806f; font-size: 12px; }
.team-quick-actions-v136 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  background: rgba(255, 255, 255, .70);
  border: 1px solid rgba(157, 126, 69, .16);
  border-radius: 18px;
  padding: 10px;
}
.team-quick-actions-v136 a {
  border: 1px solid rgba(157, 126, 69, .24);
  background: #fffdf8;
  color: #4d3c18;
  border-radius: 14px;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.team-quick-actions-v136 a:hover { background: #fff4d7; }
.team-home-grid-v136 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.team-home-panel-v136 {
  background: #fffdf8;
  border: 1px solid rgba(157, 126, 69, .18);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(65, 48, 18, .05);
}
.quick-summary-panel-v136 { grid-column: 1 / -1; }
.panel-head-v136 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.panel-head-v136 h2 {
  margin: 3px 0 0;
  font-size: 20px;
  letter-spacing: -.03em;
  color: #111827;
}
.panel-head-v136 select {
  border: 1px solid rgba(157, 126, 69, .24);
  border-radius: 14px;
  background: #fff;
  color: #111827;
  min-height: 40px;
  padding: 0 12px;
  font-weight: 650;
}
.team-list-v136 {
  display: grid;
  gap: 10px;
}
.team-item-v136 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(157, 126, 69, .16);
  background: #fffaf0;
  border-radius: 16px;
  padding: 13px;
  text-decoration: none;
  color: inherit;
}
.team-item-v136 strong { display: block; color: #111827; font-size: 14px; line-height: 1.25; }
.team-item-v136 small { display: block; color: #7b756a; font-size: 12px; margin-top: 3px; }
.team-item-v136 em {
  flex: 0 0 auto;
  border: 1px solid rgba(157, 126, 69, .20);
  background: #fff;
  color: #7b5a16;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.team-item-actions-v136 { display: inline-flex; gap: 8px; align-items: center; }
.team-item-actions-v136 a {
  border: 1px solid rgba(157, 126, 69, .24);
  background: #fff;
  color: #5c481f;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.team-item-actions-v136 a:hover { background: #fff4d7; }
.team-empty-v136 {
  border: 1px dashed rgba(157, 126, 69, .25);
  background: #fffaf0;
  color: #8a806f;
  border-radius: 16px;
  padding: 18px;
  font-size: 13px;
  text-align: center;
}
.team-activity-grid-v136 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.team-activity-grid-v136 div {
  border: 1px solid rgba(157, 126, 69, .16);
  background: #fffaf0;
  border-radius: 16px;
  padding: 14px;
}
.team-activity-grid-v136 span { display: block; color: #7b6b4a; font-size: 12px; font-weight: 800; }
.team-activity-grid-v136 strong { display: block; margin-top: 6px; color: #111827; font-size: 16px; line-height: 1.25; }
@media (max-width: 1180px) {
  .team-home-summary-v136 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .team-activity-grid-v136 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .team-home-hero-v136,
  .panel-head-v136 { align-items: flex-start; flex-direction: column; }
  .team-home-grid-v136 { grid-template-columns: 1fr; }
  .team-home-summary-v136 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .panel-head-v136 select { width: 100%; }
}
@media (max-width: 560px) {
  .team-home-summary-v136,
  .team-activity-grid-v136 { grid-template-columns: 1fr; }
  .team-item-v136 { align-items: flex-start; flex-direction: column; }
}


/* v137 — Role-safe Team Member exact workspace UI */
html body.team-member-dashboard-v137 {
  background: #f7f2e8;
  color: #111827;
}
html body.team-member-shell-v137 .top-taskbar.linkedin-style-taskbar {
  border-bottom: 1px solid rgba(157, 126, 69, .18);
}
html body.team-member-shell-v137 .top-nav-links.icon-nav-links {
  gap: 8px;
}
html body.team-member-shell-v137 .top-nav-links.icon-nav-links a,
html body.team-member-shell-v137 .top-nav-links.icon-nav-links button {
  white-space: nowrap;
}
.team-member-main-v137 {
  display: grid;
  gap: 18px;
}
.team-home-hero-v137 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: linear-gradient(135deg, #fffdf8, #fff8e7);
  border: 1px solid rgba(157, 126, 69, .20);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 14px 30px rgba(65, 48, 18, .06);
}
.team-home-hero-v137 h1 {
  margin: 4px 0 8px;
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: -.05em;
  color: #111827;
  line-height: .98;
}
.team-home-hero-v137 .muted { max-width: 780px; }
.team-home-actions-v137 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.team-home-summary-v137 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.team-home-summary-v137 article {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fffdf8;
  border: 1px solid rgba(157, 126, 69, .18);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(65, 48, 18, .045);
}
.team-home-summary-v137 span,
.team-home-panel-v137 .eyebrow,
.panel-head-v137 .eyebrow {
  font-size: 12px;
  font-weight: 800;
  color: #7b6b4a;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.team-home-summary-v137 strong {
  margin-top: 8px;
  font-size: 30px;
  line-height: 1;
  color: #111827;
  letter-spacing: -.05em;
}
.team-home-summary-v137 small { margin-top: 6px; color: #8a806f; font-size: 12px; }
.team-quick-actions-v137 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  background: rgba(255, 255, 255, .70);
  border: 1px solid rgba(157, 126, 69, .16);
  border-radius: 18px;
  padding: 10px;
}
.team-quick-actions-v137 a {
  border: 1px solid rgba(157, 126, 69, .24);
  background: #fffdf8;
  color: #4d3c18;
  border-radius: 14px;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.team-quick-actions-v137 a:hover { background: #fff4d7; }
.team-home-grid-v137 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.team-home-panel-v137 {
  background: #fffdf8;
  border: 1px solid rgba(157, 126, 69, .18);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(65, 48, 18, .05);
}
.quick-summary-panel-v137 { grid-column: 1 / -1; }
.panel-head-v137 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.panel-head-v137 h2 {
  margin: 3px 0 0;
  font-size: 20px;
  letter-spacing: -.03em;
  color: #111827;
}
.panel-head-v137 select {
  border: 1px solid rgba(157, 126, 69, .24);
  border-radius: 14px;
  background: #fff;
  color: #111827;
  min-height: 40px;
  padding: 0 12px;
  font-weight: 650;
}
.team-list-v137 {
  display: grid;
  gap: 10px;
}
.team-item-v137 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(157, 126, 69, .16);
  background: #fffaf0;
  border-radius: 16px;
  padding: 13px;
  text-decoration: none;
  color: inherit;
}
.team-item-v137 strong { display: block; color: #111827; font-size: 14px; line-height: 1.25; }
.team-item-v137 small { display: block; color: #7b756a; font-size: 12px; margin-top: 3px; }
.team-item-v137 em {
  flex: 0 0 auto;
  border: 1px solid rgba(157, 126, 69, .20);
  background: #fff;
  color: #7b5a16;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.team-item-actions-v137 { display: inline-flex; gap: 8px; align-items: center; }
.team-item-actions-v137 a {
  border: 1px solid rgba(157, 126, 69, .24);
  background: #fff;
  color: #5c481f;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.team-item-actions-v137 a:hover { background: #fff4d7; }
.team-empty-v137 {
  border: 1px dashed rgba(157, 126, 69, .25);
  background: #fffaf0;
  color: #8a806f;
  border-radius: 16px;
  padding: 18px;
  font-size: 13px;
  text-align: center;
}
.team-activity-grid-v137 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.team-activity-grid-v137 div {
  border: 1px solid rgba(157, 126, 69, .16);
  background: #fffaf0;
  border-radius: 16px;
  padding: 14px;
}
.team-activity-grid-v137 span { display: block; color: #7b6b4a; font-size: 12px; font-weight: 800; }
.team-activity-grid-v137 strong { display: block; margin-top: 6px; color: #111827; font-size: 16px; line-height: 1.25; }
@media (max-width: 1180px) {
  .team-home-summary-v137 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .team-activity-grid-v137 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .team-home-hero-v137,
  .panel-head-v137 { align-items: flex-start; flex-direction: column; }
  .team-home-grid-v137 { grid-template-columns: 1fr; }
  .team-home-summary-v137 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .panel-head-v137 select { width: 100%; }
}
@media (max-width: 560px) {
  .team-home-summary-v137,
  .team-activity-grid-v137 { grid-template-columns: 1fr; }
  .team-item-v137 { align-items: flex-start; flex-direction: column; }
}


/* v137 — role separation repair */
html body.team-member-shell-v137 .top-nav-links.icon-nav-links { gap: 8px; }
html body.team-member-shell-v137 .top-nav-links.icon-nav-links .nav-label { display: inline !important; max-width: none !important; opacity: 1 !important; visibility: visible !important; }
html body.team-member-shell-v137 .top-nav-links.icon-nav-links a,
html body.team-member-shell-v137 .top-nav-links.icon-nav-links button { width: auto !important; min-width: 44px; padding-inline: 12px !important; gap: 7px; }
html body:not(.team-member-shell-v137) .top-nav-links.icon-nav-links .nav-label { }

.assigned-clients-panel-v137{}


/* v139 — Role-scoped client visibility + universal profile picture settings */
.settings-profile-photo-row {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px;
  margin-bottom: 14px;
  border: 1px solid rgba(180, 126, 33, 0.22);
  border-radius: 18px;
  background: rgba(255, 248, 235, 0.72);
}
.settings-profile-photo {
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #8A5B08;
  background: #fffaf0;
  border: 2px solid rgba(180, 126, 33, 0.26);
  font-weight: 800;
  font-size: 24px;
  box-shadow: 0 12px 26px rgba(112, 79, 12, 0.10);
}
.settings-profile-photo img,
.profile-avatar img,
.access-avatar img,
.editor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile-photo-upload-btn {
  display: inline-flex;
  margin-top: 10px;
  cursor: pointer;
}
@media (max-width: 720px) {
  .settings-profile-photo-row { align-items: flex-start; }
  .settings-profile-photo { width: 68px; height: 68px; flex-basis: 68px; }
}

/* v141 WhatsApp-style Enterprise Messages UI */
.messages-page{background:#f7f2e8!important;overflow:hidden}.messages-page .message-main{max-width:none!important;width:100%;padding:0!important;margin:0!important;height:calc(100vh - 72px)}.wa-shell-v141{height:calc(100vh - 78px);display:grid;grid-template-columns:334px minmax(0,1fr)356px;background:#fff;border-top:1px solid #e7dcc8;color:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wa-sidebar-v141{background:#fff;border-right:1px solid #ece4d5;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0}.wa-sidebar-head-v141{height:72px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #ece4d5}.wa-sidebar-head-v141 h1{margin:0;font-size:20px;font-weight:800;color:#15110b;letter-spacing:-.02em}.wa-search-v141{height:58px;display:grid;grid-template-columns:20px minmax(0,1fr)34px;align-items:center;gap:10px;padding:10px 14px}.wa-search-v141 svg,.wa-icon-btn-v141 svg,.wa-compose-icon-v141 svg,.wa-send-v141 svg,.wa-detail-list-v141 svg,.wa-add-members-v141 svg,.wa-message-hover-v141 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wa-search-v141 input{height:40px;width:100%;border:0;outline:0;border-radius:14px;background:#f9fafb;color:#111827;font-size:13px;font-weight:500;padding:0 4px}.wa-search-v141{background:#fff}.wa-search-v141:has(input:focus){box-shadow:inset 0 -1px 0 rgba(177,132,37,.16)}.wa-tabs-v141{display:flex;align-items:center;gap:10px;padding:0 14px 8px;border-bottom:1px solid #f0e7d8}.wa-tabs-v141 button{position:relative;border:0;background:transparent;color:#4b5563;font-size:13px;font-weight:700;padding:10px 4px;cursor:pointer}.wa-tabs-v141 button.active{color:#d0a400}.wa-tabs-v141 button.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#f2c500;border-radius:999px}.wa-tabs-v141 button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:999px;background:#ffc400;color:#fff;font-size:10px}.wa-conversation-list-v141{overflow:auto;padding:8px 0 16px}.wa-conversation-v141{width:100%;border:0;background:#fff;display:grid;grid-template-columns:50px minmax(0,1fr)auto;gap:10px;align-items:center;text-align:left;padding:12px 14px;color:#111827;cursor:pointer;transition:.16s ease}.wa-conversation-v141:hover,.wa-conversation-v141.active{background:#fff9e9}.wa-conversation-copy-v141{display:grid;gap:4px;min-width:0}.wa-conversation-copy-v141 strong{display:block;font-size:13px;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conversation-copy-v141 small{display:block;font-size:12px;font-weight:500;color:#111827;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conversation-meta-v141{display:grid;justify-items:end;gap:8px;min-width:42px}.wa-conversation-meta-v141 time{font-size:11px;color:#6b7280;white-space:nowrap}.wa-conversation-meta-v141 b{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#ffc400;color:#fff;font-size:11px;box-shadow:0 3px 10px rgba(255,196,0,.28)}.wa-avatar-v141{display:inline-grid;place-items:center;border-radius:50%;background:#f3e8d1;color:#8a6411;font-size:11px;font-weight:800;overflow:hidden;box-shadow:0 0 0 2px #fff;text-transform:uppercase}.wa-avatar-v141.xs{width:34px;height:34px}.wa-avatar-v141.sm{width:42px;height:42px}.wa-avatar-v141.md{width:48px;height:48px}.wa-avatar-v141 img{width:100%;height:100%;object-fit:cover}.wa-avatar-stack-v141{display:flex;align-items:center;min-width:48px}.wa-avatar-stack-v141 .wa-avatar-v141+ .wa-avatar-v141{margin-left:-14px}.wa-avatar-stack-v141.md{min-width:58px}.wa-avatar-stack-v141.lg{justify-content:center;min-width:118px}.wa-avatar-stack-v141.lg .wa-avatar-v141{width:46px;height:46px}.wa-chat-v141{min-width:0;display:grid;grid-template-rows:72px 24px minmax(0,1fr)84px;background:#fff}.wa-chat-head-v141{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 20px;border-bottom:1px solid #ece4d5;background:#fff}.wa-chat-title-v141{display:flex;align-items:center;gap:12px;min-width:0}.wa-chat-title-v141 strong{display:block;font-size:15px;font-weight:850;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-title-v141 small{display:block;margin-top:2px;font-size:12px;font-weight:500;color:#6b7280}.wa-chat-actions-v141{display:flex;align-items:center;gap:12px;color:#5d5548}.wa-icon-btn-v141{width:36px;height:36px;border:0;border-radius:12px;background:transparent;color:#5d5548;display:grid;place-items:center;cursor:pointer;transition:.16s ease}.wa-icon-btn-v141:hover{background:#fff6df;color:#8a6411}.wa-menu-wrap-v141{position:relative}.wa-chat-menu-v141{position:absolute;right:0;top:42px;width:96px;display:none;background:#fff7c2;border:1px solid #1f2937;border-radius:3px;box-shadow:0 12px 30px rgba(17,24,39,.2);padding:5px;z-index:50}.wa-chat-menu-v141.open{display:grid}.wa-chat-menu-v141 button{border:0;background:transparent;text-align:left;color:#111827;font-size:13px;font-weight:600;padding:2px 6px;line-height:1.1;cursor:pointer}.wa-chat-menu-v141 button:hover{background:rgba(0,0,0,.08)}.wa-typing-v141{height:24px;padding:3px 24px;color:#8a6411;font-size:12px;font-weight:700;background:#fff}.wa-thread-v141{position:relative;overflow:auto;padding:18px 24px 24px;background:linear-gradient(180deg,#fff,#fffcf5)}.wa-day-pill-v141{width:max-content;margin:0 auto 16px;padding:7px 14px;border-radius:999px;background:#f8f4eb;color:#111827;font-size:12px;font-weight:700}.wa-message-row-v141{display:flex;align-items:flex-start;gap:10px;margin:10px 0}.wa-message-row-v141.outgoing{justify-content:flex-end}.wa-bubble-v141{position:relative;max-width:min(560px,72%);padding:13px 14px 9px;border:1px solid #eee2cc;background:#fff;border-radius:15px;box-shadow:0 8px 24px rgba(17,24,39,.04)}.wa-message-row-v141.incoming .wa-bubble-v141{border-top-left-radius:4px}.wa-message-row-v141.outgoing .wa-bubble-v141{background:#fff4d9;border-color:#f2dfb0;border-top-right-radius:4px}.wa-message-sender-v141{display:block;font-size:12px;font-weight:800;color:#d0a400;margin-bottom:5px}.wa-bubble-v141 p{margin:0;font-size:13px;line-height:1.55;color:#111827;font-weight:500}.wa-bubble-v141 blockquote{margin:0 0 8px;padding:7px 10px;border-left:3px solid #d0a400;background:#fffaeb;border-radius:8px;color:#6b7280;font-size:12px}.wa-message-footer-v141{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;color:#6b7280;font-size:11px}.wa-checks-v141{color:#d0a400;font-weight:900}.wa-message-hover-v141{position:absolute;right:8px;top:-17px;display:none;gap:3px;padding:3px;border-radius:999px;background:#fff;border:1px solid #eee2cc;box-shadow:0 8px 20px rgba(17,24,39,.08)}.wa-bubble-v141:hover .wa-message-hover-v141{display:flex}.wa-message-hover-v141 button{width:25px;height:25px;border:0;background:transparent;border-radius:50%;color:#6b7280;display:grid;place-items:center;cursor:pointer}.wa-message-hover-v141 button:hover{background:#fff6df;color:#8a6411}.wa-message-hover-v141 svg{width:14px;height:14px}.wa-reactions-v141{position:absolute;left:14px;bottom:-16px;display:flex;gap:4px}.wa-reactions-v141 button{min-height:24px;border:1px solid #eee2cc;background:#fff;border-radius:999px;padding:2px 8px;color:#111827;font-size:12px;box-shadow:0 4px 10px rgba(17,24,39,.05);cursor:pointer}.wa-file-card-v141{display:grid;grid-template-columns:44px minmax(0,1fr)22px;align-items:center;gap:10px;margin-top:10px;padding:10px;border:1px solid #eee2cc;border-radius:12px;background:#fff;text-decoration:none;color:#111827}.wa-file-card-v141 strong{display:block;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-file-card-v141 small{display:block;font-size:11px;color:#6b7280}.wa-file-badge-v141{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ef4444;color:#fff;font-size:10px;font-weight:900}.wa-image-attachment-v141{display:block;margin-top:10px;max-width:260px;border-radius:12px;overflow:hidden;border:1px solid #eee2cc}.wa-image-attachment-v141 img{display:block;width:100%;height:auto}.wa-empty-thread-v141,.wa-empty-v141{padding:24px;text-align:center;color:#6b7280;font-size:13px}.wa-compose-v141{height:84px;display:grid;grid-template-columns:40px 34px 34px 34px 34px minmax(0,1fr)34px 44px;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid #ece4d5;background:#fff}.wa-compose-v141 input[type="text"]{height:52px;border:1px solid #eee2cc;border-radius:18px;background:#fff;color:#111827;font-size:13px;font-weight:500;padding:0 16px;outline:0}.wa-compose-v141 input[type="text"]:focus{border-color:#d0a400;box-shadow:0 0 0 3px rgba(208,164,0,.12)}.wa-compose-icon-v141,.wa-send-v141{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:#5d5548;background:transparent;cursor:pointer}.wa-compose-icon-v141.yellow,.wa-send-v141{background:#ffc400;color:#fff;box-shadow:0 8px 18px rgba(255,196,0,.28)}.wa-compose-icon-v141:hover{background:#fff6df;color:#8a6411}.wa-send-v141:hover{filter:brightness(.96)}.wa-details-v141{background:#fff;border-left:1px solid #ece4d5;overflow:auto}.wa-details-head-v141{text-align:center;padding:34px 20px 18px;border-bottom:1px solid #f2eadc}.wa-details-head-v141 h2{margin:14px 0 3px;color:#111827;font-size:18px;font-weight:850}.wa-details-head-v141 p{margin:0;color:#6b7280;font-size:12px;font-weight:600}.wa-details-section-v141{padding:0 22px 18px;border-bottom:1px solid #f2eadc}.wa-detail-link-v141{position:relative;border:0;background:transparent;padding:14px 0 8px;color:#111827;font-size:13px;font-weight:800;cursor:pointer}.wa-detail-link-v141.active:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:#ffc400;border-radius:999px}.wa-details-section-v141 p{margin:8px 0 0;color:#111827;font-size:13px;line-height:1.5}.wa-detail-list-v141{display:grid;border-bottom:1px solid #f2eadc}.wa-detail-list-v141 button{height:44px;border:0;background:#fff;display:grid;grid-template-columns:minmax(0,1fr)auto 18px;align-items:center;gap:10px;text-align:left;padding:0 22px;color:#111827;cursor:pointer}.wa-detail-list-v141 button:hover{background:#fff9e9}.wa-detail-list-v141 span{font-size:13px;font-weight:750}.wa-detail-list-v141 b{font-size:12px;color:#6b7280}.wa-detail-list-v141 svg{width:16px;height:16px;color:#6b7280}.wa-members-v141{padding:20px 22px}.wa-members-v141 h3{margin:0 0 14px;font-size:13px;font-weight:850;color:#111827}.wa-add-members-v141,.wa-view-members-v141{width:100%;min-height:42px;border:0;background:transparent;color:#d0a400;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;cursor:pointer;text-align:left}.wa-add-members-v141 svg{width:20px;height:20px}.wa-member-list-v141{display:grid;gap:11px;margin-top:12px}.wa-member-v141{display:grid;grid-template-columns:34px minmax(0,1fr)8px;align-items:center;gap:11px}.wa-member-v141 strong{display:block;font-size:13px;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-member-v141 small{display:block;font-size:11px;color:#6b7280;margin-top:2px}.wa-member-v141 i{width:8px;height:8px;border-radius:50%;background:#22c55e}.wa-view-members-v141{justify-content:center;margin-top:12px;color:#b18425}.wa-no-chat-v141{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;color:#6b7280}.wa-no-chat-v141 div{width:74px;height:74px;border-radius:24px;background:#fff6df;color:#8a6411;display:grid;place-items:center;margin-bottom:18px}.wa-no-chat-v141 svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2}.wa-no-chat-v141 h2{margin:0 0 8px;color:#111827;font-size:24px}.wa-no-chat-v141 p{max-width:420px;margin:0 0 20px}.wa-primary-v141,.wa-outline-v141,.wa-danger-v141{min-height:42px;border-radius:14px;padding:0 18px;border:1px solid #d7b46d;font-weight:850;cursor:pointer}.wa-primary-v141{background:#9a6a09;color:#fff}.wa-outline-v141{background:#fff;color:#8a6411}.wa-danger-v141{background:#b42318;border-color:#b42318;color:#fff}.wa-modal-v141{position:fixed;inset:0;background:rgba(17,24,39,.32);z-index:200000;display:grid;place-items:center;padding:20px}.wa-modal-v141[hidden]{display:none}.wa-modal-card-v141{width:min(460px,100%);background:#fff;border:1px solid #ead7ad;border-radius:22px;box-shadow:0 30px 100px rgba(17,24,39,.22);padding:18px;display:grid;gap:14px}.wa-modal-card-v141 header,.wa-modal-card-v141 footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-modal-card-v141 h2{margin:0;color:#111827;font-size:18px}.wa-modal-card-v141 header button{border:0;background:transparent;color:#6b7280;cursor:pointer}.wa-modal-card-v141 header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.wa-modal-card-v141 label{display:grid;gap:7px;color:#6b7280;font-size:12px;font-weight:800}.wa-modal-card-v141 input,.wa-modal-card-v141 textarea,.wa-modal-card-v141 select{width:100%;border:1px solid #ead7ad;border-radius:12px;min-height:42px;padding:8px 11px;font:inherit;color:#111827;background:#fff}.wa-call-layer-v141{position:fixed;inset:0;z-index:180000;background:rgba(17,24,39,.38);display:grid;place-items:center}.wa-call-card-v141{width:min(380px,calc(100vw - 32px));background:#fff;border-radius:28px;border:1px solid #ead7ad;box-shadow:0 28px 90px rgba(17,24,39,.26);padding:30px;text-align:center}.wa-call-pulse-v141{width:76px;height:76px;border-radius:50%;background:#fff6df;color:#8a6411;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 0 0 12px rgba(255,196,0,.12)}.wa-call-pulse-v141 svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}.wa-call-card-v141 h2{margin:0 0 6px;color:#111827}.wa-call-card-v141 p{margin:0 0 20px;color:#6b7280}.wa-call-actions-v141{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.wa-local-toast-v141{position:fixed;right:24px;bottom:24px;z-index:999999;background:#111827;color:#fff;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:700;box-shadow:0 18px 45px rgba(17,24,39,.24);opacity:0;transform:translateY(10px);transition:.2s ease}.wa-local-toast-v141.show{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.wa-shell-v141{grid-template-columns:300px minmax(0,1fr)}.wa-details-v141{display:none}.wa-bubble-v141{max-width:82%}}@media(max-width:780px){.messages-page{overflow:auto}.messages-page .message-main{height:auto}.wa-shell-v141{height:auto;min-height:calc(100vh - 78px);grid-template-columns:1fr}.wa-sidebar-v141{min-height:320px}.wa-chat-v141{min-height:620px}.wa-compose-v141{grid-template-columns:36px 36px 36px minmax(0,1fr)42px}.wa-compose-v141 #imagePickBtn,.wa-compose-v141 #docPickBtn,.wa-compose-v141 #voiceNoteBtn{display:none}.wa-bubble-v141{max-width:88%}}


/* V142 — Messages About Panel Trigger Behavior
   Right-side conversation details panel is hidden by default and appears only
   after selecting the 3-dot menu > About. */
.wa-shell-v141.details-closed{
  grid-template-columns:334px minmax(0,1fr)!important;
}
.wa-shell-v141.details-open{
  grid-template-columns:334px minmax(0,1fr)356px!important;
}
.wa-details-v141.collapsed{
  display:none!important;
}
.wa-details-v141.open{
  display:block!important;
}
.wa-details-head-v141{
  position:relative;
}
.wa-details-close-v142{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border:0;
  border-radius:12px;
  background:#fff7e5;
  color:#8a6411;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.16s ease;
}
.wa-details-close-v142:hover{
  background:#f6e4b8;
  color:#6f4b05;
}
.wa-details-close-v142 svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:1180px){
  .wa-shell-v141.details-open,
  .wa-shell-v141.details-closed{grid-template-columns:300px minmax(0,1fr)!important;}
  .wa-details-v141.open{display:none!important;}
}

/* v143 Enterprise Communication full UX sync polish */
.wa-shell-v143 .wa-chat-menu-v141{width:190px;background:#fff;border:1px solid #eee2cc;border-radius:14px;box-shadow:0 20px 50px rgba(17,24,39,.18);padding:8px;overflow:hidden}
.wa-shell-v143 .wa-chat-menu-v141 button{padding:11px 12px;border-radius:10px;font-size:13px;line-height:1.15;color:#111827}
.wa-shell-v143 .wa-chat-menu-v141 button:hover{background:#fff6df;color:#8a6411}
.wa-shell-v143.details-closed{grid-template-columns:334px minmax(0,1fr)0!important}
.wa-shell-v143.details-open{grid-template-columns:334px minmax(0,1fr)356px!important}
.wa-shell-v143 .wa-details-v141.collapsed{display:none!important}
.wa-shell-v143 .wa-details-v141.open{display:block!important}
.wa-shell-v143 .wa-thread-v141{position:relative}
.wa-drop-overlay-v143{position:absolute;inset:18px 24px;z-index:30;display:none;place-items:center;border:2px dashed #d0a400;border-radius:18px;background:rgba(255,246,223,.88);color:#8a6411;font-size:15px;font-weight:850;backdrop-filter:blur(2px)}
.wa-shell-v143.drag-active .wa-drop-overlay-v143{display:grid}
.wa-forwarded-v143{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:#6b7280;font-size:11px;font-weight:750}
.wa-forwarded-v143 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-reply-preview-v143{grid-column:1/-1;display:grid;grid-template-columns:24px auto minmax(0,1fr)28px;align-items:center;gap:8px;padding:8px 10px;border:1px solid #ead7ad;border-left:4px solid #d0a400;border-radius:12px;background:#fff9e9;color:#111827}
.wa-reply-preview-v143 span,.wa-reply-preview-v143 button{display:grid;place-items:center;color:#8a6411}
.wa-reply-preview-v143 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-reply-preview-v143 strong{font-size:12px;font-weight:850;white-space:nowrap}
.wa-reply-preview-v143 small{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-reply-preview-v143 button{border:0;background:transparent;border-radius:8px;cursor:pointer}
.wa-compose-v141:has(.wa-reply-preview-v143){height:128px;grid-template-rows:auto 1fr}.wa-compose-v141:has(.wa-reply-preview-v143)>:not(.wa-reply-preview-v143){grid-row:2}
.wa-compose-icon-v141.recording{background:#ef4444!important;color:#fff!important;animation:waPulse143 1s infinite}
@keyframes waPulse143{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.3)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
.wa-assistant-modal-v143 .wa-modal-card-v141{width:min(620px,100%)}
.wa-assistant-output-v143{display:block;min-height:96px;max-height:240px;overflow:auto;border:1px solid #ead7ad;border-radius:14px;background:#fffcf4;padding:14px;color:#111827;font-size:13px;line-height:1.55;white-space:normal}
.wa-call-toolbar-v143{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.wa-call-toolbar-v143 button{display:inline-flex;align-items:center;gap:7px;min-height:38px;border-radius:999px}.wa-call-toolbar-v143 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-shell-v143 .wa-message-hover-v141{z-index:20}.wa-shell-v143 .wa-message-hover-v141 button[title="Reply"],.wa-shell-v143 .wa-message-hover-v141 button[title="Forward"]{color:#8a6411}
@media(max-width:1180px){.wa-shell-v143.details-open,.wa-shell-v143.details-closed{grid-template-columns:300px minmax(0,1fr)!important}.wa-shell-v143 .wa-details-v141.open{display:none!important}}

/* V144 — Topbar action cleanup + responsive scan repair */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone.profile-only-action-zone,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  min-width: 54px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone .top-mini-action,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-actions > a.top-mini-action {
  display: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button {
  flex: 0 0 auto !important;
  cursor: pointer !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar a,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar button {
  -webkit-tap-highlight-color: transparent !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links button {
  flex: 0 0 auto !important;
}
.dashboard-main,
.message-main,
.client-portal-v65,
.team-member-main-v137 {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

@media (max-width: 1240px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(210px, 300px) minmax(0, 1fr) auto auto !important;
    grid-template-areas: "left nav clock profile" !important;
    gap: 12px !important;
    padding: 10px 18px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; min-width: 0 !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; min-width: 0 !important; overflow-x: auto !important; justify-content: center !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock { grid-area: clock !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search { width: min(280px, 100%) !important; }
}

@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-areas:
      "left clock profile"
      "nav nav nav" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    padding: 10px 14px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
    display: grid !important;
    grid-template-columns: auto minmax(160px, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand {
    min-width: 0 !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 2px 0 0 !important;
  }
}

@media (max-width: 720px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "left profile"
      "nav nav" !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock {
    display: none !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand div {
    display: none !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input {
    height: 40px !important;
    font-size: 14px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button {
    width: 42px !important;
    height: 42px !important;
  }
  .dashboard-main,
  .team-member-main-v137,
  .message-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .metric-grid,
  .panel-grid,
  .module-grid,
  .team-home-summary-v137,
  .team-home-grid-v137 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand {
    width: 44px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand > span {
    width: 40px !important;
    height: 40px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
    height: 40px !important;
    border-radius: 999px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input::placeholder {
    font-size: 0 !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input::before {
    content: 'Search';
  }
  .wa-shell-v141,
  .wa-shell-v143 {
    min-height: calc(100vh - 116px) !important;
  }
  .wa-chat-head-v141,
  .wa-sidebar-head-v141 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .wa-thread-v141 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .wa-compose-v141 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* v145 — WhatsApp-style New Chat contact drawer */
.wa-search-v145{position:relative}
.wa-new-chat-trigger-v145.active{background:#fff4d2;color:#8a6411;border-color:#f0d38e}
.wa-new-chat-panel-v145{position:absolute;left:14px;top:76px;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 140px);z-index:80;background:#fffdf7;border:1px solid #ead7ad;border-radius:0 0 22px 22px;box-shadow:0 20px 70px rgba(17,24,39,.16);padding:14px;overflow:hidden;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px}
.wa-new-chat-caret-v145{position:absolute;top:-9px;right:34px;width:18px;height:18px;background:#fffdf7;border-left:1px solid #ead7ad;border-top:1px solid #ead7ad;transform:rotate(45deg)}
.wa-new-chat-head-v145{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:34px}
.wa-new-chat-head-v145 h2{margin:0;color:#111827;font-size:18px;font-weight:850;letter-spacing:-.02em}
.wa-new-chat-head-v145 button{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:50%}
.wa-contact-search-v145{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;min-height:46px;border:1px solid #6b6b6b;border-radius:10px;background:#fff;padding:0 12px;color:#6b7280;box-shadow:inset 0 0 0 1px rgba(17,24,39,.05)}
.wa-contact-search-v145 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.wa-contact-search-v145 input{border:0;background:transparent;outline:0;width:100%;height:42px;font:inherit;font-size:15px;color:#111827}
.wa-new-group-row-v145{height:54px;border:0;border-radius:10px;background:#fff4a8;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:0 14px;text-align:left;color:#111827;cursor:pointer;transition:.16s ease}
.wa-new-group-row-v145:hover,.wa-new-group-row-v145.active{background:#ffe870}
.wa-new-group-row-v145 span{width:40px;height:40px;border-radius:50%;background:#f7db42;color:#8a6411;display:grid;place-items:center}
.wa-new-group-row-v145 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.wa-new-group-row-v145 strong{font-size:15px;font-weight:800}
.wa-group-create-box-v145{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:9px;align-items:end;padding:10px;border:1px solid #f1dfb9;border-radius:14px;background:#fff9ea}
.wa-group-create-box-v145 label{grid-column:1/-1;display:grid;gap:5px;color:#6b7280;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.wa-group-create-box-v145 input{min-height:40px;border:1px solid #ead7ad;border-radius:10px;background:#fff;padding:0 11px;font:inherit;color:#111827}
.wa-group-create-box-v145 div{color:#6b7280;font-size:12px;font-weight:700;align-self:center}
.wa-group-create-box-v145 .wa-primary-v141,.wa-group-create-box-v145 .wa-outline-v141{min-height:38px;border-radius:10px;padding:0 12px;font-size:12px}
.wa-group-create-box-v145 .wa-primary-v141[disabled]{opacity:.45;cursor:not-allowed}
.wa-contact-scroll-v145{overflow:auto;display:grid;gap:18px;padding:2px 2px 8px;max-height:calc(100vh - 360px)}
.wa-contact-section-v145{display:grid;gap:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(234,215,173,.5)}
.wa-contact-section-v145 h3{margin:0;padding:12px 14px 10px;background:#fffdf7;color:#111827;font-size:15px;font-weight:850;border-bottom:1px solid #f2eadc}
.wa-contact-row-v145{width:100%;min-height:58px;border:0;border-bottom:1px solid #f2eadc;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr)26px;align-items:center;gap:12px;text-align:left;padding:8px 12px;cursor:pointer;color:#111827}
.wa-contact-row-v145:last-child{border-bottom:0}
.wa-contact-row-v145:hover{background:#fffaf0}
.wa-contact-row-v145.selected{background:#fff2bd}
.wa-contact-row-v145 span:nth-child(2){min-width:0}
.wa-contact-row-v145 strong{display:block;font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111827}
.wa-contact-row-v145 small{display:block;margin-top:2px;font-size:12px;line-height:1.25;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-contact-row-v145 i{width:22px;height:22px;border-radius:50%;border:1px solid #ead7ad;display:grid;place-items:center;color:#8a6411;background:#fff}
.wa-contact-row-v145.selected i{background:#d0a400;color:#fff;border-color:#d0a400}
.wa-contact-row-v145 i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.wa-contact-empty-v145{padding:18px;text-align:center;color:#6b7280;font-size:13px;font-weight:650;background:#fff}
.wa-contact-row-v145 .wa-avatar-v141.sm{width:42px;height:42px}

@media(max-width:780px){
  .wa-new-chat-panel-v145{position:fixed;left:12px;right:12px;top:86px;width:auto;max-height:calc(100vh - 110px);border-radius:20px;z-index:200000}
  .wa-new-chat-caret-v145{display:none}
  .wa-contact-scroll-v145{max-height:calc(100vh - 330px)}
}


/* V146 — Role-safe shell loading and responsive navigation hardening */
.top-nav-loading-v146{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  color:var(--muted);
  background:#fff8e9;
  border:1px solid var(--line);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.shell-auth-loading-v146 .top-nav-links{justify-content:center;}
.shell-auth-loading-v146 .top-nav-links a,
.shell-auth-loading-v146 .top-nav-links button{display:none!important;}
.top-nav-links.icon-nav-links button,
.top-nav-links.icon-nav-links a{touch-action:manipulation;}
@media(max-width:1024px){
  .top-taskbar.linkedin-style-taskbar{grid-template-columns:1fr auto;gap:10px;padding:10px 14px;}
  .top-left-zone{min-width:0;}
  .topbar-search{max-width:360px;}
  .company-clock{justify-self:end;}
  .profile-action-zone{justify-self:end;}
  .top-nav-links.icon-nav-links{grid-column:1 / -1;order:3;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;}
}
@media(max-width:720px){
  .top-taskbar.linkedin-style-taskbar{grid-template-columns:auto 1fr auto;align-items:center;}
  .top-left-zone{display:flex;align-items:center;gap:8px;min-width:0;}
  .top-brand.compact-brand{min-width:0;}
  .top-brand.compact-brand div{display:none;}
  .topbar-search{min-width:0;width:100%;max-width:none;}
  .company-clock{display:none;}
  .top-nav-links.icon-nav-links{grid-column:1 / -1;order:4;gap:8px;}
  .top-nav-links.icon-nav-links a,
  .top-nav-links.icon-nav-links button{min-width:42px;height:42px;padding:8px 10px;border-radius:14px;}
  .top-nav-links.icon-nav-links .nav-label{display:none!important;}
  .dashboard-main,.message-main{padding-left:14px!important;padding-right:14px!important;}
}
@media(max-width:480px){
  .top-taskbar.linkedin-style-taskbar{padding:8px 10px;}
  .profile-button{width:42px;height:42px;}
  .top-nav-links.icon-nav-links{gap:6px;}
}

/* V148 — Mobile / Tablet / Laptop Scannable Responsive Repair */
*{box-sizing:border-box;}
html,body{width:100%;max-width:100%;overflow-x:hidden;}
body.dashboard-page{min-width:0!important;}
img,svg,video,canvas{max-width:100%;}

/* Keep the shell readable on every screen size */
body.dashboard-page > .top-taskbar.linkedin-style-taskbar{
  position:sticky!important;
  top:0!important;
  z-index:9000!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-shadow:0 8px 24px rgba(17,24,39,.06)!important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-brand,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone{min-width:0!important;}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input{min-width:0!important;}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links{
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links::-webkit-scrollbar{display:none!important;}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links button{flex:0 0 auto!important;}

/* General content responsiveness */
.dashboard-main,
.message-main,
.client-portal-v65,
.team-member-main-v137,
.team-member-main-v136,
.team-member-main-v135,
.content-page,
.module-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.dashboard-main > *,
.message-main > *,
.client-portal-v65 > *,
.team-member-main-v137 > *{max-width:100%!important;}
.table-wrap,.table-card,.data-table-card,.content-table-card,.client-content-table,.content-table-wrap,.responsive-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
table,.content-table,.data-table{max-width:none!important;}
.modal-card,.side-panel-card,.v45-modal-shell .modal-card,.v46-modal-shell .modal-card{max-width:calc(100vw - 24px)!important;}

@media(max-width:1180px){
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar{
    grid-template-columns:minmax(220px,1fr) auto auto!important;
    grid-template-areas:"left clock profile" "nav nav nav"!important;
    gap:8px 12px!important;
    padding:10px 16px!important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone{grid-area:left!important;display:flex!important;align-items:center!important;gap:12px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links{grid-area:nav!important;justify-content:flex-start!important;overflow-x:auto!important;padding:2px 0 0!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock{grid-area:clock!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone{grid-area:profile!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search{width:min(360px,42vw)!important;}
  .metric-grid,.module-grid,.panel-grid,.dashboard-grid,.content-grid,.team-home-summary-v137,.team-home-grid-v137,.settings-grid,.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:860px){
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"left profile" "nav nav"!important;
    padding:9px 12px!important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock{display:none!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;width:100%!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand{width:46px!important;min-width:46px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand > div{display:none!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand > span{width:44px!important;height:44px!important;min-width:44px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search{width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input{height:42px!important;font-size:14px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links{gap:8px!important;display:flex!important;padding-bottom:4px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links button{width:44px!important;min-width:44px!important;height:44px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-label{display:none!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button{width:44px!important;height:44px!important;}
  .dashboard-main,.message-main,.client-portal-v65,.team-member-main-v137{padding-left:14px!important;padding-right:14px!important;}
  .page-header,.section-header,.panel-header,.card-header,.content-header,.client-header,.team-member-hero-v137,.team-member-hero-v136{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;}
  .metric-grid,.module-grid,.panel-grid,.dashboard-grid,.content-grid,.team-home-summary-v137,.team-home-grid-v137,.settings-grid,.finance-grid{grid-template-columns:1fr!important;}
  .toolbar,.filter-row,.action-row,.form-row,.team-filter-row,.client-toolbar,.global-context-filter-row,.content-filter-row{grid-template-columns:1fr!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;}
  .toolbar button,.filter-row button,.action-row button,.client-toolbar button,.global-context-filter-row button{width:100%!important;}
  .modal-shell.open,.side-panel-shell.open{padding:12px!important;align-items:flex-start!important;overflow:auto!important;}
  .modal-card,.side-panel-card{width:100%!important;max-height:calc(100svh - 24px)!important;overflow:auto!important;border-radius:20px!important;}
}

@media(max-width:520px){
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar{padding:8px 10px!important;gap:7px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand{width:42px!important;min-width:42px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand > span{width:40px!important;height:40px!important;min-width:40px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search{height:40px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input{height:38px!important;font-size:13px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input::placeholder{font-size:0!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input{max-width:100%!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links a,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links button{width:40px!important;min-width:40px!important;height:40px!important;border-radius:13px!important;}
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button{width:40px!important;height:40px!important;}
  .dashboard-main,.client-portal-v65,.team-member-main-v137{padding-left:10px!important;padding-right:10px!important;}
  h1{font-size:clamp(28px,8vw,42px)!important;line-height:1.05!important;}
  h2{font-size:clamp(20px,5.8vw,28px)!important;line-height:1.15!important;}
  .btn,.primary-btn,.outline-btn,.ghost-btn,button{min-height:40px;}
}

/* Messages: mobile-first app flow */
.wa-mobile-back-v148{display:none!important;}
@media(max-width:900px){
  .messages-page{overflow:hidden!important;background:#f7f2e8!important;}
  .messages-page .message-main{height:calc(100svh - 106px)!important;padding:0!important;margin:0!important;overflow:hidden!important;}
  .wa-shell-v141,.wa-shell-v143{
    height:100%!important;
    min-height:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    overflow:hidden!important;
  }
  .wa-sidebar-v141{height:100%!important;min-height:0!important;border-right:0!important;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;}
  .wa-chat-v141{display:none!important;height:100%!important;min-height:0!important;grid-template-rows:64px 20px minmax(0,1fr)74px!important;}
  .wa-shell-v141.mobile-chat-open-v148 .wa-sidebar-v141{display:none!important;}
  .wa-shell-v141.mobile-chat-open-v148 .wa-chat-v141{display:grid!important;}
  .wa-shell-v141.mobile-chat-list-v148 .wa-chat-v141{display:none!important;}
  .wa-shell-v141.mobile-chat-list-v148 .wa-sidebar-v141{display:grid!important;}
  .wa-details-v141.open{position:fixed!important;inset:0 0 0 auto!important;width:min(92vw,360px)!important;display:block!important;z-index:210000!important;box-shadow:-18px 0 60px rgba(17,24,39,.2)!important;}
  .wa-mobile-back-v148{display:grid!important;flex:0 0 38px!important;width:38px!important;height:38px!important;}
  .wa-chat-head-v141{height:64px!important;padding:0 10px!important;gap:8px!important;}
  .wa-chat-title-v141{gap:8px!important;flex:1 1 auto!important;min-width:0!important;}
  .wa-chat-title-v141 .wa-avatar-stack-v141{min-width:44px!important;transform:scale(.9);transform-origin:left center;}
  .wa-chat-title-v141 strong{font-size:14px!important;max-width:34vw!important;}
  .wa-chat-title-v141 small{font-size:11px!important;}
  .wa-chat-actions-v141{gap:2px!important;flex:0 0 auto!important;}
  .wa-chat-actions-v141 .wa-icon-btn-v141{width:36px!important;height:36px!important;border-radius:12px!important;}
  .wa-chat-actions-v141 #chatSearchBtn{display:none!important;}
  .wa-chat-menu-v141{right:0!important;top:42px!important;width:190px!important;border:1px solid #ead7ad!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 50px rgba(17,24,39,.18)!important;padding:8px!important;}
  .wa-chat-menu-v141 button{min-height:38px!important;border-radius:10px!important;padding:0 10px!important;font-size:13px!important;}
  .wa-sidebar-head-v141{height:58px!important;padding:0 14px!important;}
  .wa-sidebar-head-v141 h1{font-size:19px!important;}
  .wa-search-v141{height:58px!important;padding:9px 12px!important;}
  .wa-tabs-v141{overflow-x:auto!important;gap:12px!important;padding:0 12px 8px!important;}
  .wa-tabs-v141 button{white-space:nowrap!important;}
  .wa-conversation-list-v141{overflow:auto!important;padding-bottom:18px!important;}
  .wa-conversation-v141{grid-template-columns:48px minmax(0,1fr)auto!important;padding:12px!important;min-height:70px!important;}
  .wa-thread-v141{padding:14px 12px 18px!important;overflow:auto!important;}
  .wa-bubble-v141{max-width:82vw!important;padding:11px 12px 8px!important;}
  .wa-message-row-v141{gap:8px!important;margin:8px 0!important;}
  .wa-message-hover-v141{position:static!important;display:flex!important;margin-top:8px;box-shadow:none!important;border-color:#f2eadc!important;opacity:.95;}
  .wa-compose-v141{height:74px!important;grid-template-columns:38px 38px minmax(0,1fr)42px!important;gap:6px!important;padding:10px!important;}
  .wa-compose-v141 #filePickBtn,.wa-compose-v141 #imagePickBtn,.wa-compose-v141 #docPickBtn,.wa-compose-v141 #voiceNoteBtn{display:none!important;}
  .wa-compose-v141 input[type="text"]{height:48px!important;border-radius:16px!important;font-size:14px!important;padding:0 12px!important;}
  .wa-compose-icon-v141,.wa-send-v141{width:38px!important;height:38px!important;}
  .wa-reply-preview-v143{grid-column:1/-1!important;margin-bottom:4px!important;}
  .wa-new-chat-panel-v145{position:fixed!important;left:10px!important;right:10px!important;top:112px!important;width:auto!important;max-height:calc(100svh - 126px)!important;border-radius:20px!important;z-index:220000!important;padding:12px!important;}
  .wa-contact-scroll-v145{max-height:calc(100svh - 330px)!important;}
}

@media(max-width:520px){
  .messages-page .message-main{height:calc(100svh - 102px)!important;}
  .wa-chat-actions-v141 #scheduleMeetingBtn{display:none!important;}
  .wa-chat-title-v141 strong{max-width:30vw!important;}
  .wa-avatar-v141.md{width:42px!important;height:42px!important;}
  .wa-avatar-v141.sm{width:40px!important;height:40px!important;}
  .wa-avatar-v141.xs{width:30px!important;height:30px!important;}
  .wa-conversation-copy-v141 strong{font-size:13px!important;}
  .wa-conversation-copy-v141 small{font-size:11px!important;}
  .wa-bubble-v141 p{font-size:13px!important;line-height:1.45!important;}
  .wa-file-card-v141{grid-template-columns:38px minmax(0,1fr)20px!important;}
}


/* V149 — Navigation, Messaging Stability, and Anti-Force-Logout UX Repair */
.top-taskbar .top-nav-links,
.top-taskbar .top-nav-links a,
.top-taskbar .top-nav-links button,
#clientNavButton,
#clientWorkspaceDropdown,
.profile-menu,
.profile-menu *{
  pointer-events:auto!important;
}
#clientNavButton{cursor:pointer!important;position:relative!important;z-index:9201!important;}
#clientWorkspaceDropdown.open{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:9500!important;}
.shell-auth-loading-v146 #topNavLinks{pointer-events:none!important;}
.shell-auth-ready-v146 #topNavLinks{pointer-events:auto!important;}

.messages-page .wa-shell-v141,
.messages-page .wa-shell-v143{isolation:isolate!important;}
.messages-page .wa-shell-v141 button,
.messages-page .wa-shell-v143 button,
.messages-page .wa-shell-v141 input,
.messages-page .wa-shell-v143 input,
.messages-page .wa-shell-v141 textarea,
.messages-page .wa-shell-v143 textarea,
.messages-page .wa-shell-v141 a,
.messages-page .wa-shell-v143 a{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.messages-page .wa-chat-menu-v141.open,
.messages-page .wa-new-chat-panel-v145,
.messages-page .wa-details-v141.open,
.messages-page .wa-modal-v141:not([hidden]){
  pointer-events:auto!important;
  z-index:250000!important;
}
.messages-page .wa-message-hover-v141 button,
.messages-page .wa-chat-actions-v141 button,
.messages-page .wa-compose-v141 button{cursor:pointer!important;}
.messages-page .wa-chat-actions-v141{position:relative!important;z-index:4!important;}
.messages-page .wa-local-toast-v141,
.messages-page .wa-safe-toast-v149{z-index:999999!important;}

@media(max-width:900px){
  .messages-page .top-taskbar.linkedin-style-taskbar{position:sticky!important;top:0!important;}
  .messages-page .message-main{height:calc(100svh - 104px)!important;}
  .messages-page .wa-shell-v141,
  .messages-page .wa-shell-v143{height:100%!important;max-height:100%!important;}
}

/* V150 — Hard navigation and Messages flicker repair */
.top-taskbar .top-nav-links,
.top-taskbar .top-nav-links * {
  pointer-events: auto !important;
}
.top-taskbar .top-nav-links a,
.top-taskbar .top-nav-links button {
  cursor: pointer !important;
  position: relative !important;
  z-index: 9995 !important;
  user-select: none;
  -webkit-tap-highlight-color: rgba(177,132,37,.16);
}
#clientWorkspaceDropdown:not(.open) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.shell-auth-ready-v146 #topNavLinks {
  pointer-events: auto !important;
}
.shell-auth-ready-v146 #topNavLinks a {
  pointer-events: auto !important;
}

.messages-page .wa-shell-v141,
.messages-page .wa-shell-v143 {
  contain: layout paint !important;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.messages-page .wa-sidebar-v141,
.messages-page .wa-chat-v141,
.messages-page .wa-details-v141 {
  min-width: 0 !important;
}
.messages-page .wa-chat-menu-v141:not(.open),
.messages-page .wa-details-v141.collapsed {
  pointer-events: none !important;
}
.messages-page .wa-chat-menu-v141.open,
.messages-page .wa-new-chat-panel-v145,
.messages-page .wa-modal-v141:not([hidden]) {
  pointer-events: auto !important;
}
.messages-page button,
.messages-page input,
.messages-page textarea,
.messages-page select,
.messages-page a {
  touch-action: manipulation !important;
}
.messages-page .wa-local-toast-v141,
.messages-page .wa-safe-toast-v149,
.messages-page .wa-safe-toast-v150 {
  z-index: 999999 !important;
}

@media (max-width: 900px) {
  .top-taskbar.linkedin-style-taskbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 9990 !important;
  }
  .top-nav-links.icon-nav-links {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .top-nav-links.icon-nav-links a,
  .top-nav-links.icon-nav-links button {
    flex: 0 0 auto !important;
  }
}

/* V157 — Messenger-style full-screen video/voice call stage */
.wa-call-stage-v157{
  position:fixed;inset:0;z-index:250000;background:#020202;color:#fff;
  display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.wa-call-window-dots-v157{position:absolute;top:14px;left:16px;display:flex;gap:10px;z-index:2}
.wa-call-window-dots-v157 i{width:14px;height:14px;border-radius:999px;display:block}
.wa-call-window-dots-v157 i:nth-child(1){background:#ff5f57}.wa-call-window-dots-v157 i:nth-child(2){background:#ffbd2e}.wa-call-window-dots-v157 i:nth-child(3){background:#28c840}
.wa-call-top-v157{text-align:center;padding-top:86px;z-index:2}
.wa-call-top-v157 h2{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.03em}
.wa-call-top-v157 p{margin:18px 0 0;color:rgba(255,255,255,.9);font-size:clamp(17px,2vw,24px);font-weight:500}
.wa-call-preview-v157{position:relative;width:min(640px,58vw);aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#181818;box-shadow:0 18px 80px rgba(0,0,0,.45);align-self:center;margin-top:-20px}
.wa-call-preview-v157 video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}
.wa-call-preview-fallback-v157{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.28);pointer-events:none}
.wa-call-preview-fallback-v157 svg{width:72px;height:72px;fill:none;stroke:currentColor;stroke-width:1.5}
.wa-call-preview-v157 video[srcObject]+.wa-call-preview-fallback-v157{display:none}
.wa-call-audio-avatar-v157{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at center,#161616,#050505)}
.wa-call-audio-avatar-v157 .wa-avatar-v141{width:128px;height:128px;font-size:34px;box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.wa-call-controls-v157{position:absolute;left:0;right:0;bottom:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;z-index:3}
.wa-call-left-controls-v157,.wa-call-center-controls-v157{display:flex;align-items:center;gap:12px}.wa-call-left-controls-v157{justify-self:start}.wa-call-center-controls-v157{justify-self:center}.wa-call-end-v157{justify-self:end}
.wa-call-control-v157{height:50px;min-width:74px;border:0;border-radius:999px;background:#202020;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.16s ease}
.wa-call-mini-v157{width:42px;height:42px;border:0;border-radius:999px;background:transparent;color:#f8f8f8;display:grid;place-items:center;cursor:pointer;transition:.16s ease;font-size:24px}
.wa-call-control-v157:hover,.wa-call-mini-v157:hover{background:#303030}.wa-call-control-v157 svg,.wa-call-mini-v157 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-call-control-v157 span{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid rgba(255,255,255,.65);opacity:.75}
.wa-call-end-v157{width:88px;height:50px;border:0;border-radius:999px;background:#f20f45;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(242,15,69,.24);transition:.16s ease}.wa-call-end-v157:hover{filter:brightness(.92)}.wa-call-end-v157 svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.5;transform:rotate(135deg)}
.wa-call-incoming-actions-v157{position:absolute;left:50%;bottom:94px;transform:translateX(-50%);display:flex;gap:14px;z-index:4}.wa-call-accept-v157,.wa-call-decline-v157{border:0;border-radius:999px;height:48px;padding:0 28px;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.wa-call-accept-v157{background:#16a34a}.wa-call-decline-v157{background:#dc2626}
@media (max-width: 768px){.wa-call-top-v157{padding-top:70px}.wa-call-preview-v157{width:calc(100vw - 32px);margin-top:0}.wa-call-controls-v157{grid-template-columns:1fr;gap:14px;justify-items:center;bottom:16px;padding:0 12px}.wa-call-left-controls-v157,.wa-call-center-controls-v157,.wa-call-end-v157{justify-self:center}.wa-call-center-controls-v157{order:1}.wa-call-left-controls-v157{order:2}.wa-call-end-v157{order:3}.wa-call-mini-v157{width:38px;height:38px}.wa-call-incoming-actions-v157{bottom:155px}}


/* V158 — Real call media toggles and preview state */
.wa-call-preview-v157.has-video .wa-call-preview-fallback-v157{display:none!important}
.wa-call-control-v157.is-off{background:#202020;color:#d1d5db;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.wa-call-control-v157.is-on{background:#f5f5f5;color:#111827}
.wa-call-control-v157.is-off::after{content:'';position:absolute;width:32px;height:2px;background:#ef4444;transform:rotate(-34deg);border-radius:999px;opacity:.9;pointer-events:none}
.wa-call-control-v157{position:relative}
.wa-call-control-v157.is-on span{border-left-color:rgba(17,24,39,.65)}
@media (max-width:768px){.wa-call-control-v157{height:44px;min-width:64px}.wa-call-preview-v157{max-height:42vh}}


/* V159 - Zoom-like full-screen video call UI */
.wa-call-stage-v157{
  position:fixed!important;
  inset:0!important;
  z-index:2000!important;
  background:#0c0c0d!important;
  overflow:hidden!important;
  display:block!important;
  min-height:100vh!important;
}

.wa-call-window-dots-v157{
  display:none!important;
}

.wa-call-backdrop-v159{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:#111!important;
  aspect-ratio:auto!important;
}

.wa-call-backdrop-v159 video,
.wa-call-backdrop-v159 .wa-call-audio-avatar-v157{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.wa-call-backdrop-v159 video{
  transform:scaleX(-1)!important;
}

.wa-call-preview-fallback-v157{
  position:absolute!important;
  inset:0!important;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.18)!important;
  z-index:1;
}

.wa-call-preview-v157.has-video .wa-call-preview-fallback-v157{
  display:none!important;
}

.wa-call-backdrop-shade-v159{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.28), rgba(0,0,0,.08) 30%, rgba(0,0,0,.18) 62%, rgba(0,0,0,.50)),
    radial-gradient(circle at center, rgba(0,0,0,0) 40%, rgba(0,0,0,.18) 100%);
  z-index:2;
  pointer-events:none;
}

.wa-call-top-v157{
  display:none!important;
}

.wa-call-top-v159{
  position:absolute;
  top:112px;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  z-index:5;
  width:min(92vw,900px);
  pointer-events:none;
}

.wa-call-top-v159 h2{
  margin:0;
  color:#efc253;
  font-size:clamp(40px,4.8vw,68px);
  line-height:1.02;
  font-weight:850;
  letter-spacing:-.035em;
  text-shadow:0 4px 24px rgba(0,0,0,.38);
}

.wa-call-top-v159 p{
  margin:10px 0 0;
  color:#f3dfb3;
  font-size:clamp(17px,1.9vw,25px);
  font-weight:750;
  text-shadow:0 2px 18px rgba(0,0,0,.38);
}

.wa-call-controls-v157.wa-call-controls-v159{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  min-height:80px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px;
  padding:10px 18px!important;
  z-index:10;
  background:rgba(20,20,20,.96);
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -18px 45px rgba(0,0,0,.24);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.wa-call-toolbar-v159{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:transparent;
  border:0;
  padding:0;
  box-shadow:none;
  flex:1;
  flex-wrap:wrap;
}

.wa-call-tool-v159{
  min-width:88px!important;
  height:60px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#f7e4b0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:7px 9px!important;
  position:relative!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:background .16s ease, color .16s ease, transform .16s ease;
}

.wa-call-tool-v159:hover{
  background:rgba(255,255,255,.08)!important;
  transform:translateY(-1px);
}

.wa-call-tool-icon-v159{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:22px!important;
  font-size:22px!important;
  line-height:1!important;
}

.wa-call-tool-icon-v159 svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.wa-call-tool-label-v159{
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:650!important;
  color:#f4d991!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.wa-call-tool-caret-v159{
  position:absolute!important;
  right:8px!important;
  top:7px!important;
  font-size:12px!important;
  line-height:1!important;
  color:rgba(255,255,255,.68)!important;
}

.wa-call-control-v157.is-off.wa-call-tool-v159{
  color:#f0ddb1!important;
}

.wa-call-control-v157.is-on.wa-call-tool-v159{
  color:#fff4cf!important;
  background:rgba(255,255,255,.09)!important;
}

.wa-call-control-v157.wa-call-tool-v159 span{
  border:none!important;
  width:auto!important;
  height:auto!important;
}

.wa-call-control-v157.is-off.wa-call-tool-v159::after{
  content:'';
  position:absolute;
  width:28px;
  height:2px;
  background:#ff4d5f;
  transform:rotate(-35deg);
  border-radius:999px;
  top:21px;
  left:50%;
  margin-left:-14px;
  opacity:.95;
  pointer-events:none;
}

.wa-call-end-v157.wa-call-end-v159{
  flex:0 0 auto!important;
  min-width:86px!important;
  height:50px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  background:#e12735!important;
  color:#fff!important;
  border:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:850!important;
  font-size:15px!important;
  letter-spacing:.01em!important;
  box-shadow:0 16px 34px rgba(225,39,53,.28)!important;
}

.wa-call-end-v157.wa-call-end-v159:hover{
  filter:brightness(.94);
}

.wa-call-end-v157.wa-call-end-v159 svg{
  display:none!important;
}

.wa-call-incoming-actions-v159{
  position:absolute!important;
  left:50%!important;
  bottom:104px!important;
  transform:translateX(-50%)!important;
  z-index:11!important;
}

.wa-call-accept-v157,
.wa-call-decline-v157{
  height:50px!important;
  padding:0 26px!important;
  border-radius:14px!important;
  font-weight:850!important;
  font-size:14px!important;
}

@media (max-width:980px){
  .wa-call-controls-v157.wa-call-controls-v159{
    min-height:auto;
    flex-direction:column;
    align-items:stretch!important;
    padding:10px 12px!important;
  }
  .wa-call-toolbar-v159{
    width:100%;
  }
  .wa-call-end-v157.wa-call-end-v159{
    width:100%!important;
  }
}

@media (max-width:640px){
  .wa-call-top-v159{top:26px;}
  .wa-call-top-v159 h2{font-size:34px;}
  .wa-call-top-v159 p{font-size:16px;}
  .wa-call-tool-v159{
    min-width:72px!important;
    height:56px!important;
    padding:7px 6px!important;
  }
  .wa-call-tool-label-v159{font-size:11px!important;}
}


/* V161 - Real WebRTC call media layout */
.wa-call-media-stage-v161 .wa-call-remote-video-v161,
.wa-call-media-stage-v161 .wa-call-local-video-v161{
  position:absolute;
  display:block;
  background:#111;
  object-fit:cover;
  transform:scaleX(-1);
}

.wa-call-media-stage-v161 .wa-call-remote-video-v161{
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  opacity:0;
}

.wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
  opacity:1;
}

.wa-call-media-stage-v161 .wa-call-local-video-v161{
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
}

.wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
  inset:auto 28px 110px auto;
  width:min(230px, 22vw);
  height:auto;
  aspect-ratio:16/10;
  border-radius:18px;
  border:2px solid rgba(255,255,255,.78);
  box-shadow:0 20px 60px rgba(0,0,0,.36);
  z-index:6;
}

.wa-call-media-stage-v161.has-remote-video-v161 .wa-call-preview-fallback-v157{
  display:none!important;
}

.wa-call-media-stage-v161.has-remote-audio-v161:not(.has-remote-video-v161) .wa-call-preview-fallback-v157{
  opacity:.28;
}

#remoteCallAudio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

@media (max-width:768px){
  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    right:16px;
    bottom:132px;
    width:min(170px, 38vw);
    border-radius:14px;
  }
}


/* V162 - Call screen responsive repair + true full-screen call mode */
.messages-page:has(.wa-call-stage-v157),
body:has(.wa-call-stage-v157){
  overflow:hidden!important;
  height:100dvh!important;
}

.messages-page:has(.wa-call-stage-v157) .top-taskbar,
body:has(.wa-call-stage-v157) .top-taskbar,
.messages-page:has(.wa-call-stage-v157) .linkedin-style-taskbar,
body:has(.wa-call-stage-v157) .linkedin-style-taskbar{
  display:none!important;
}

.wa-call-stage-v157{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  z-index:999999!important;
  overflow:hidden!important;
  background:#080808!important;
  isolation:isolate!important;
}

.wa-call-backdrop-v159,
.wa-call-media-stage-v161{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  background:#050505!important;
}

.wa-call-media-stage-v161 .wa-call-remote-video-v161,
.wa-call-media-stage-v161 .wa-call-local-video-v161{
  object-position:center center!important;
}

.wa-call-media-stage-v161:not(.has-remote-video-v161) .wa-call-local-video-v161{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  z-index:1!important;
}

.wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  z-index:1!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
}

.wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
  right:24px!important;
  bottom:104px!important;
  width:min(260px,24vw)!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  border-radius:18px!important;
  border:2px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
  z-index:8!important;
  object-fit:cover!important;
}

.wa-call-top-v159{
  top:46px!important;
  z-index:12!important;
}

.wa-call-controls-v157.wa-call-controls-v159{
  z-index:20!important;
}

/* Mobile: remove desktop header gap, keep remote video full screen, and prevent oversized controls */
@media (max-width:768px){
  .wa-call-stage-v157{
    height:100dvh!important;
    min-height:100dvh!important;
  }

  .wa-call-top-v159{
    top:max(18px, env(safe-area-inset-top))!important;
    width:calc(100vw - 28px)!important;
  }

  .wa-call-top-v159 h2{
    font-size:clamp(26px,7vw,38px)!important;
    line-height:1.05!important;
  }

  .wa-call-top-v159 p{
    font-size:15px!important;
    margin-top:6px!important;
  }

  .wa-call-controls-v157.wa-call-controls-v159{
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(15,15,15,.96)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-height:38dvh!important;
    overflow:auto!important;
  }

  .wa-call-toolbar-v159{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }

  .wa-call-tool-v159{
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    padding:7px 4px!important;
  }

  .wa-call-tool-label-v159{
    font-size:11px!important;
    white-space:normal!important;
  }

  .wa-call-end-v157.wa-call-end-v159{
    width:100%!important;
    height:50px!important;
    border-radius:14px!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    right:12px!important;
    bottom:calc(38dvh + 12px)!important;
    width:min(132px,34vw)!important;
    border-radius:13px!important;
  }
}

/* Very short screens: make controls slimmer */
@media (max-width:768px) and (max-height:760px){
  .wa-call-controls-v157.wa-call-controls-v159{
    max-height:34dvh!important;
  }

  .wa-call-tool-v159{
    height:52px!important;
  }

  .wa-call-tool-icon-v159 svg{
    width:19px!important;
    height:19px!important;
  }

  .wa-call-tool-icon-v159{
    font-size:20px!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    bottom:calc(34dvh + 10px)!important;
  }
}


/* V163 - Hide caller name/status after call is connected */
.wa-call-stage-v157.connected-v163 .wa-call-top-v159{
  display:none!important;
}


/* V164 - Functional call controls: reactions, raise hand, call chat, active states */
.wa-call-tool-v159.is-active-v164{
  background:rgba(239,194,83,.18)!important;
  color:#fff2c5!important;
  box-shadow:inset 0 0 0 1px rgba(239,194,83,.32)!important;
}

.wa-call-feedback-layer-v164{
  position:absolute;
  inset:0;
  z-index:18;
  pointer-events:none;
}

.wa-call-hand-badge-v164{
  position:absolute;
  top:24px;
  left:24px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(20,20,20,.70);
  border:1px solid rgba(255,255,255,.14);
  color:#ffe7a3;
  font-size:14px;
  font-weight:750;
  box-shadow:0 14px 38px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.wa-call-reaction-burst-v164{
  position:absolute;
  bottom:108px;
  left:var(--x,50%);
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  animation:waCallReactionFloat164 2.2s ease forwards;
}

.wa-call-reaction-burst-v164 span{
  font-size:54px;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.38));
}

.wa-call-reaction-burst-v164 small{
  color:#fff4cf;
  font-size:12px;
  font-weight:800;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}

@keyframes waCallReactionFloat164{
  0%{opacity:0;transform:translate(-50%, 24px) scale(.82)}
  14%{opacity:1;transform:translate(-50%, 0) scale(1)}
  78%{opacity:1;transform:translate(-50%, -96px) scale(1.06)}
  100%{opacity:0;transform:translate(-50%, -140px) scale(.94)}
}

.wa-call-chat-panel-v164{
  position:absolute;
  top:24px;
  right:24px;
  bottom:104px;
  width:min(360px, calc(100vw - 48px));
  z-index:19;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:22px;
  background:rgba(20,20,20,.82);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 70px rgba(0,0,0,.36);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}

.wa-call-chat-panel-v164 header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff3c4;
}

.wa-call-chat-panel-v164 header strong{
  font-size:15px;
  font-weight:850;
}

.wa-call-chat-panel-v164 header button{
  width:32px;
  height:32px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.wa-call-chat-messages-v164{
  flex:1;
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.wa-call-chat-message-v164{
  max-width:88%;
  align-self:flex-start;
  padding:9px 11px;
  border-radius:14px 14px 14px 4px;
  background:rgba(255,255,255,.10);
  color:#fff;
}

.wa-call-chat-message-v164.mine{
  align-self:flex-end;
  border-radius:14px 14px 4px 14px;
  background:rgba(239,194,83,.20);
}

.wa-call-chat-message-v164 strong{
  display:block;
  margin-bottom:3px;
  color:#ffe8a8;
  font-size:11px;
  font-weight:850;
}

.wa-call-chat-message-v164 p{
  margin:0;
  font-size:13px;
  line-height:1.35;
  color:rgba(255,255,255,.92);
  word-break:break-word;
}

.wa-call-chat-empty-v164{
  margin:auto;
  color:rgba(255,255,255,.62);
  font-size:13px;
  text-align:center;
}

.wa-call-chat-form-v164{
  display:flex;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(255,255,255,.10);
}

.wa-call-chat-form-v164 input{
  flex:1;
  min-width:0;
  height:40px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:0 13px;
  outline:none;
}

.wa-call-chat-form-v164 input::placeholder{
  color:rgba(255,255,255,.48);
}

.wa-call-chat-form-v164 button{
  border:0;
  border-radius:999px;
  background:#efc253;
  color:#1f1604;
  padding:0 15px;
  font-weight:850;
  cursor:pointer;
}

@media (max-width:768px){
  .wa-call-hand-badge-v164{
    top:14px;
    left:14px;
    font-size:12px;
    padding:8px 11px;
  }

  .wa-call-chat-panel-v164{
    top:auto;
    left:10px;
    right:10px;
    bottom:calc(38dvh + 12px);
    width:auto;
    max-height:42dvh;
    border-radius:18px;
  }

  .wa-call-chat-message-v164 p{
    font-size:12px;
  }

  .wa-call-reaction-burst-v164{
    bottom:calc(38dvh + 40px);
  }

  .wa-call-reaction-burst-v164 span{
    font-size:42px;
  }
}


/* V165 - Auto transcription + automated call summary indicator */
.wa-call-transcript-live-v165{
  position:absolute;
  left:24px;
  bottom:104px;
  z-index:21;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(20,20,20,.70);
  border:1px solid rgba(255,255,255,.14);
  color:#ffe8a8;
  font-size:12px;
  font-weight:850;
  box-shadow:0 14px 38px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.wa-call-transcript-live-v165::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 6px rgba(34,197,94,.16);
}

@media (max-width:768px){
  .wa-call-transcript-live-v165{
    left:12px;
    bottom:calc(38dvh + 14px);
    font-size:11px;
    padding:8px 11px;
  }
}


/* V166 - Responsive call screen device-fit repair for mobile and tablet */
html:has(.wa-call-stage-v157),
body:has(.wa-call-stage-v157){
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

.messages-page:has(.wa-call-stage-v157) .top-taskbar,
body:has(.wa-call-stage-v157) .top-taskbar,
.messages-page:has(.wa-call-stage-v157) .linkedin-style-taskbar,
body:has(.wa-call-stage-v157) .linkedin-style-taskbar{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

.wa-call-stage-v157{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  background:#050505!important;
}

.wa-call-backdrop-v159,
.wa-call-media-stage-v161{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transform:none!important;
  overflow:hidden!important;
}

.wa-call-media-stage-v161 .wa-call-remote-video-v161,
.wa-call-media-stage-v161 .wa-call-local-video-v161{
  max-width:none!important;
  max-height:none!important;
}

/* Tablet and mobile: do not crop like desktop. Fit the video inside the device screen. */
@media (max-width:1180px), (pointer:coarse){
  .wa-call-stage-v157{
    display:block!important;
  }

  .wa-call-media-stage-v161 .wa-call-remote-video-v161,
  .wa-call-media-stage-v161:not(.has-remote-video-v161) .wa-call-local-video-v161{
    inset:0!important;
    width:100%!important;
    height:calc(100dvh - 132px)!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:0!important;
    background:#050505!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
    inset:0!important;
    width:100%!important;
    height:calc(100dvh - 132px)!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#050505!important;
  }

  .wa-call-backdrop-shade-v159{
    background:
      linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,.04) 28%, rgba(0,0,0,.10) 64%, rgba(0,0,0,.48)),
      radial-gradient(circle at center, rgba(0,0,0,0) 45%, rgba(0,0,0,.12) 100%)!important;
  }

  .wa-call-controls-v157.wa-call-controls-v159{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    width:100dvw!important;
    min-height:112px!important;
    max-height:132px!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "tools tools"
      "end end"!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:rgba(13,13,13,.98)!important;
  }

  .wa-call-toolbar-v159{
    grid-area:tools!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(6, minmax(44px,1fr))!important;
    gap:6px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .wa-call-tool-v159{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    padding:6px 3px!important;
    border-radius:11px!important;
  }

  .wa-call-tool-icon-v159{
    min-height:20px!important;
    font-size:19px!important;
  }

  .wa-call-tool-icon-v159 svg{
    width:19px!important;
    height:19px!important;
  }

  .wa-call-tool-label-v159{
    font-size:10.5px!important;
    line-height:1.05!important;
    white-space:normal!important;
    max-width:100%!important;
  }

  .wa-call-tool-caret-v159{
    display:none!important;
  }

  .wa-call-end-v157.wa-call-end-v159{
    grid-area:end!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    border-radius:13px!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    position:absolute!important;
    right:12px!important;
    bottom:144px!important;
    width:min(150px,34vw)!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    border-radius:12px!important;
    border:2px solid rgba(255,255,255,.72)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.38)!important;
    z-index:8!important;
  }

  .wa-call-top-v159{
    top:max(14px, env(safe-area-inset-top))!important;
    width:calc(100dvw - 28px)!important;
    max-width:calc(100dvw - 28px)!important;
  }

  .wa-call-top-v159 h2{
    font-size:clamp(24px, 6vw, 42px)!important;
  }

  .wa-call-top-v159 p{
    font-size:clamp(13px, 3.4vw, 17px)!important;
    margin-top:5px!important;
  }

  .wa-call-transcript-live-v165{
    left:12px!important;
    bottom:144px!important;
    font-size:10.5px!important;
    padding:7px 10px!important;
  }

  .wa-call-hand-badge-v164{
    top:max(12px, env(safe-area-inset-top))!important;
    left:12px!important;
    max-width:calc(100dvw - 24px)!important;
  }

  .wa-call-chat-panel-v164{
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:144px!important;
    width:auto!important;
    max-height:42dvh!important;
  }

  .wa-call-reaction-burst-v164{
    bottom:150px!important;
  }
}

/* Very narrow phones: two-row compact toolbar to avoid desktop cropping/overflow. */
@media (max-width:520px){
  .wa-call-media-stage-v161 .wa-call-remote-video-v161,
  .wa-call-media-stage-v161:not(.has-remote-video-v161) .wa-call-local-video-v161,
  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
    height:calc(100dvh - 178px)!important;
  }

  .wa-call-controls-v157.wa-call-controls-v159{
    min-height:158px!important;
    max-height:178px!important;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;
  }

  .wa-call-toolbar-v159{
    grid-template-columns:repeat(3, minmax(68px,1fr))!important;
    gap:7px!important;
  }

  .wa-call-tool-v159{
    height:56px!important;
  }

  .wa-call-end-v157.wa-call-end-v159{
    height:46px!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    bottom:188px!important;
    width:min(132px,38vw)!important;
  }

  .wa-call-transcript-live-v165,
  .wa-call-chat-panel-v164,
  .wa-call-reaction-burst-v164{
    bottom:188px!important;
  }
}

/* Landscape phones/tablets: keep controls slim and let the video fit remaining space. */
@media (max-height:540px) and (orientation:landscape){
  .wa-call-media-stage-v161 .wa-call-remote-video-v161,
  .wa-call-media-stage-v161:not(.has-remote-video-v161) .wa-call-local-video-v161,
  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
    height:calc(100dvh - 86px)!important;
    object-fit:contain!important;
  }

  .wa-call-controls-v157.wa-call-controls-v159{
    min-height:76px!important;
    max-height:86px!important;
    display:flex!important;
    flex-direction:row!important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;
  }

  .wa-call-toolbar-v159{
    display:grid!important;
    grid-template-columns:repeat(6, minmax(48px,1fr))!important;
    flex:1!important;
  }

  .wa-call-tool-v159{
    height:50px!important;
  }

  .wa-call-end-v157.wa-call-end-v159{
    width:88px!important;
    height:48px!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    bottom:98px!important;
    width:min(150px,22vw)!important;
  }

  .wa-call-top-v159{
    top:10px!important;
  }

  .wa-call-transcript-live-v165{
    bottom:98px!important;
  }
}


/* V167 - Reaction picker + concise English call summary */
.wa-call-reaction-picker-v167{
  position:absolute;
  left:50%;
  bottom:92px;
  transform:translateX(-50%);
  z-index:30;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
  border-radius:999px;
  background:rgba(20,20,20,.86);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 20px 55px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.wa-call-reaction-picker-v167 button{
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  display:grid;
  place-items:center;
  font-size:23px;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease;
}

.wa-call-reaction-picker-v167 button:hover{
  background:rgba(239,194,83,.20);
  transform:translateY(-2px) scale(1.05);
}

@media (max-width:768px){
  .wa-call-reaction-picker-v167{
    bottom:calc(38dvh + 12px);
    max-width:calc(100dvw - 20px);
    overflow:auto;
    border-radius:18px;
  }
  .wa-call-reaction-picker-v167 button{
    width:38px;
    height:38px;
    font-size:21px;
    flex:0 0 auto;
  }
}

@media (max-width:520px){
  .wa-call-reaction-picker-v167{
    bottom:188px;
  }
}


/* V168 - Raise hand visibility, mobile portrait call screen, and AI minutes polish */
.wa-call-participants-v168{
  position:absolute;
  top:18px;
  left:18px;
  z-index:22;
  display:flex;
  flex-direction:column;
  gap:8px;
  pointer-events:none;
}

.wa-call-participant-pill-v168{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:min(320px, calc(100vw - 36px));
  padding:7px 10px 7px 7px;
  border-radius:999px;
  background:rgba(14,14,14,.66);
  border:1px solid rgba(255,255,255,.14);
  color:#fff4cf;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.wa-call-participant-pill-v168.hand-raised-v168{
  border-color:rgba(239,194,83,.58);
  box-shadow:0 0 0 1px rgba(239,194,83,.18),0 14px 34px rgba(0,0,0,.28);
}

.wa-call-participant-avatar-v168{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#efc253;
  color:#1f1604;
  font-size:12px;
  font-weight:900;
  flex:0 0 auto;
}

.wa-call-participant-name-v168{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:800;
}

.wa-call-hand-icon-v168{
  font-size:17px;
  line-height:1;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.30));
}

.wa-call-transcript-panel-v168{
  position:absolute;
  top:24px;
  right:24px;
  bottom:104px;
  width:min(420px, calc(100vw - 48px));
  z-index:23;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:22px;
  background:rgba(20,20,20,.86);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 70px rgba(0,0,0,.36);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}

.wa-call-transcript-panel-v168 header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff3c4;
}

.wa-call-transcript-panel-v168 button{
  width:32px;
  height:32px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

.wa-call-transcript-panel-v168 pre{
  flex:1;
  overflow:auto;
  margin:0;
  padding:16px;
  color:rgba(255,255,255,.9);
  white-space:pre-wrap;
  font:500 13px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

@media (pointer:coarse) and (max-width:900px){
  .wa-call-stage-v157{
    width:100dvw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }

  .wa-call-backdrop-v159,
  .wa-call-media-stage-v161{
    width:100dvw!important;
    height:100dvh!important;
  }

  .wa-call-media-stage-v161 .wa-call-remote-video-v161,
  .wa-call-media-stage-v161:not(.has-remote-video-v161) .wa-call-local-video-v161,
  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
    width:100%!important;
    height:calc(100dvh - 178px)!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#050505!important;
  }

  .wa-call-controls-v157.wa-call-controls-v159{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    min-height:158px!important;
    max-height:178px!important;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    background:rgba(13,13,13,.98)!important;
    overflow:hidden!important;
  }

  .wa-call-toolbar-v159{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(70px,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }

  .wa-call-tool-v159{
    min-width:0!important;
    width:100%!important;
    height:56px!important;
    padding:7px 4px!important;
  }

  .wa-call-end-v157.wa-call-end-v159{
    width:100%!important;
    height:46px!important;
  }

  .wa-call-incoming-actions-v159{
    bottom:calc(178px + 18px)!important;
    flex-direction:column!important;
    width:calc(100dvw - 40px)!important;
  }

  .wa-call-incoming-actions-v159 button{
    width:100%!important;
  }

  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-local-video-v161{
    right:12px!important;
    bottom:188px!important;
    width:min(132px,38vw)!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    border-radius:13px!important;
  }

  .wa-call-participants-v168{
    top:max(12px, env(safe-area-inset-top))!important;
    left:12px!important;
    right:12px!important;
    max-width:calc(100dvw - 24px)!important;
  }

  .wa-call-participant-pill-v168{
    max-width:calc(100dvw - 24px)!important;
  }

  .wa-call-top-v159{
    top:max(78px, calc(env(safe-area-inset-top) + 68px))!important;
    width:calc(100dvw - 30px)!important;
  }

  .wa-call-top-v159 h2{
    font-size:clamp(26px,7vw,40px)!important;
  }

  .wa-call-top-v159 p{
    font-size:15px!important;
  }

  .wa-call-transcript-panel-v168{
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:188px!important;
    width:auto!important;
    max-height:44dvh!important;
    border-radius:18px!important;
  }
}

@media (pointer:coarse) and (max-height:540px) and (orientation:landscape){
  .wa-call-media-stage-v161 .wa-call-remote-video-v161,
  .wa-call-media-stage-v161:not(.has-remote-video-v161) .wa-call-local-video-v161,
  .wa-call-media-stage-v161.has-remote-video-v161 .wa-call-remote-video-v161{
    height:calc(100dvh - 126px)!important;
    object-fit:contain!important;
  }

  .wa-call-controls-v157.wa-call-controls-v159{
    min-height:110px!important;
    max-height:126px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .wa-call-toolbar-v159{
    grid-template-columns:repeat(6,minmax(46px,1fr))!important;
  }

  .wa-call-tool-v159{
    height:50px!important;
  }

  .wa-call-end-v157.wa-call-end-v159{
    height:42px!important;
  }
}


/* V169 - Meeting minutes noise filtering marker */
.wa-ai-minutes-clean-v169{display:none!important;}


/* V170 - Desktop messages scroll repair */
@media (min-width: 901px){
  body.messages-page{
    height:100dvh!important;
    overflow:hidden!important;
  }

  body.messages-page .dashboard-main.message-main{
    height:calc(100dvh - 176px)!important;
    max-height:calc(100dvh - 176px)!important;
    min-height:520px!important;
    overflow:hidden!important;
    padding:0!important;
    margin:32px auto 0!important;
    max-width:calc(100vw - 96px)!important;
  }

  body.messages-page .wa-shell-v141,
  body.messages-page .wa-shell-v143{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
  }

  body.messages-page .wa-sidebar-v141,
  body.messages-page .wa-chat-v141,
  body.messages-page .wa-details-v141{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.messages-page .wa-chat-v141{
    grid-template-rows:72px 24px minmax(0,1fr)84px!important;
  }

  body.messages-page .wa-thread-v141{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scroll-behavior:smooth;
    padding-bottom:34px!important;
  }

  body.messages-page .wa-conversation-list-v141,
  body.messages-page .wa-details-v141.open{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }

  body.messages-page .wa-composer-v141{
    min-height:84px!important;
  }

  body.messages-page .wa-bubble-v141{
    max-width:min(620px,78%)!important;
  }

  body.messages-page .wa-message-row-v141:last-child{
    margin-bottom:28px!important;
  }
}

@media (min-width: 901px) and (max-height: 760px){
  body.messages-page .dashboard-main.message-main{
    height:calc(100dvh - 132px)!important;
    max-height:calc(100dvh - 132px)!important;
    margin:16px auto 0!important;
    min-height:0!important;
  }
}

@media (min-width: 901px) and (min-height: 950px){
  body.messages-page .dashboard-main.message-main{
    height:min(780px, calc(100dvh - 190px))!important;
    max-height:min(780px, calc(100dvh - 190px))!important;
  }
}


/* V171 - Global responsive website repair + mobile Messages About panel fix */

/* Safer layout foundation across the whole app */
html,
body{
  max-width:100%;
  overflow-x:hidden!important;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
video,
canvas,
svg,
iframe{
  max-width:100%;
}

/* Prevent wide tables/cards/forms from breaking mobile screens */
.table-wrap,
.content-table-wrap,
.data-table-wrap,
.card-table-wrap,
.module-table-wrap,
.dashboard-table-wrap,
.wa-thread-v141,
.wa-chat-body-v141,
.wa-shell-v143,
.wa-main-v141,
.dashboard-main,
.page-shell,
.page-content,
.module-page,
.content-page,
.client-page,
.user-page,
.finance-page,
.team-page,
.calendar-page,
.messages-page{
  min-width:0!important;
  max-width:100%!important;
}

/* Global responsive top navigation */
@media (max-width:1180px){
  .top-taskbar,
  .linkedin-style-taskbar{
    gap:10px!important;
    padding:10px 14px!important;
  }

  .top-left-zone{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .topbar-search,
  .smart-search{
    width:min(360px, 36vw)!important;
    min-width:180px!important;
  }

  .top-nav-links,
  .icon-nav-links{
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .top-nav-links::-webkit-scrollbar,
  .icon-nav-links::-webkit-scrollbar{
    display:none;
  }

  .company-clock{
    flex:0 0 auto!important;
  }
}

@media (max-width:768px){
  body{
    min-width:0!important;
  }

  .top-taskbar,
  .linkedin-style-taskbar{
    position:sticky!important;
    top:0!important;
    z-index:900!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-areas:
      "brand search profile"
      "nav nav nav"!important;
    row-gap:10px!important;
    align-items:center!important;
    padding:10px 12px!important;
    min-height:auto!important;
  }

  .top-left-zone{
    display:contents!important;
  }

  .top-brand,
  .compact-brand{
    grid-area:brand!important;
    min-width:48px!important;
  }

  .top-brand div,
  .compact-brand div{
    display:none!important;
  }

  .top-brand span,
  .compact-brand span{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    font-size:22px!important;
  }

  .topbar-search,
  .smart-search{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .topbar-search input,
  .smart-search input{
    width:100%!important;
    height:46px!important;
    font-size:15px!important;
  }

  .profile-action-zone,
  .top-actions{
    grid-area:profile!important;
    justify-self:end!important;
  }

  .company-clock{
    display:none!important;
  }

  .top-nav-links,
  .icon-nav-links{
    grid-area:nav!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 0 4px!important;
    -webkit-overflow-scrolling:touch;
  }

  .top-nav-links a,
  .icon-nav-links a,
  .top-nav-links button,
  .icon-nav-links button{
    flex:0 0 auto!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  .dashboard-main,
  .page-shell,
  .page-content,
  .module-page{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .card,
  .module-card,
  .panel,
  .modal-card,
  .dashboard-card{
    max-width:100%!important;
  }

  input,
  select,
  textarea,
  button{
    font-size:16px;
  }
}

/* Mobile/tablet messages layout */
@media (max-width:900px){
  .messages-page .dashboard-main,
  .message-main{
    padding:0!important;
    height:calc(100dvh - 118px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .wa-shell-v143,
  .wa-shell-v141{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  .wa-sidebar-v141,
  .wa-sidebar-v143,
  .wa-conversations-v141{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    overflow:auto!important;
  }

  .wa-main-v141,
  .wa-chat-v141,
  .wa-thread-panel-v141{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  .wa-chat-header-v141,
  .wa-chat-head-v141{
    min-width:0!important;
    padding:12px!important;
    gap:10px!important;
  }

  .wa-chat-header-v141 h2,
  .wa-chat-head-v141 h2,
  .wa-chat-title-v141{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .wa-thread-v141,
  .wa-messages-v141,
  .wa-chat-body-v141{
    min-height:0!important;
    max-height:calc(100dvh - 260px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding:16px 12px 110px!important;
  }

  .wa-bubble-v141{
    max-width:min(86vw, 520px)!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .wa-message-row-v141{
    max-width:100%!important;
  }

  .wa-composer-v141,
  .wa-message-composer-v141,
  .wa-input-row-v141{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    width:100%!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid rgba(15,23,42,.08)!important;
  }
}

/* Messages About panel mobile visibility repair */
@media (max-width:900px){
  .wa-info-panel-v141,
  .wa-info-panel-v142,
  .wa-about-panel-v142,
  .wa-details-panel-v141,
  .wa-conversation-info-v141,
  .wa-right-panel-v141,
  #conversationInfoPanel,
  #aboutPanel{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100dvw!important;
    max-width:100dvw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:999998!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:20px 16px calc(24px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    box-shadow:none!important;
    border-radius:0!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .wa-info-panel-v141[hidden],
  .wa-info-panel-v142[hidden],
  .wa-about-panel-v142[hidden],
  .wa-details-panel-v141[hidden],
  .wa-conversation-info-v141[hidden],
  .wa-right-panel-v141[hidden],
  #conversationInfoPanel[hidden],
  #aboutPanel[hidden]{
    display:none!important;
  }

  .wa-info-panel-v141 header,
  .wa-info-panel-v142 header,
  .wa-about-panel-v142 header,
  .wa-details-panel-v141 header,
  .wa-conversation-info-v141 header,
  .wa-right-panel-v141 header{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    background:#fff!important;
    padding:8px 0 14px!important;
    margin:0 0 12px!important;
  }

  .wa-info-panel-v141 button,
  .wa-info-panel-v142 button,
  .wa-about-panel-v142 button,
  .wa-details-panel-v141 button,
  .wa-conversation-info-v141 button,
  .wa-right-panel-v141 button{
    min-height:42px!important;
  }
}

/* Global responsive tables: scroll horizontally instead of breaking layout */
@media (max-width:768px){
  table{
    min-width:720px;
  }

  .table-wrap,
  .content-table-wrap,
  .data-table-wrap,
  .module-table-wrap,
  .dashboard-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .form-grid,
  .modal-grid,
  .client-form-grid,
  .user-form-grid,
  .content-form-grid,
  .finance-grid,
  .dashboard-grid,
  .analytics-grid,
  .cards-grid{
    grid-template-columns:1fr!important;
  }

  .modal,
  .modal-backdrop,
  .side-panel,
  .drawer,
  .right-drawer{
    max-width:100dvw!important;
  }

  .side-panel,
  .drawer,
  .right-drawer{
    width:100dvw!important;
    right:0!important;
    left:auto!important;
  }
}

/* Small phones */
@media (max-width:480px){
  .dashboard-main,
  .page-shell,
  .page-content,
  .module-page{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .top-nav-links,
  .icon-nav-links{
    gap:8px!important;
  }

  .wa-thread-v141,
  .wa-messages-v141,
  .wa-chat-body-v141{
    max-height:calc(100dvh - 248px)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .wa-bubble-v141{
    max-width:88vw!important;
  }
}


/* V173 - Group chat creation repair */
.wa-contact-row-v145.selected{
  background:#fff7df!important;
  border-color:#efc253!important;
  box-shadow:inset 0 0 0 1px rgba(239,194,83,.38)!important;
}

.wa-contact-row-v145 i{
  min-width:22px;
  min-height:22px;
  display:grid;
  place-items:center;
  color:#b77900;
}

@media (max-width:900px){
  .wa-new-chat-panel-v145{
    max-height:calc(100dvh - 120px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .wa-group-create-box-v145{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:#fffaf0!important;
    border:1px solid rgba(239,194,83,.35)!important;
    border-radius:16px!important;
    padding:12px!important;
  }

  .wa-group-create-box-v145 input{
    width:100%!important;
  }
}


/* V174 - Workspace navigation speed + client dropdown + Team Space restore */
.top-nav-loading-v146{display:none!important}
.client-workspace-dropdown.open,
.content-client-dropdown.open,
.floating-content-client-dropdown.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:999999!important;
}
.nav-icon-button#clientNavButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.nav-icon-button#clientNavButton .nav-label{
  display:block;
}
@media (max-width:768px){
  .client-workspace-dropdown.open,
  .content-client-dropdown.open,
  .floating-content-client-dropdown.open{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:108px!important;
    width:auto!important;
    max-height:calc(100dvh - 132px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* V175 - Restore Client icon dropdown in top navigation */
.nav-icon-button,
#clientNavButton{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  font:inherit;
}

#clientNavButton.menu-open,
#clientNavButton:hover{
  color:#b77900!important;
}

.content-client-dropdown,
.floating-content-client-dropdown,
.client-workspace-dropdown{
  position:fixed!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  z-index:999999!important;
  max-height:min(520px, calc(100dvh - 96px))!important;
  overflow:auto!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.20)!important;
  padding:10px!important;
  transform:translateY(-4px)!important;
  transition:opacity .16s ease, transform .16s ease!important;
  -webkit-overflow-scrolling:touch!important;
}

.content-client-dropdown.open,
.floating-content-client-dropdown.open,
.client-workspace-dropdown.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:translateY(0)!important;
}

.content-client-menu-head{
  padding:10px 12px 8px!important;
  font-size:12px!important;
  font-weight:850!important;
  color:#8a5a00!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

.content-client-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  color:#1f2937!important;
  text-decoration:none!important;
}

.content-client-item:hover{
  background:#fff7df!important;
}

.content-client-item span:last-child{
  min-width:0!important;
}

.content-client-item strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
}

.content-client-item small{
  display:block!important;
  margin-top:2px!important;
  color:#6b7280!important;
  font-size:12px!important;
}

.client-dot{
  width:10px!important;
  height:10px!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:#efc253!important;
  box-shadow:0 0 0 4px rgba(239,194,83,.16)!important;
}

.client-dot.all{
  background:#111827!important;
  box-shadow:0 0 0 4px rgba(17,24,39,.10)!important;
}

.content-client-empty{
  padding:12px!important;
  color:#6b7280!important;
  font-size:13px!important;
  line-height:1.35!important;
}

@media (max-width:768px){
  .content-client-dropdown.open,
  .floating-content-client-dropdown.open,
  .client-workspace-dropdown.open{
    left:12px!important;
    right:12px!important;
    top:112px!important;
    width:auto!important;
    max-height:calc(100dvh - 132px)!important;
    border-radius:18px!important;
  }
}


/* V176 - Remove visible Messages module loading placeholder */
.wa-message-loading-silent-v176{
  min-height:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
}

.shell-auth-loading-v146 #topNavLinks:empty::before{
  content:''!important;
  display:none!important;
}

/* Keep restored Client dropdown above all pages */
#clientWorkspaceDropdown.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:999999!important;
}


/* V177 - LinkedIn-size compact notifications */
body.dashboard-page .notification-card-v177{
  width:100%!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid rgba(223,184,95,.35)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

body.dashboard-page .notification-card-v177 + .notification-card-v177{
  margin-top:8px!important;
}

body.dashboard-page .notification-card-v177.is-unread{
  background:#fff8e6!important;
  border-color:rgba(223,184,95,.68)!important;
  box-shadow:none!important;
}

body.dashboard-page .notification-avatar-v177{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#f8ecd0!important;
  color:#8a5a00!important;
  font-size:15px!important;
  font-weight:900!important;
  flex:0 0 auto!important;
}

body.dashboard-page .notification-body-v177{
  min-width:0!important;
  display:block!important;
  color:#161616!important;
  text-decoration:none!important;
}

body.dashboard-page .notification-line-v177{
  display:block!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.35!important;
}

body.dashboard-page .notification-line-v177 strong{
  display:inline!important;
  margin:0!important;
  font-size:14px!important;
  font-weight:850!important;
  color:#151515!important;
}

body.dashboard-page .notification-line-v177 span{
  display:inline!important;
  margin-left:4px!important;
  color:#5f5748!important;
  font-size:14px!important;
  font-weight:500!important;
}

body.dashboard-page .notification-meta-v177{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:3px!important;
  color:#8a6a2b!important;
  font-size:12px!important;
  font-weight:650!important;
}

body.dashboard-page .notification-actions-v177{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  justify-self:end!important;
  white-space:nowrap!important;
}

body.dashboard-page .notification-open-v177,
body.dashboard-page .notification-read-v177{
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(223,184,95,.45)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#7a5208!important;
  padding:0 11px!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

body.dashboard-page .notification-read-v177{
  background:#fff7df!important;
}

body.dashboard-page #notificationList.card-list{
  display:block!important;
  gap:0!important;
}

body.dashboard-page .panel:has(#notificationList){
  padding:18px 20px!important;
}

body.dashboard-page .panel:has(#notificationList) .panel-head{
  margin-bottom:12px!important;
}

@media (max-width:760px){
  body.dashboard-page .notification-card-v177{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    padding:11px 12px!important;
  }

  body.dashboard-page .notification-avatar-v177{
    width:36px!important;
    height:36px!important;
    font-size:14px!important;
  }

  body.dashboard-page .notification-actions-v177{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:4px!important;
  }

  body.dashboard-page .notification-line-v177,
  body.dashboard-page .notification-line-v177 strong,
  body.dashboard-page .notification-line-v177 span{
    font-size:13px!important;
  }

  body.dashboard-page .notification-open-v177,
  body.dashboard-page .notification-read-v177{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }
}


/* V178 - Client header profile picture / avatar repair */
.client-v46-header-card{
  align-items:center!important;
  overflow:hidden!important;
}

.client-v46-identity{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}

.client-v46-avatar-wrap{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  overflow:visible!important;
}

.client-portal-avatar,
.client-v46-avatar,
#clientPortalAvatar{
  width:96px!important;
  height:96px!important;
  min-width:96px!important;
  min-height:96px!important;
  max-width:96px!important;
  max-height:96px!important;
  aspect-ratio:1/1!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  position:relative!important;
  font-size:28px!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-indent:0!important;
  padding:0!important;
  background:linear-gradient(145deg,#f5c63d,#d9a82d)!important;
  color:#1b160f!important;
  border:6px solid #fff!important;
}

.client-portal-avatar img,
.client-v46-avatar img,
#clientPortalAvatar img,
.client-avatar-img-v178{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-indent:-9999px!important;
}

.client-avatar-initials-v178{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.client-v46-title-block{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.client-v46-title-block h1,
#workspaceTitle{
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  font-size:clamp(30px,3.35vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-0.055em!important;
}

.client-v46-title-block p,
#workspaceClientMeta{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.client-tier-badge{
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (max-width:900px){
  .client-v46-header-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:22px 18px!important;
  }

  .client-v46-identity{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:16px!important;
    width:100%!important;
  }

  .client-v46-avatar-wrap{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
  }

  .client-portal-avatar,
  .client-v46-avatar,
  #clientPortalAvatar{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
    max-width:76px!important;
    max-height:76px!important;
    font-size:22px!important;
    border-width:5px!important;
  }

  .client-avatar-initials-v178{
    font-size:22px!important;
  }

  .client-v46-title-block h1,
  #workspaceTitle{
    font-size:clamp(26px,8vw,38px)!important;
    line-height:1.05!important;
  }

  .client-v46-access-row{
    min-width:0!important;
    width:100%!important;
    justify-content:flex-start!important;
  }
}

@media (max-width:520px){
  .client-v46-identity{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:14px!important;
  }

  .client-v46-avatar-wrap{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
  }

  .client-portal-avatar,
  .client-v46-avatar,
  #clientPortalAvatar{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    font-size:19px!important;
  }

  .client-avatar-initials-v178{
    font-size:19px!important;
  }
}


/* V179 - Global device-responsive repair for all pages */
html, body{
  max-width:100%;
  overflow-x:hidden!important;
}

body{
  -webkit-text-size-adjust:100%;
}

img, video, canvas, svg, iframe{
  max-width:100%;
}

.dashboard-main,
.page-shell,
.page-content,
.client-approval-main,
.module-page,
.workspace-main{
  min-width:0!important;
}

.panel,
.module-card,
.workspace-table-panel,
.client-v46-header-card,
.client-global-filter-strip,
.analytics-panel-v100,
.modal-card,
.large-modal{
  max-width:100%!important;
}

/* Client page responsive improvements */
.client-global-filter-strip,
.client-global-filter-strip-v98{
  overflow:hidden!important;
}

.global-content-search-v98{
  display:grid!important;
  grid-template-columns:repeat(6, minmax(0, 1fr))!important;
  gap:14px!important;
  align-items:end!important;
}

.global-content-search-v98 > *{
  min-width:0!important;
}

.global-typeahead-v98 input,
.global-search-field-v98 input,
.analytics-panel-toggle-v100,
.delivery-cycle-toggle-v111,
.client-global-filter-strip select,
.client-global-filter-strip input{
  width:100%!important;
}

.client-v46-layout{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr)!important;
  gap:18px!important;
}

.client-v46-main-column{
  min-width:0!important;
}

.client-v46-access-row{
  flex-wrap:wrap!important;
  row-gap:10px!important;
}

.workspace-access-avatars{
  flex-wrap:wrap!important;
}

.client-v46-add-content,
.team-space-trigger,
.small-btn{
  white-space:nowrap!important;
}

.workspace-table-wrap,
.client-table-wrap,
.table-wrap,
[class*="table-wrap"]{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}

.client-content-table-panel-v179 .workspace-table-wrap,
.client-content-table-panel-v179 .client-table-wrap{
  overflow-x:visible!important;
}

/* Make common tables mobile-card ready */
@media (max-width: 900px){
  .dashboard-main,
  .page-shell,
  .page-content,
  .client-approval-main,
  .module-page,
  .workspace-main{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .client-v46-header-card{
    padding:18px!important;
  }

  .client-global-filter-strip,
  .client-global-filter-strip-v98{
    padding:16px!important;
    border-radius:22px!important;
  }

  .global-content-search-v98{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .analytics-toggle-cell-v100,
  .delivery-cycle-cell-v111,
  .global-keyword-search-v99,
  .global-content-search-v98 .global-typeahead-v98,
  .global-content-search-v98 > div{
    width:100%!important;
    min-width:0!important;
  }

  .client-v46-title-block p,
  #workspaceClientMeta{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .client-v46-access-row{
    justify-content:flex-start!important;
  }

  .team-space-trigger,
  .client-v46-add-content{
    width:100%!important;
    justify-content:center!important;
  }

  /* Convert management tables into stacked cards on mobile */
  table.responsive-table-v179,
  .responsive-table-v179{
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  table.responsive-table-v179 thead,
  .responsive-table-v179 thead{
    display:none!important;
  }

  table.responsive-table-v179 tbody,
  table.responsive-table-v179 tr,
  .responsive-table-v179 tbody,
  .responsive-table-v179 tr{
    display:block!important;
    width:100%!important;
  }

  table.responsive-table-v179 tbody{
    padding:0!important;
  }

  table.responsive-table-v179 tr,
  .responsive-table-v179 tr{
    margin:0 0 14px!important;
    padding:12px 12px 10px!important;
    border:1px solid #e9d9b5!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  table.responsive-table-v179 tr:last-child,
  .responsive-table-v179 tr:last-child{
    margin-bottom:0!important;
  }

  table.responsive-table-v179 td,
  .responsive-table-v179 td{
    display:grid!important;
    grid-template-columns:minmax(86px, 38%) minmax(0, 1fr)!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
    padding:9px 0!important;
    border-bottom:1px solid rgba(207, 188, 149, .45)!important;
    text-align:left!important;
    font-size:13px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  table.responsive-table-v179 td:last-child,
  .responsive-table-v179 td:last-child{
    border-bottom:0!important;
  }

  table.responsive-table-v179 td::before,
  .responsive-table-v179 td::before{
    content:attr(data-label)!important;
    display:block!important;
    min-width:0!important;
    color:#8a6a2b!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  table.responsive-table-v179 td.table-empty,
  .responsive-table-v179 td.table-empty{
    display:block!important;
    text-align:center!important;
    padding:20px 12px!important;
  }

  table.responsive-table-v179 td.table-empty::before,
  .responsive-table-v179 td.table-empty::before{
    display:none!important;
    content:none!important;
  }

  /* Action / icon cells on mobile */
  table.responsive-table-v179 td .icon-btn,
  table.responsive-table-v179 td .small-btn,
  table.responsive-table-v179 td .three-dot-btn,
  table.responsive-table-v179 td .action-menu-trigger,
  .responsive-table-v179 td .icon-btn,
  .responsive-table-v179 td .small-btn,
  .responsive-table-v179 td .three-dot-btn,
  .responsive-table-v179 td .action-menu-trigger{
    min-height:38px!important;
  }

  /* Better card sizing for thumbnail and pill cells */
  .responsive-table-v179 td img{
    max-width:64px!important;
    max-height:64px!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }

  .responsive-table-v179 td .status-pill,
  .responsive-table-v179 td .format-pill,
  .responsive-table-v179 td [class*="pill"]{
    justify-self:start!important;
  }

  /* Pagination and footer controls */
  .pagination,
  .pager,
  .content-pagination,
  [class*="pagination"]{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }

  .pagination > *,
  .pager > *,
  .content-pagination > *,
  [class*="pagination"] > *{
    flex:0 0 auto!important;
  }

  /* Modals and side panels */
  .modal-card,
  .large-modal,
  .side-panel,
  .drawer,
  .right-drawer{
    width:min(100vw - 20px, 100%)!important;
    max-width:min(100vw - 20px, 100%)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:10px auto!important;
  }

  .data-form,
  .modal-form-grid,
  .form-grid,
  .content-grid,
  .content-grid.two-column,
  .cards-grid,
  .dashboard-grid{
    grid-template-columns:1fr!important;
  }

  /* Common top navigation safety */
  .top-taskbar,
  .linkedin-style-taskbar{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}

@media (max-width: 520px){
  .dashboard-main,
  .page-shell,
  .page-content,
  .client-approval-main,
  .module-page,
  .workspace-main{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .client-v46-header-card{
    padding:16px!important;
    border-radius:22px!important;
  }

  table.responsive-table-v179 td,
  .responsive-table-v179 td{
    grid-template-columns:1fr!important;
    gap:6px!important;
    align-items:flex-start!important;
    padding:8px 0!important;
  }

  table.responsive-table-v179 td::before,
  .responsive-table-v179 td::before{
    margin-bottom:2px!important;
  }

  .global-search-field-v98 input,
  .global-typeahead-v98 input,
  .delivery-cycle-toggle-v111,
  .analytics-panel-toggle-v100,
  select{
    min-height:52px!important;
    font-size:16px!important;
  }

  .client-v46-add-content,
  .team-space-trigger{
    min-height:52px!important;
    font-size:16px!important;
  }
}


/* V180 - Notification read/unread visual state repair */
body.dashboard-page .notification-card-v177.is-read,
body.dashboard-page .notification-card-v177[data-read="true"],
.notification-card-v177.is-read,
.notification-card-v177[data-read="true"]{
  background:#ffffff!important;
  border-color:rgba(223,184,95,.30)!important;
  box-shadow:none!important;
}

body.dashboard-page .notification-card-v177.is-unread,
body.dashboard-page .notification-card-v177[data-read="false"],
.notification-card-v177.is-unread,
.notification-card-v177[data-read="false"]{
  background:#fff8e6!important;
  border-color:rgba(223,184,95,.68)!important;
}

body.dashboard-page .notification-card-v177.is-read .notification-avatar-v177,
.notification-card-v177.is-read .notification-avatar-v177{
  background:#f8f3e8!important;
  color:#8a6a2b!important;
}

body.dashboard-page .notification-card-v177.is-read .notification-line-v177 strong,
.notification-card-v177.is-read .notification-line-v177 strong{
  font-weight:750!important;
}

body.dashboard-page .notification-card-v177.is-read .notification-line-v177 span,
.notification-card-v177.is-read .notification-line-v177 span{
  color:#6b6255!important;
}

body.dashboard-page .notification-read-v177:disabled,
.notification-read-v177:disabled{
  opacity:.7!important;
  cursor:default!important;
}


/* V181 - Mark all notifications as read */
.notification-header-actions-v181{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.notification-mark-all-v181{
  background:#fff7df!important;
}

.notification-mark-all-v181:disabled{
  opacity:.68!important;
  cursor:default!important;
}

@media (max-width:720px){
  .notification-header-actions-v181{
    width:100%!important;
    justify-content:flex-start!important;
  }

  .notification-header-actions-v181 .small-btn{
    flex:1 1 150px!important;
    min-height:42px!important;
  }
}


/* V182 - Call records live in Messages, not Notification Center */
.wa-message-system,
.message-system,
[data-message-type="system"]{
  background:#fff8e6!important;
  border-color:rgba(223,184,95,.48)!important;
}



/* V183 - Message count badge on Messages nav icon */
#topNavLinks a[href*="messages.html"],
#topNavLinks a[title="Messages"],
#topNavLinks a[aria-label="Messages"]{
  position:relative!important;
}

.message-nav-badge-v183{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#d92d20!important;
  color:#fff!important;
  border:2px solid #fffaf0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 4px 12px rgba(217,45,32,.28)!important;
  pointer-events:none!important;
}

.message-nav-badge-v183[hidden]{
  display:none!important;
}

@media (max-width:768px){
  .message-nav-badge-v183{
    top:0!important;
    right:0!important;
    min-width:17px!important;
    height:17px!important;
    font-size:9.5px!important;
  }
}


/* V184 - Add members by account name, not user ID prompt */
.wa-add-members-modal-v184{
  position:fixed!important;
  inset:0!important;
  z-index:1000000!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(15,15,15,.48)!important;
}

.wa-add-members-card-v184{
  width:min(520px, calc(100vw - 32px))!important;
  max-height:min(720px, calc(100dvh - 32px))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:24px!important;
  border:1px solid rgba(223,184,95,.36)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.28)!important;
}

.wa-modal-head-v184{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:20px 20px 14px!important;
  border-bottom:1px solid rgba(223,184,95,.24)!important;
}

.wa-modal-head-v184 h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}

.wa-modal-head-v184 p{
  margin:6px 0 0!important;
  color:#6b6255!important;
  font-size:13px!important;
}

.wa-add-members-search-v184{
  margin:16px 20px 10px!important;
  height:48px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
  border:1px solid rgba(184,138,45,.34)!important;
  border-radius:16px!important;
  background:#fff!important;
}

.wa-add-members-search-v184 svg{
  width:19px!important;
  height:19px!important;
  color:#8a6a2b!important;
}

.wa-add-members-search-v184 input{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#111827!important;
  font-size:15px!important;
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
  writing-mode:horizontal-tb!important;
}

.wa-add-members-selected-v184{
  padding:0 20px 10px!important;
  color:#6b6255!important;
  font-size:13px!important;
}

.wa-add-members-selected-v184 strong{
  color:#8a5a00!important;
}

.wa-add-members-list-v184{
  flex:1!important;
  min-height:160px!important;
  overflow:auto!important;
  padding:4px 12px 12px!important;
  -webkit-overflow-scrolling:touch!important;
}

.wa-add-member-row-v184{
  display:grid!important;
  grid-template-columns:24px 38px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:16px!important;
  cursor:pointer!important;
  border:1px solid transparent!important;
}

.wa-add-member-row-v184:hover,
.wa-add-member-row-v184.selected{
  background:#fff8e6!important;
  border-color:rgba(223,184,95,.36)!important;
}

.wa-add-member-row-v184 input{
  width:18px!important;
  height:18px!important;
  accent-color:#b77900!important;
}

.wa-add-member-row-v184 span{
  min-width:0!important;
}

.wa-add-member-row-v184 strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.wa-add-member-row-v184 small{
  display:block!important;
  margin-top:2px!important;
  color:#6b7280!important;
  font-size:12px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.wa-add-member-row-v184 i{
  color:#b77900!important;
  font-weight:900!important;
  font-style:normal!important;
  text-align:center!important;
}

.wa-add-members-empty-v184{
  margin:12px!important;
  padding:18px!important;
  border-radius:16px!important;
  background:#fff8e6!important;
  color:#6b6255!important;
  text-align:center!important;
  font-size:13px!important;
}

.wa-add-members-actions-v184{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:14px 20px 20px!important;
  border-top:1px solid rgba(223,184,95,.24)!important;
}

.wa-secondary-v184{
  min-height:42px!important;
  border:1px solid rgba(223,184,95,.42)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#7a5208!important;
  padding:0 16px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

.wa-add-members-actions-v184 .wa-primary-v141{
  width:auto!important;
  min-height:42px!important;
  padding:0 18px!important;
}

.wa-add-members-actions-v184 .wa-primary-v141:disabled{
  opacity:.5!important;
  cursor:not-allowed!important;
}

@media (max-width:640px){
  .wa-add-members-modal-v184{
    padding:10px!important;
    align-items:end!important;
  }

  .wa-add-members-card-v184{
    width:100%!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:22px 22px 16px 16px!important;
  }

  .wa-add-members-actions-v184{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;
  }

  .wa-add-members-actions-v184 .wa-primary-v141,
  .wa-secondary-v184{
    width:100%!important;
  }
}


/* V185 - Group call support */
.wa-call-stage-v157.is-group-call-v185 .wa-call-top-v159 h2::after{
  content:' Group Call';
  display:block;
  font-size:14px;
  letter-spacing:.02em;
  color:#ffe8a8;
  margin-top:6px;
}

.wa-group-media-stage-v185{
  background:#050505!important;
}

.wa-group-remote-grid-v185{
  position:absolute;
  inset:72px 24px 132px 24px;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:12px;
  pointer-events:none;
}

.wa-group-remote-tile-v185{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#101010;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}

.wa-group-remote-tile-v185 video{
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:cover;
  display:block;
  background:#070707;
}

.wa-group-remote-tile-v185 span{
  position:absolute;
  left:10px;
  bottom:10px;
  max-width:calc(100% - 20px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.56);
  color:#fff4cf;
  font-size:12px;
  font-weight:850;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.wa-group-call-waiting-v185{
  position:absolute;
  inset:96px 24px 150px 24px;
  z-index:5;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:rgba(0,0,0,.22);
  color:#fff4cf;
  pointer-events:none;
}

.wa-group-call-waiting-v185 strong{
  display:block;
  font-size:22px;
  margin-bottom:8px;
}

.wa-group-call-waiting-v185 span{
  color:rgba(255,244,207,.78);
  font-size:14px;
}

.wa-call-participants-v185 .connected-v185{
  border-color:rgba(34,197,94,.42)!important;
}

.wa-call-participants-v185 .connected-v185 .wa-call-participant-avatar-v168{
  box-shadow:0 0 0 3px rgba(34,197,94,.24);
}

@media (max-width:900px){
  .wa-group-remote-grid-v185{
    inset:96px 10px 188px 10px;
    grid-template-columns:1fr;
    gap:8px;
  }

  .wa-group-remote-tile-v185{
    border-radius:14px;
  }

  .wa-group-remote-tile-v185 video{
    min-height:150px;
    object-fit:contain;
  }

  .wa-group-call-waiting-v185{
    inset:116px 12px 188px 12px;
  }
}

@media (max-width:520px){
  .wa-group-remote-grid-v185{
    inset:112px 8px 188px 8px;
  }

  .wa-group-remote-tile-v185 video{
    min-height:120px;
  }
}


/* V186 - Fix reversed typing in New Chat search */
.messages-page input,
.messages-page textarea,
.wa-new-chat-panel-v145 input,
.wa-contact-search-v145 input,
#newChatContactSearch,
#newGroupName,
#messageSearch{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:isolate!important;
  writing-mode:horizontal-tb!important;
}

#newChatContactSearch,
#newGroupName,
#messageSearch{
  caret-color:#111827!important;
}


/* V187 - Formal corporate meeting minutes format */
.wa-bubble-v141,
.wa-message-bubble-v141{
  overflow-wrap:anywhere;
}

/* V199 Consolidated runtime fixes: mobile shell, Messages, Client cards, login cleanup */

/* Auth/login pages must never show app shell. */
body.login-page > .top-taskbar,
body.auth-page > .top-taskbar,
body.public-page > .top-taskbar,
body.login-page .mobile-bottom-nav-v199,
body.auth-page .mobile-bottom-nav-v199,
body.public-page .mobile-bottom-nav-v199,
body.login-page .mobile-bottom-nav-v193,
body.auth-page .mobile-bottom-nav-v193,
body.public-page .mobile-bottom-nav-v193{
  display:none!important;
}

body.login-page,
body.auth-page,
body.public-page{
  padding-top:0!important;
}

/* Preserve old class name for JS compatibility, but style it as the V199 bottom nav. */
.mobile-top-actions-v193,
.mobile-bottom-nav-v193{
  display:none;
}

/* Mobile / narrow topbar: Search | Messages | Profile */
@media (max-width: 820px){
  body > .top-taskbar.linkedin-style-taskbar,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar{
    position:sticky!important;
    top:0!important;
    z-index:9990!important;
    width:100%!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px 48px!important;
    grid-template-areas:"search messages profile"!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    background:rgba(255,250,240,.98)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:0 8px 20px rgba(52,38,9,.08)!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .top-brand,
  body > .top-taskbar.linkedin-style-taskbar .company-clock,
  body > .top-taskbar.linkedin-style-taskbar #topNavLinks,
  body > .top-taskbar.linkedin-style-taskbar #topNavLinksPreboot,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-brand,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar #topNavLinks,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar #topNavLinksPreboot{
    display:none!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .top-left-zone,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone{
    grid-area:search!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search input{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:999px!important;
    font-size:16px!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .mobile-top-actions-v193,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .mobile-top-actions-v193{
    grid-area:messages!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    margin:0!important;
  }

  body .mobile-message-shortcut-v193{
    position:relative!important;
    inset:auto!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    border:1px solid var(--line)!important;
    background:#fff8e6!important;
    color:var(--gold-dark)!important;
    text-decoration:none!important;
    box-shadow:0 8px 20px rgba(52,38,9,.08)!important;
  }

  body .mobile-message-shortcut-v193.active{
    background:rgba(184,138,45,.18)!important;
    border-color:rgba(184,138,45,.38)!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .profile-action-zone,
  body > .top-taskbar.linkedin-style-taskbar .profile-only-shell,
  body > .top-taskbar.linkedin-style-taskbar .profile-only-action-zone,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-only-shell,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-only-action-zone{
    grid-area:profile!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    margin:0!important;
    position:relative!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .profile-menu,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-menu{
    width:48px!important;
    height:48px!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .profile-button,
  body > .top-taskbar.linkedin-style-taskbar .profile-menu-button,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-menu-button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid var(--line)!important;
    background:#fff8e6!important;
    box-shadow:0 8px 20px rgba(52,38,9,.08)!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .profile-avatar,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .profile-avatar img,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:inherit!important;
  }

  body > .top-taskbar.linkedin-style-taskbar .profile-dropdown,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-dropdown{
    position:absolute!important;
    top:56px!important;
    right:0!important;
    left:auto!important;
    z-index:10000!important;
  }

  body .mobile-bottom-nav-v193{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:9991!important;
    display:grid!important;
    grid-template-columns:repeat(var(--mobile-nav-count, 6), minmax(0, 1fr))!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
    background:rgba(255,250,240,.985)!important;
    border-top:1px solid var(--line)!important;
    box-shadow:0 -14px 34px rgba(52,38,9,.12)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  body .mobile-bottom-nav-v193 > a{
    min-width:0!important;
    height:54px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:3px!important;
    padding:6px 2px!important;
    border-radius:16px!important;
    color:var(--muted)!important;
    text-decoration:none!important;
    text-align:center!important;
    font-weight:850!important;
    overflow:hidden!important;
  }

  body .mobile-bottom-nav-v193 > a.active{
    background:rgba(184,138,45,.17)!important;
    color:var(--gold-dark)!important;
  }

  body .mobile-bottom-nav-v193 .nav-icon,
  body .mobile-message-shortcut-v193 .nav-icon{
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
    line-height:0!important;
    color:currentColor!important;
  }

  body .mobile-bottom-nav-v193 .nav-icon svg,
  body .mobile-message-shortcut-v193 .nav-icon svg{
    width:23px!important;
    height:23px!important;
    display:block!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.1!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  body .mobile-bottom-nav-v193 > a .nav-label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:-.01em!important;
  }

  body .dashboard-main{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
}

/* Messages: one-pane list/chat for phones, tablets, and narrow desktop tabs */
@media (max-width:1280px){
  body.messages-page .dashboard-main.message-main,
  body.messages-page .message-main{
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    height:calc(100dvh - 78px - 76px)!important;
    min-height:420px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body.messages-page .wa-shell-v141{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:0!important;
  }

  body.messages-page .wa-sidebar-v141,
  body.messages-page .wa-chat-v141{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.messages-page .wa-shell-v141.mobile-chat-list-v148 .wa-sidebar-v141,
  body.messages-page .wa-shell-v141.mobile-chat-list-v148:has(.wa-conversation-v141.active) .wa-sidebar-v141{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translateX(0)!important;
    pointer-events:auto!important;
    z-index:5!important;
    grid-template-rows:auto auto auto minmax(0,1fr)!important;
  }

  body.messages-page .wa-shell-v141.mobile-chat-list-v148 .wa-chat-v141,
  body.messages-page .wa-shell-v141.mobile-chat-list-v148:has(.wa-conversation-v141.active) .wa-chat-v141{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    transform:translateX(104%)!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  body.messages-page .wa-shell-v141.mobile-chat-open-v148 .wa-sidebar-v141,
  body.messages-page .wa-shell-v141.mobile-chat-open-v148:has(.wa-conversation-v141.active) .wa-sidebar-v141{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    transform:translateX(-104%)!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  body.messages-page .wa-shell-v141.mobile-chat-open-v148 .wa-chat-v141,
  body.messages-page .wa-shell-v141.mobile-chat-open-v148:has(.wa-conversation-v141.active) .wa-chat-v141{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translateX(0)!important;
    pointer-events:auto!important;
    z-index:5!important;
    grid-template-rows:72px 24px minmax(0,1fr) auto!important;
  }

  body.messages-page .wa-sidebar-head-v141,
  body.messages-page .wa-search-v141,
  body.messages-page .wa-tabs-v141,
  body.messages-page .wa-conversation-list-v141,
  body.messages-page .wa-chat-head-v141,
  body.messages-page .wa-thread-v141,
  body.messages-page .wa-compose-v141{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.messages-page .wa-conversation-list-v141{
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
  }

  body.messages-page .wa-conversation-v141{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:50px minmax(0,1fr) auto!important;
  }

  body.messages-page .wa-thread-v141{
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.messages-page .wa-bubble-v141{
    max-width:min(88vw, 680px)!important;
    overflow-wrap:anywhere!important;
  }

  body.messages-page .wa-details-v141{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(420px,100vw)!important;
    max-width:100vw!important;
    z-index:9999!important;
    background:#fff!important;
    transform:translateX(104%)!important;
    transition:transform .18s ease!important;
    overflow:auto!important;
  }

  body.messages-page .wa-details-v141.open{
    transform:translateX(0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.messages-page .wa-details-v141.collapsed{
    transform:translateX(104%)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media (max-width:820px){
  body.messages-page .dashboard-main.message-main,
  body.messages-page .message-main{
    height:calc(100dvh - 72px - 76px)!important;
  }
}

/* Client mobile cards: use cards, not compressed desktop table */
.client-mobile-cards-v191{
  display:none;
}

@media (max-width:820px){
  body.client-workspace-page{
    overflow-x:hidden!important;
  }

  body.client-workspace-page .client-approval-main,
  body.client-workspace-page .dashboard-main.client-approval-main{
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
    overflow-x:hidden!important;
  }

  body.client-workspace-page #contentTablePanel,
  body.client-workspace-page .client-content-table-panel{
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    overflow:visible!important;
  }

  body.client-workspace-page #contentTablePanel > .workspace-table-wrap,
  body.client-workspace-page #contentTablePanel > .client-table-wrap,
  body.client-workspace-page .client-approval-table{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    max-height:0!important;
    min-width:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body.client-workspace-page .client-mobile-cards-v191{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }

  body.client-workspace-page .mobile-content-card-v191{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 44px!important;
    grid-template-areas:
      "thumb main actions"
      "pills pills pills"
      "links links links"!important;
    gap:10px!important;
    padding:12px!important;
    border:1px solid #ead9b5!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(120,82,20,.06)!important;
    overflow:visible!important;
  }

  body.client-workspace-page .mobile-content-thumb-v191{grid-area:thumb!important;}
  body.client-workspace-page .mobile-content-main-v191{grid-area:main!important;min-width:0!important;align-self:center!important;}
  body.client-workspace-page .mobile-content-actions-v191{grid-area:actions!important;position:relative!important;justify-self:end!important;align-self:center!important;}
  body.client-workspace-page .mobile-content-pills-v191{grid-area:pills!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;}
  body.client-workspace-page .mobile-content-links-v191{grid-area:links!important;display:grid!important;gap:6px!important;padding-top:8px!important;border-top:1px solid rgba(234,217,181,.8)!important;}

  body.client-workspace-page .mobile-content-thumb-v191 .post-thumb,
  body.client-workspace-page .mobile-content-thumb-v191 img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    border-radius:14px!important;
    object-fit:cover!important;
  }

  body.client-workspace-page .mobile-content-main-v191 strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    color:#111827!important;
    font-size:15px!important;
    line-height:1.22!important;
    font-weight:900!important;
  }

  body.client-workspace-page .mobile-content-main-v191 small{
    display:block!important;
    margin-top:5px!important;
    color:#6b6255!important;
    font-size:12px!important;
    font-weight:750!important;
  }

  body.client-workspace-page .mobile-content-link-row-v191{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }

  body.client-workspace-page .mobile-content-link-row-v191 span{
    color:#8a6a2b!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  body.client-workspace-page .mobile-content-link-row-v191 a{
    justify-self:start!important;
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    border:1px solid rgba(184,138,45,.35)!important;
    border-radius:999px!important;
    background:#fff8e6!important;
    color:#7a5208!important;
    font-size:12px!important;
    font-weight:850!important;
    text-decoration:none!important;
  }

  body.client-workspace-page .client-v46-pagination{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-top:14px!important;
    padding:0!important;
  }
}



/* V203 - Home/mobile bottom navigation icon repair */
@media (max-width: 820px){
  body .mobile-bottom-nav-v193 .nav-icon,
  body .mobile-message-shortcut-v193 .nav-icon{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    color:currentColor!important;
    font-size:22px!important;
    line-height:1!important;
    overflow:visible!important;
  }

  body .mobile-bottom-nav-v193 .nav-icon svg,
  body .mobile-message-shortcut-v193 .nav-icon svg{
    display:block!important;
    width:23px!important;
    height:23px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.1!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  body .mobile-bottom-nav-v193 > a{
    grid-template-rows:26px 14px!important;
  }
}


/* V204 - CEO account setup simplification */
.ceo-access-settings-v204{
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffdf8,#fff7e4)!important;
  padding:18px!important;
  box-shadow:0 14px 40px rgba(120,82,20,.08)!important;
}

.ceo-access-head-v204{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}

.ceo-access-head-v204 h3{
  margin:4px 0 4px!important;
  font-size:20px!important;
  line-height:1.15!important;
  color:#111827!important;
}

.ceo-access-status-v204{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.ceo-access-grid-v204{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.ceo-access-item-v204{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:16px!important;
  background:#fff!important;
}

.ceo-access-item-v204 > span{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff3c4!important;
  color:#8a5a00!important;
  font-weight:950!important;
}

.ceo-access-item-v204 strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.2!important;
}

.ceo-access-item-v204 small{
  display:block!important;
  margin-top:3px!important;
  color:#6b6255!important;
  font-size:12px!important;
  line-height:1.35!important;
}

@media (max-width:720px){
  .ceo-access-head-v204{
    display:grid!important;
  }

  .ceo-access-grid-v204{
    grid-template-columns:1fr!important;
  }
}


/* V205 - Full CEO account creation form */
.ceo-access-settings-v205{
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffdf8,#fff7e4)!important;
  padding:18px!important;
  box-shadow:0 14px 40px rgba(120,82,20,.08)!important;
}

.ceo-access-head-v205{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:16px!important;
}

.ceo-access-head-v205 h3{
  margin:4px 0!important;
  font-size:22px!important;
  line-height:1.15!important;
  color:#111827!important;
}

.ceo-access-status-v205{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.ceo-form-section-v205{
  margin-top:14px!important;
  padding:14px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
}

.ceo-form-section-v205 h4{
  margin:0 0 12px!important;
  color:#111827!important;
  font-size:16px!important;
  line-height:1.2!important;
}

.ceo-check-grid-v205{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.ceo-check-grid-v205 label,
.ceo-toggle-line-v205{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:800!important;
}

.ceo-check-grid-v205 input[type="checkbox"],
.ceo-toggle-line-v205 input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  accent-color:#9a6a08!important;
}

.system-setup-grid-v205 label{
  background:#fff8e6!important;
}

@media (max-width:720px){
  .ceo-access-head-v205,
  .ceo-check-grid-v205{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}


/* V206 - User list internal error guard + company clock repair */
.company-clock{
  position:relative!important;
}

.company-clock-dropdown{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(360px, 90vw);
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fffdf7;
  box-shadow:0 18px 42px rgba(52,38,9,.16);
  z-index:10020;
}

.company-clock-dropdown.open{
  display:block;
}

.company-clock-search{
  width:100%;
  min-height:40px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 12px;
  font-weight:750;
  margin-bottom:8px;
}

.company-clock-detail{
  margin:0 0 8px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.company-clock-list{
  display:grid;
  gap:6px;
  max-height:260px;
  overflow:auto;
}

.clock-country-option{
  width:100%;
  text-align:left;
  padding:10px;
  border:1px solid rgba(184,138,45,.18);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
}

.clock-country-option strong,
.clock-country-option small{
  display:block;
}

.clock-country-option small{
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
}


/* V207 - Compact professional CEO account form */
.ceo-access-settings-v207{
  border:1px solid rgba(184,138,45,.24)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffdf9,#fff8e9)!important;
  padding:14px!important;
  box-shadow:0 14px 34px rgba(84,55,10,.07)!important;
}

.ceo-compact-head-v207{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding:2px 2px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.18)!important;
}

.ceo-compact-head-v207 h3{
  margin:4px 0!important;
  color:#111827!important;
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}

.ceo-compact-head-v207 .muted{
  max-width:760px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.ceo-access-pill-v207{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.ceo-summary-grid-v207{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:12px 0!important;
}

.ceo-summary-grid-v207 > div{
  padding:10px 12px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:14px!important;
  background:#fff!important;
}

.ceo-summary-grid-v207 strong,
.ceo-summary-grid-v207 small{
  display:block!important;
}

.ceo-summary-grid-v207 strong{
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
}

.ceo-summary-grid-v207 small{
  margin-top:3px!important;
  color:#756a5d!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:750!important;
}

.ceo-compact-section-v207{
  margin-top:8px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  overflow:hidden!important;
}

.ceo-compact-section-v207 summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:46px!important;
  padding:10px 14px!important;
  background:#fffaf0!important;
  border-bottom:1px solid transparent!important;
}

.ceo-compact-section-v207[open] summary{
  border-bottom-color:rgba(184,138,45,.16)!important;
}

.ceo-compact-section-v207 summary::-webkit-details-marker{
  display:none!important;
}

.ceo-compact-section-v207 summary::after{
  content:'⌄'!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.22)!important;
  color:#8a5a00!important;
  font-weight:900!important;
  transition:transform .18s ease!important;
}

.ceo-compact-section-v207[open] summary::after{
  transform:rotate(180deg)!important;
}

.ceo-compact-section-v207 summary span{
  color:#111827!important;
  font-size:14px!important;
  font-weight:950!important;
}

.ceo-compact-section-v207 summary small{
  margin-left:auto!important;
  color:#766b5b!important;
  font-size:11px!important;
  font-weight:750!important;
  text-align:right!important;
}

.ceo-compact-grid-v207{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.ceo-compact-grid-v207.three-col-v207{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.ceo-compact-grid-v207 label,
.ceo-toggle-grid-v207 label,
.ceo-inline-toggle-v207{
  min-width:0!important;
}

.ceo-compact-grid-v207 input,
.ceo-compact-grid-v207 select,
.ceo-compact-grid-v207 textarea{
  min-height:42px!important;
  border-radius:13px!important;
  font-size:14px!important;
}

.ceo-compact-grid-v207 textarea{
  padding-top:10px!important;
  resize:vertical!important;
}

.ceo-toggle-grid-v207{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
}

.ceo-toggle-grid-v207.compact-v207{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.ceo-toggle-grid-v207 label,
.ceo-inline-toggle-v207{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 10px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
}

.ceo-toggle-grid-v207 input[type="checkbox"],
.ceo-inline-toggle-v207 input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  accent-color:#9a6a08!important;
}

.ceo-access-settings-v207 .field-note{
  padding:0 12px 12px!important;
  margin:0!important;
  font-size:12px!important;
}

@media (max-width:1100px){
  .ceo-compact-grid-v207.three-col-v207,
  .ceo-toggle-grid-v207,
  .ceo-toggle-grid-v207.compact-v207{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .ceo-compact-head-v207,
  .ceo-compact-section-v207 summary{
    display:grid!important;
  }

  .ceo-access-pill-v207{
    justify-self:start!important;
  }

  .ceo-summary-grid-v207,
  .ceo-compact-grid-v207,
  .ceo-compact-grid-v207.three-col-v207,
  .ceo-toggle-grid-v207,
  .ceo-toggle-grid-v207.compact-v207{
    grid-template-columns:1fr!important;
  }

  .ceo-compact-section-v207 summary small{
    margin-left:0!important;
    text-align:left!important;
  }
}


/* V208 - Clean professional CEO form redesign */
.ceo-access-settings-v208{
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:20px!important;
  background:#fffdf8!important;
  padding:14px!important;
  box-shadow:0 12px 30px rgba(84,55,10,.06)!important;
}

.ceo-clean-head-v208{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:2px 2px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.16)!important;
}

.ceo-clean-head-v208 h3{
  margin:4px 0!important;
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  color:#111827!important;
}

.ceo-clean-head-v208 .muted{
  margin:0!important;
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.ceo-access-pill-v208{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.ceo-access-strip-v208{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:12px 0!important;
}

.ceo-access-strip-v208 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:999px!important;
  background:#fff8e6!important;
  color:#6f4d08!important;
  font-size:11px!important;
  font-weight:900!important;
}

.ceo-clean-section-v208{
  margin-top:8px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.ceo-clean-section-v208 summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  background:#fffaf0!important;
  border-bottom:1px solid transparent!important;
}

.ceo-clean-section-v208[open] summary{
  border-bottom-color:rgba(184,138,45,.14)!important;
}

.ceo-clean-section-v208 summary::-webkit-details-marker{
  display:none!important;
}

.ceo-clean-section-v208 summary::after{
  content:'⌄'!important;
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#8a5a00!important;
  font-size:14px!important;
  font-weight:900!important;
  transition:transform .16s ease!important;
}

.ceo-clean-section-v208[open] summary::after{
  transform:rotate(180deg)!important;
}

.ceo-clean-section-v208 summary strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

.ceo-clean-section-v208 summary small{
  display:block!important;
  margin-top:2px!important;
  color:#746958!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

.ceo-field-grid-v208{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.ceo-field-grid-v208.three-col-v208{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.ceo-field-grid-v208 label{
  min-width:0!important;
}

.ceo-field-grid-v208 input,
.ceo-field-grid-v208 select,
.ceo-field-grid-v208 textarea{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

.ceo-field-grid-v208 textarea{
  resize:vertical!important;
  padding-top:10px!important;
}

.ceo-setting-groups-v208{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.ceo-setting-group-v208{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  overflow:hidden!important;
}

.ceo-setting-group-v208 h4{
  margin:0!important;
  padding:10px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.ceo-setting-group-v208 label,
.ceo-module-list-v208 label,
.ceo-security-toggle-v208{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(184,138,45,.10)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  text-align:left!important;
}

.ceo-setting-group-v208 label:last-child,
.ceo-module-list-v208 label:last-child{
  border-bottom:0!important;
}

.ceo-setting-group-v208 label span,
.ceo-module-list-v208 label span,
.ceo-security-toggle-v208 span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.ceo-setting-group-v208 input[type="checkbox"],
.ceo-module-list-v208 input[type="checkbox"],
.ceo-security-toggle-v208 input[type="checkbox"]{
  justify-self:end!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  accent-color:#9a6a08!important;
  margin:0!important;
}

.ceo-module-list-v208{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
}

.ceo-module-list-v208 label{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:12px!important;
  background:#fff!important;
}

.ceo-access-settings-v208 .field-note{
  margin:0!important;
  padding:0 12px 12px!important;
  font-size:12px!important;
}

@media (max-width:1100px){
  .ceo-field-grid-v208.three-col-v208,
  .ceo-setting-groups-v208{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .ceo-clean-head-v208{
    display:grid!important;
  }

  .ceo-access-pill-v208{
    justify-self:start!important;
  }

  .ceo-field-grid-v208,
  .ceo-field-grid-v208.three-col-v208,
  .ceo-setting-groups-v208,
  .ceo-module-list-v208{
    grid-template-columns:1fr!important;
  }
}


/* V210 - Admin account creation form */
.admin-access-settings-v210{
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:20px!important;
  background:#fffdf8!important;
  padding:14px!important;
  box-shadow:0 12px 30px rgba(84,55,10,.06)!important;
}

.admin-clean-head-v210{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:2px 2px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.16)!important;
}

.admin-clean-head-v210 h3{
  margin:4px 0!important;
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  color:#111827!important;
}

.admin-clean-head-v210 .muted{
  margin:0!important;
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.admin-access-pill-v210{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.admin-access-strip-v210{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:12px 0!important;
}

.admin-access-strip-v210 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:999px!important;
  background:#fff8e6!important;
  color:#6f4d08!important;
  font-size:11px!important;
  font-weight:900!important;
}

.admin-clean-section-v210{
  margin-top:8px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.admin-clean-section-v210 summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  background:#fffaf0!important;
  border-bottom:1px solid transparent!important;
}

.admin-clean-section-v210[open] summary{
  border-bottom-color:rgba(184,138,45,.14)!important;
}

.admin-clean-section-v210 summary::-webkit-details-marker{
  display:none!important;
}

.admin-clean-section-v210 summary::after{
  content:'⌄'!important;
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#8a5a00!important;
  font-size:14px!important;
  font-weight:900!important;
  transition:transform .16s ease!important;
}

.admin-clean-section-v210[open] summary::after{
  transform:rotate(180deg)!important;
}

.admin-clean-section-v210 summary strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

.admin-clean-section-v210 summary small{
  display:block!important;
  margin-top:2px!important;
  color:#746958!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

.admin-field-grid-v210{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.admin-field-grid-v210.three-col-v210{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.admin-field-grid-v210 input,
.admin-field-grid-v210 select,
.admin-field-grid-v210 textarea{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

.admin-field-grid-v210 select[multiple]{
  min-height:120px!important;
  padding:10px!important;
}

.admin-permission-groups-v210{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.admin-permission-groups-v210.compact-v210{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.admin-permission-group-v210{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  overflow:hidden!important;
}

.admin-permission-group-v210 h4{
  margin:0!important;
  padding:10px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.admin-permission-group-v210 label,
.admin-module-list-v210 label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.10)!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  text-align:left!important;
}

.admin-permission-group-v210 label:last-child,
.admin-module-list-v210 label:last-child{
  border-bottom:0!important;
}

.admin-permission-group-v210 input[type="checkbox"],
.admin-module-list-v210 input[type="checkbox"]{
  justify-self:end!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  accent-color:#9a6a08!important;
  margin:0!important;
}

.admin-module-list-v210{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
}

.admin-module-list-v210 label{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:12px!important;
  background:#fff!important;
}

.admin-access-settings-v210 .field-note{
  margin:0!important;
  padding:0 12px 12px!important;
  font-size:12px!important;
}

@media (max-width:1100px){
  .admin-field-grid-v210.three-col-v210,
  .admin-permission-groups-v210,
  .admin-permission-groups-v210.compact-v210{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .admin-clean-head-v210,
  .admin-field-grid-v210,
  .admin-field-grid-v210.three-col-v210,
  .admin-permission-groups-v210,
  .admin-permission-groups-v210.compact-v210,
  .admin-module-list-v210{
    grid-template-columns:1fr!important;
    display:grid!important;
  }

  .admin-access-pill-v210{
    justify-self:start!important;
  }
}


/* V211 - Team Member account creation form */
.team-member-access-settings-v211{
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:20px!important;
  background:#fffdf8!important;
  padding:14px!important;
  box-shadow:0 12px 30px rgba(84,55,10,.06)!important;
}

.team-member-clean-head-v211{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:2px 2px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.16)!important;
}

.team-member-clean-head-v211 h3{
  margin:4px 0!important;
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  color:#111827!important;
}

.team-member-clean-head-v211 .muted{
  margin:0!important;
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.team-member-access-pill-v211{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#f0fdf4!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.team-member-access-strip-v211{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:12px 0!important;
}

.team-member-access-strip-v211 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:999px!important;
  background:#fff8e6!important;
  color:#6f4d08!important;
  font-size:11px!important;
  font-weight:900!important;
}

.team-member-clean-section-v211{
  margin-top:8px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.team-member-clean-section-v211 summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  background:#fffaf0!important;
  border-bottom:1px solid transparent!important;
}

.team-member-clean-section-v211[open] summary{
  border-bottom-color:rgba(184,138,45,.14)!important;
}

.team-member-clean-section-v211 summary::-webkit-details-marker{
  display:none!important;
}

.team-member-clean-section-v211 summary::after{
  content:'⌄'!important;
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#8a5a00!important;
  font-size:14px!important;
  font-weight:900!important;
  transition:transform .16s ease!important;
}

.team-member-clean-section-v211[open] summary::after{
  transform:rotate(180deg)!important;
}

.team-member-clean-section-v211 summary strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

.team-member-clean-section-v211 summary small{
  display:block!important;
  margin-top:2px!important;
  color:#746958!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

.team-member-field-grid-v211{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.team-member-field-grid-v211.three-col-v211{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.team-member-field-grid-v211 input,
.team-member-field-grid-v211 select,
.team-member-field-grid-v211 textarea{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

.team-member-field-grid-v211 textarea{
  resize:vertical!important;
  padding-top:10px!important;
}

.team-member-permission-groups-v211{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.team-member-permission-groups-v211.compact-v211{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.team-member-permission-group-v211{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  overflow:hidden!important;
}

.team-member-permission-group-v211 h4{
  margin:0!important;
  padding:10px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.team-member-permission-group-v211 label,
.team-member-module-list-v211 label,
.team-member-nav-list-v211 label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.10)!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  text-align:left!important;
}

.team-member-permission-group-v211 label:last-child,
.team-member-module-list-v211 label:last-child,
.team-member-nav-list-v211 label:last-child{
  border-bottom:0!important;
}

.team-member-permission-group-v211 input[type="checkbox"],
.team-member-module-list-v211 input[type="checkbox"],
.team-member-nav-list-v211 input[type="checkbox"]{
  justify-self:end!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  accent-color:#9a6a08!important;
  margin:0!important;
}

.team-member-module-list-v211,
.team-member-nav-list-v211{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
}

.team-member-module-list-v211 label,
.team-member-nav-list-v211 label{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:12px!important;
  background:#fff!important;
}

.team-member-access-settings-v211 .field-note{
  margin:0!important;
  padding:0 12px 12px!important;
  font-size:12px!important;
}

@media (max-width:1100px){
  .team-member-field-grid-v211.three-col-v211,
  .team-member-permission-groups-v211,
  .team-member-permission-groups-v211.compact-v211{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .team-member-clean-head-v211,
  .team-member-field-grid-v211,
  .team-member-field-grid-v211.three-col-v211,
  .team-member-permission-groups-v211,
  .team-member-permission-groups-v211.compact-v211,
  .team-member-module-list-v211,
  .team-member-nav-list-v211{
    grid-template-columns:1fr!important;
    display:grid!important;
  }

  .team-member-access-pill-v211{
    justify-self:start!important;
  }
}


/* V212 - Linked Client Workspace Add/Edit/Remove selector */
.client-workspace-assignment-v212{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.workspace-assignment-card-v212{
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:18px!important;
  background:#fffdf8!important;
  padding:14px!important;
  box-shadow:0 10px 28px rgba(84,55,10,.06)!important;
}

.workspace-assignment-head-v212{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
}

.workspace-assignment-head-v212 h3{
  margin:4px 0!important;
  color:#111827!important;
  font-size:18px!important;
  line-height:1.12!important;
}

.workspace-assignment-head-v212 .muted{
  margin:0!important;
  max-width:760px!important;
  font-size:12px!important;
  line-height:1.35!important;
}

.workspace-action-row-v212{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

.soft-action-btn-v212{
  min-height:36px!important;
  border:1px solid rgba(184,138,45,.28)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#744c00!important;
  padding:0 13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

.soft-action-btn-v212:hover{
  background:#fff8e6!important;
}

.soft-action-btn-v212.danger{
  color:#9f1239!important;
  border-color:rgba(244,63,94,.25)!important;
}

.soft-action-btn-v212:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}

.workspace-selected-list-v212{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-height:52px!important;
  padding:12px 0!important;
  align-items:center!important;
}

.workspace-chip-v212{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:0 8px 0 12px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff7df!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:850!important;
}

.workspace-chip-v212 span{
  max-width:420px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.workspace-chip-v212 button{
  width:24px!important;
  height:24px!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#9f1239!important;
  cursor:pointer!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}

.workspace-empty-v212{
  color:#7a6d5b!important;
  font-size:13px!important;
  font-weight:800!important;
}

.workspace-dropdown-panel-v212{
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:10px!important;
  box-shadow:0 14px 34px rgba(84,55,10,.10)!important;
}

.workspace-dropdown-search-v212{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:42px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  padding:0 10px!important;
  margin-bottom:8px!important;
}

.workspace-dropdown-search-v212 input{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  min-height:40px!important;
  padding:0!important;
  font-weight:850!important;
}

.workspace-option-list-v212{
  display:grid!important;
  gap:6px!important;
  max-height:260px!important;
  overflow:auto!important;
}

.workspace-option-v212{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  padding:8px 10px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:13px!important;
  background:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}

.workspace-option-v212:hover,
.workspace-option-v212.selected{
  background:#fff8e6!important;
  border-color:rgba(184,138,45,.38)!important;
}

.workspace-option-check-v212{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#f7ecd2!important;
  color:#8a5a00!important;
  font-weight:950!important;
}

.workspace-option-text-v212{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:850!important;
}

.workspace-option-action-v212{
  color:#8a5a00!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

@media (max-width:720px){
  .workspace-assignment-head-v212{
    display:grid!important;
  }

  .workspace-action-row-v212{
    justify-content:flex-start!important;
  }

  .workspace-option-v212{
    grid-template-columns:30px minmax(0,1fr)!important;
  }

  .workspace-option-action-v212{
    display:none!important;
  }

  .workspace-chip-v212 span{
    max-width:70vw!important;
  }
}


/* V213 - User category label cleanup and color coding */
body.user-module-page .category-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  letter-spacing:-.01em!important;
}

body.user-module-page .category-pill.category-ceo{
  background:#fef3c7!important;
  border-color:#f59e0b!important;
  color:#7c2d12!important;
}

body.user-module-page .category-pill.category-admin{
  background:#dbeafe!important;
  border-color:#60a5fa!important;
  color:#1e3a8a!important;
}

body.user-module-page .category-pill.category-team-member{
  background:#dcfce7!important;
  border-color:#86efac!important;
  color:#166534!important;
}

body.user-module-page .category-pill.category-client{
  background:#fce7f3!important;
  border-color:#f9a8d4!important;
  color:#9d174d!important;
}

body.user-module-page .category-pill.category-client-sub-account{
  background:#ede9fe!important;
  border-color:#c4b5fd!important;
  color:#5b21b6!important;
}

body.user-module-page .category-pill.category-unknown{
  background:#f3f4f6!important;
  border-color:#d1d5db!important;
  color:#374151!important;
}


/* V214 - Client Account Creation Form */
.client-account-settings-v214{
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:20px!important;
  background:#fffdf8!important;
  padding:14px!important;
  box-shadow:0 12px 30px rgba(84,55,10,.06)!important;
}

.client-clean-head-v214{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:2px 2px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.16)!important;
}

.client-clean-head-v214 h3{
  margin:4px 0!important;
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  color:#111827!important;
}

.client-clean-head-v214 .muted{
  margin:0!important;
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.client-access-pill-v214{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#fce7f3!important;
  border:1px solid #f9a8d4!important;
  color:#9d174d!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.client-access-strip-v214{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:12px 0!important;
}

.client-access-strip-v214 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:999px!important;
  background:#fff8e6!important;
  color:#6f4d08!important;
  font-size:11px!important;
  font-weight:900!important;
}

.client-clean-section-v214{
  margin-top:8px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.client-clean-section-v214 summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  background:#fffaf0!important;
  border-bottom:1px solid transparent!important;
}

.client-clean-section-v214[open] summary{
  border-bottom-color:rgba(184,138,45,.14)!important;
}

.client-clean-section-v214 summary::-webkit-details-marker{
  display:none!important;
}

.client-clean-section-v214 summary::after{
  content:'⌄'!important;
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#8a5a00!important;
  font-size:14px!important;
  font-weight:900!important;
  transition:transform .16s ease!important;
}

.client-clean-section-v214[open] summary::after{
  transform:rotate(180deg)!important;
}

.client-clean-section-v214 summary strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

.client-clean-section-v214 summary small{
  display:block!important;
  margin-top:2px!important;
  color:#746958!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

.client-field-grid-v214{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.client-field-grid-v214.three-col-v214{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.client-field-grid-v214 input,
.client-field-grid-v214 select,
.client-field-grid-v214 textarea{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

.client-field-grid-v214 select[multiple]{
  min-height:120px!important;
  padding:10px!important;
}

.client-inline-check-v214{
  align-content:center!important;
  align-items:center!important;
  display:flex!important;
  gap:8px!important;
  min-height:40px!important;
}

.client-permission-groups-v214{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.client-permission-group-v214{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  overflow:hidden!important;
}

.client-permission-group-v214 h4{
  margin:0!important;
  padding:10px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.client-permission-group-v214 label,
.client-module-list-v214 label,
.client-nav-list-v214 label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border-bottom:1px solid rgba(184,138,45,.10)!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  text-align:left!important;
}

.client-permission-group-v214 label:last-child,
.client-module-list-v214 label:last-child,
.client-nav-list-v214 label:last-child{
  border-bottom:0!important;
}

.client-permission-group-v214 input[type="checkbox"],
.client-module-list-v214 input[type="checkbox"],
.client-nav-list-v214 input[type="checkbox"],
.client-inline-check-v214 input[type="checkbox"]{
  justify-self:end!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  accent-color:#9a6a08!important;
  margin:0!important;
}

.client-module-list-v214,
.client-nav-list-v214{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
}

.client-module-list-v214 label,
.client-nav-list-v214 label{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:12px!important;
  background:#fff!important;
}

.client-permission-note-grid-v214{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.client-permission-note-grid-v214 > div{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  padding:12px!important;
}

.client-permission-note-grid-v214 h4{
  margin:0 0 8px!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:950!important;
}

.client-permission-note-grid-v214 p{
  margin:0!important;
  color:#746958!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

.client-account-settings-v214 .field-note{
  margin:0!important;
  padding:0 12px 12px!important;
  font-size:12px!important;
}

@media (max-width:1100px){
  .client-field-grid-v214.three-col-v214,
  .client-permission-groups-v214{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .client-clean-head-v214,
  .client-field-grid-v214,
  .client-field-grid-v214.three-col-v214,
  .client-permission-groups-v214,
  .client-module-list-v214,
  .client-nav-list-v214,
  .client-permission-note-grid-v214{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .client-access-pill-v214{
    justify-self:start!important;
  }
}


/* V215 - client account save stabilization */


/* V216 - Sub-Client Account Creation Form */
.sub-client-account-settings-v216{border:1px solid rgba(184,138,45,.22)!important;border-radius:20px!important;background:#fffdf8!important;padding:14px!important;box-shadow:0 12px 30px rgba(84,55,10,.06)!important}
.sub-client-clean-head-v216{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:2px 2px 12px!important;border-bottom:1px solid rgba(184,138,45,.16)!important}
.sub-client-clean-head-v216 h3{margin:4px 0!important;font-size:20px!important;line-height:1.12!important;letter-spacing:-.02em!important;color:#111827!important}
.sub-client-clean-head-v216 .muted{margin:0!important;max-width:760px!important;font-size:13px!important;line-height:1.4!important}
.sub-client-access-pill-v216{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:0 12px!important;border-radius:999px!important;background:#ede9fe!important;border:1px solid #c4b5fd!important;color:#5b21b6!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.sub-client-access-strip-v216{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0!important}
.sub-client-access-strip-v216 span{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 10px!important;border:1px solid rgba(184,138,45,.20)!important;border-radius:999px!important;background:#fff8e6!important;color:#6f4d08!important;font-size:11px!important;font-weight:900!important}
.sub-client-clean-section-v216{margin-top:8px!important;border:1px solid rgba(184,138,45,.18)!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important}
.sub-client-clean-section-v216 summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:44px!important;padding:10px 14px!important;background:#fffaf0!important;border-bottom:1px solid transparent!important}
.sub-client-clean-section-v216[open] summary{border-bottom-color:rgba(184,138,45,.14)!important}
.sub-client-clean-section-v216 summary::-webkit-details-marker{display:none!important}
.sub-client-clean-section-v216 summary::after{content:'⌄'!important;flex:0 0 auto!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border:1px solid rgba(184,138,45,.22)!important;border-radius:999px!important;background:#fff!important;color:#8a5a00!important;font-size:14px!important;font-weight:900!important;transition:transform .16s ease!important}
.sub-client-clean-section-v216[open] summary::after{transform:rotate(180deg)!important}
.sub-client-clean-section-v216 summary strong{display:block!important;color:#111827!important;font-size:14px!important;line-height:1.15!important;font-weight:950!important}
.sub-client-clean-section-v216 summary small{display:block!important;margin-top:2px!important;color:#746958!important;font-size:11px!important;line-height:1.2!important;font-weight:750!important}
.sub-client-field-grid-v216{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important}
.sub-client-field-grid-v216 input,.sub-client-field-grid-v216 select,.sub-client-field-grid-v216 textarea{min-height:40px!important;border-radius:12px!important;font-size:14px!important}
.sub-client-permission-groups-v216{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px!important}
.sub-client-permission-group-v216{border:1px solid rgba(184,138,45,.16)!important;border-radius:14px!important;background:#fffdf8!important;overflow:hidden!important}
.sub-client-permission-group-v216 h4{margin:0!important;padding:10px 12px!important;border-bottom:1px solid rgba(184,138,45,.14)!important;color:#111827!important;font-size:13px!important;line-height:1.1!important;font-weight:950!important}
.sub-client-permission-group-v216 label,.sub-client-module-list-v216 label,.sub-client-nav-list-v216 label{display:grid!important;grid-template-columns:minmax(0,1fr) 22px!important;align-items:center!important;gap:10px!important;min-height:38px!important;padding:9px 12px!important;border-bottom:1px solid rgba(184,138,45,.10)!important;background:#fff!important;color:#111827!important;font-size:12px!important;line-height:1.2!important;font-weight:850!important;text-align:left!important}
.sub-client-permission-group-v216 input[type="checkbox"],.sub-client-module-list-v216 input[type="checkbox"],.sub-client-nav-list-v216 input[type="checkbox"]{justify-self:end!important;width:18px!important;height:18px!important;min-width:18px!important;accent-color:#9a6a08!important;margin:0!important}
.sub-client-module-list-v216,.sub-client-nav-list-v216{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}
.sub-client-module-list-v216 label,.sub-client-nav-list-v216 label{border:1px solid rgba(184,138,45,.16)!important;border-radius:12px!important;background:#fff!important}
.sub-client-restriction-list-v216{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}
.sub-client-restriction-list-v216 span{display:block!important;border:1px solid rgba(220,38,38,.16)!important;border-radius:12px!important;background:#fff7f7!important;color:#7f1d1d!important;padding:10px 12px!important;font-size:12px!important;font-weight:850!important}
.sub-client-account-settings-v216 .field-note{margin:0!important;padding:0 12px 12px!important;font-size:12px!important}
@media(max-width:1100px){.sub-client-permission-groups-v216{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.sub-client-clean-head-v216,.sub-client-field-grid-v216,.sub-client-permission-groups-v216,.sub-client-module-list-v216,.sub-client-nav-list-v216,.sub-client-restriction-list-v216{display:grid!important;grid-template-columns:1fr!important}.sub-client-access-pill-v216{justify-self:start!important}}

/* V217 - Sub-client multi-workspace support */

/* V218 - Sub-client selected workspace payload fix */


/* V219 - Responsive and scannable UI system
   Goal: every page, table, form, modal, and workspace panel adjusts to device width.
*/
html{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

body{
  overflow-x:hidden!important;
}

*, *::before, *::after{
  box-sizing:border-box!important;
}

img, video, canvas, svg{
  max-width:100%!important;
}

input, select, textarea, button{
  max-width:100%!important;
}

body,
.app-shell,
.shell,
.page-shell,
.page,
.main,
.main-content,
.content,
.content-wrap,
.workspace,
.workspace-shell,
.dashboard,
.dashboard-grid,
.panel,
.card,
.modal,
.modal-card,
.modal-panel,
.modal-body,
.modal-content,
.modal-form-grid,
.nested-grid,
.wide-field{
  min-width:0!important;
  max-width:100%!important;
}

.main-content,
.page-content,
.content-wrap,
.workspace-main,
.dashboard-main{
  width:100%!important;
  overflow-x:hidden!important;
}

.topbar,
.header,
.page-header,
.module-header,
.workspace-header,
.navbar,
.nav-shell{
  min-width:0!important;
}

.page-header,
.module-header,
.workspace-header{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
}

.page-header > *,
.module-header > *,
.workspace-header > *{
  min-width:0!important;
}

/* Modal / drawer fitting */
.modal.open,
.modal[open],
.dialog.open{
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(10px,2vw,24px)!important;
}

.modal-card,
.modal-panel,
.dialog-panel,
#userModal .modal-card,
#userModal .modal-panel,
.add-user-modal,
.user-modal{
  width:min(1120px, calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:clamp(16px,2vw,24px)!important;
}

.modal-body,
.modal-content{
  overflow:visible!important;
}

/* Form readability */
.modal-form-grid,
.nested-grid,
.ceo-field-grid-v208,
.admin-field-grid-v210,
.team-member-field-grid-v211,
.client-field-grid-v214,
.sub-client-field-grid-v216{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;
  gap:clamp(10px,1.6vw,14px)!important;
}

.modal-form-grid label,
.nested-grid label,
.ceo-field-grid-v208 label,
.admin-field-grid-v210 label,
.team-member-field-grid-v211 label,
.client-field-grid-v214 label,
.sub-client-field-grid-v216 label{
  min-width:0!important;
}

.modal-form-grid input,
.modal-form-grid select,
.modal-form-grid textarea,
.nested-grid input,
.nested-grid select,
.nested-grid textarea,
.ceo-field-grid-v208 input,
.ceo-field-grid-v208 select,
.ceo-field-grid-v208 textarea,
.admin-field-grid-v210 input,
.admin-field-grid-v210 select,
.admin-field-grid-v210 textarea,
.team-member-field-grid-v211 input,
.team-member-field-grid-v211 select,
.team-member-field-grid-v211 textarea,
.client-field-grid-v214 input,
.client-field-grid-v214 select,
.client-field-grid-v214 textarea,
.sub-client-field-grid-v216 input,
.sub-client-field-grid-v216 select,
.sub-client-field-grid-v216 textarea{
  width:100%!important;
  min-width:0!important;
}

/* Account creation sections: compact and scannable */
.ceo-access-settings-v208,
.admin-access-settings-v210,
.team-member-access-settings-v211,
.client-account-settings-v214,
.sub-client-account-settings-v216,
.workspace-assignment-card-v212{
  width:100%!important;
  max-width:100%!important;
  padding:clamp(10px,1.8vw,14px)!important;
}

.ceo-clean-head-v208,
.admin-clean-head-v210,
.team-member-clean-head-v211,
.client-clean-head-v214,
.sub-client-clean-head-v216,
.workspace-assignment-head-v212{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.ceo-clean-head-v208 > div,
.admin-clean-head-v210 > div,
.team-member-clean-head-v211 > div,
.client-clean-head-v214 > div,
.sub-client-clean-head-v216 > div,
.workspace-assignment-head-v212 > div{
  min-width:min(100%,320px)!important;
  flex:1 1 420px!important;
}

.ceo-access-strip-v208,
.admin-access-strip-v210,
.team-member-access-strip-v211,
.client-access-strip-v214,
.sub-client-access-strip-v216{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.ceo-clean-section-v208 summary,
.admin-clean-section-v210 summary,
.team-member-clean-section-v211 summary,
.client-clean-section-v214 summary,
.sub-client-clean-section-v216 summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}

.ceo-clean-section-v208 summary div,
.admin-clean-section-v210 summary div,
.team-member-clean-section-v211 summary div,
.client-clean-section-v214 summary div,
.sub-client-clean-section-v216 summary div{
  min-width:0!important;
}

.ceo-clean-section-v208 summary strong,
.admin-clean-section-v210 summary strong,
.team-member-clean-section-v211 summary strong,
.client-clean-section-v214 summary strong,
.sub-client-clean-section-v216 summary strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Permission/card grids auto-fit */
.ceo-setting-groups-v208,
.ceo-module-list-v208,
.admin-permission-groups-v210,
.admin-module-list-v210,
.team-member-permission-groups-v211,
.team-member-module-list-v211,
.team-member-nav-list-v211,
.client-permission-groups-v214,
.client-module-list-v214,
.client-nav-list-v214,
.client-permission-note-grid-v214,
.sub-client-permission-groups-v216,
.sub-client-module-list-v216,
.sub-client-nav-list-v216,
.sub-client-restriction-list-v216{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important;
  gap:clamp(8px,1.4vw,12px)!important;
}

/* Table responsiveness */
.table-wrap,
.table-container,
.data-table-wrap,
.users-table-wrap,
.account-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

table{
  max-width:100%!important;
}

body.user-module-page table{
  width:100%!important;
}

body.user-module-page th,
body.user-module-page td{
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

/* User table card mode for small devices */
@media (max-width: 820px){
  body.user-module-page .table-wrap,
  body.user-module-page .table-container,
  body.user-module-page .data-table-wrap{
    overflow:visible!important;
  }

  body.user-module-page table,
  body.user-module-page thead,
  body.user-module-page tbody,
  body.user-module-page tr,
  body.user-module-page th,
  body.user-module-page td{
    display:block!important;
    width:100%!important;
  }

  body.user-module-page thead{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }

  body.user-module-page tbody{
    display:grid!important;
    gap:10px!important;
  }

  body.user-module-page tr{
    border:1px solid rgba(184,138,45,.18)!important;
    border-radius:16px!important;
    background:#fff!important;
    padding:8px 10px!important;
    box-shadow:0 8px 22px rgba(84,55,10,.06)!important;
  }

  body.user-module-page td{
    display:grid!important;
    grid-template-columns:minmax(110px,38%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    padding:8px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(184,138,45,.10)!important;
    text-align:left!important;
  }

  body.user-module-page td:last-child{
    border-bottom:0!important;
  }

  body.user-module-page td::before{
    content:attr(data-label)!important;
    color:#7b6b53!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }

  body.user-module-page td[data-label="Actions"]{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
  }

  body.user-module-page td[data-label="Actions"]::before{
    flex:0 0 auto!important;
  }
}

/* Medium screens */
@media (max-width: 1024px){
  .modal-card,
  .modal-panel,
  #userModal .modal-card,
  #userModal .modal-panel{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }

  .modal-form-grid,
  .nested-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;
  }
}

/* Phones */
@media (max-width: 720px){
  body{
    font-size:14px!important;
  }

  .page,
  .main-content,
  .content-wrap,
  .workspace-main{
    padding-left:clamp(10px,3.5vw,16px)!important;
    padding-right:clamp(10px,3.5vw,16px)!important;
  }

  .modal.open,
  .modal[open],
  .dialog.open{
    align-items:stretch!important;
    justify-content:center!important;
    padding:8px!important;
  }

  .modal-card,
  .modal-panel,
  #userModal .modal-card,
  #userModal .modal-panel{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:18px!important;
  }

  .modal-header,
  .modal-titlebar,
  .drawer-header{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    background:inherit!important;
  }

  .modal-footer,
  .drawer-footer,
  .form-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    background:inherit!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  .modal-footer button,
  .drawer-footer button,
  .form-actions button{
    flex:1 1 140px!important;
  }

  .ceo-clean-head-v208,
  .admin-clean-head-v210,
  .team-member-clean-head-v211,
  .client-clean-head-v214,
  .sub-client-clean-head-v216,
  .workspace-assignment-head-v212{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .ceo-clean-section-v208 summary,
  .admin-clean-section-v210 summary,
  .team-member-clean-section-v211 summary,
  .client-clean-section-v214 summary,
  .sub-client-clean-section-v216 summary{
    align-items:flex-start!important;
  }

  .ceo-clean-section-v208 summary small,
  .admin-clean-section-v210 summary small,
  .team-member-clean-section-v211 summary small,
  .client-clean-section-v214 summary small,
  .sub-client-clean-section-v216 summary small{
    display:none!important;
  }

  .workspace-action-row-v212{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .soft-action-btn-v212{
    width:100%!important;
    padding:0 8px!important;
    font-size:12px!important;
  }

  .workspace-chip-v212{
    width:100%!important;
    justify-content:space-between!important;
    border-radius:14px!important;
  }

  .workspace-chip-v212 span{
    max-width:calc(100vw - 110px)!important;
  }

  .workspace-option-v212{
    grid-template-columns:28px minmax(0,1fr)!important;
  }

  .workspace-option-action-v212{
    display:none!important;
  }
}

/* Very small phones */
@media (max-width: 430px){
  body{
    font-size:13px!important;
  }

  .modal-card,
  .modal-panel,
  #userModal .modal-card,
  #userModal .modal-panel{
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
    border-radius:16px!important;
  }

  .modal-form-grid,
  .nested-grid,
  .ceo-field-grid-v208,
  .admin-field-grid-v210,
  .team-member-field-grid-v211,
  .client-field-grid-v214,
  .sub-client-field-grid-v216{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.user-module-page td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  body.user-module-page td::before{
    font-size:10px!important;
  }

  .workspace-action-row-v212{
    grid-template-columns:1fr!important;
  }
}

/* Landscape short screens */
@media (max-height: 560px) and (orientation: landscape){
  .modal-card,
  .modal-panel,
  #userModal .modal-card,
  #userModal .modal-panel{
    max-height:calc(100dvh - 10px)!important;
  }

  .ceo-access-strip-v208,
  .admin-access-strip-v210,
  .team-member-access-strip-v211,
  .client-access-strip-v214,
  .sub-client-access-strip-v216{
    display:none!important;
  }
}


/* V220 - Narrow screen user directory card width repair
   Fixes card rows appearing cut off in split-screen, phone, tablet, and narrow desktop widths.
*/
@media (max-width: 980px){
  body.user-module-page,
  body.user-module-page .dashboard-main,
  body.user-module-page main,
  body.user-module-page .panel,
  body.user-module-page .wide-panel,
  body.user-module-page .table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }

  body.user-module-page .wide-panel{
    padding-left:clamp(12px,3vw,18px)!important;
    padding-right:clamp(12px,3vw,18px)!important;
  }

  body.user-module-page .table-wrap{
    display:block!important;
    padding:0!important;
    margin:0!important;
  }

  body.user-module-page .table-wrap > table,
  body.user-module-page table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  body.user-module-page table thead{
    display:none!important;
  }

  body.user-module-page table tbody{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
  }

  body.user-module-page table tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(184,138,45,.18)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(84,55,10,.06)!important;
    overflow:hidden!important;
  }

  body.user-module-page table td{
    display:grid!important;
    grid-template-columns:minmax(118px,34%) minmax(0,1fr)!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(184,138,45,.10)!important;
    background:transparent!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-align:left!important;
  }

  body.user-module-page table td:last-child{
    border-bottom:0!important;
  }

  body.user-module-page table td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#78684f!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
    padding-right:10px!important;
  }

  body.user-module-page table td > *{
    max-width:100%!important;
    min-width:0!important;
  }

  body.user-module-page table td[data-label="Actions"]{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  body.user-module-page table td[data-label="Actions"]::before{
    flex:0 0 auto!important;
  }
}

@media (max-width: 520px){
  body.user-module-page .wide-panel{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.user-module-page table tr{
    padding:9px 10px!important;
    border-radius:14px!important;
  }

  body.user-module-page table td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  body.user-module-page table td::before{
    font-size:10px!important;
    padding-right:0!important;
  }
}

/* Avoid conflict with older global mobile table min-width rules */
@media (max-width: 980px){
  body.user-module-page table,
  body.user-module-page .table-wrap table{
    min-width:0!important;
  }
}


/* V221 - Restore Client icon dropdown choice */
body.dashboard-page > .top-taskbar .icon-nav-links button.nav-icon-button,
body.dashboard-page > .top-taskbar .icon-nav-links button[data-client-nav-button="1"]{
  position:relative!important;
  width:52px!important;
  height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  color:#655d4e!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
  appearance:none!important;
  font:inherit!important;
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
}

body.dashboard-page > .top-taskbar .icon-nav-links button.nav-icon-button:hover,
body.dashboard-page > .top-taskbar .icon-nav-links button[data-client-nav-button="1"]:hover{
  background:#f4ead5!important;
  color:var(--gold-dark)!important;
  transform:translateY(-1px)!important;
}

body.dashboard-page > .top-taskbar .icon-nav-links button.nav-icon-button.active,
body.dashboard-page > .top-taskbar .icon-nav-links button[data-client-nav-button="1"].active,
body.dashboard-page > .top-taskbar .icon-nav-links button[data-client-nav-button="1"].menu-open{
  background:#f2e3c4!important;
  color:var(--gold-dark)!important;
}

body.dashboard-page > .top-taskbar .icon-nav-links button.nav-icon-button.active::after,
body.dashboard-page > .top-taskbar .icon-nav-links button[data-client-nav-button="1"].active::after{
  content:''!important;
  position:absolute!important;
  left:15px!important;
  right:15px!important;
  bottom:4px!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--gold-dark)!important;
}

body.dashboard-page > .top-taskbar .icon-nav-links button[data-client-nav-button="1"] .nav-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.mobile-bottom-nav-v193 button[data-client-nav-button="1"]{
  border:0!important;
  background:transparent!important;
  appearance:none!important;
  font:inherit!important;
  color:inherit!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  cursor:pointer!important;
}

.mobile-bottom-nav-v193 button[data-client-nav-button="1"].active,
.mobile-bottom-nav-v193 button[data-client-nav-button="1"].menu-open{
  background:#f2e3c4!important;
  color:var(--gold-dark)!important;
}

.floating-content-client-dropdown.open{
  display:block!important;
}

.floating-content-client-dropdown .content-client-item{
  cursor:pointer!important;
}

@media(max-width:760px){
  .floating-content-client-dropdown.open{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:min(440px, calc(100dvh - 150px))!important;
    overflow:auto!important;
  }
}


/* V222 - Analytics filter badge placement repair
   Fixes the "Filtered by..." text overlapping / looking selected on top of AI Recommendation.
*/
html body.client-portal-v109 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v110 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v111 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v112 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v113 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v114 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v115 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v116 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v117 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v118 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v119 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v120 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v121 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v122 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v123 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v124 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v125 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v126 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v127 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v128 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v129 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v130 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v131 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v132 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v133 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v134 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v135 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v136 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v137 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v138 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v139 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v140 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v141 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v142 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v143 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v144 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v145 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v146 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v147 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v148 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v149 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v150 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v151 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v152 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v153 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v154 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v155 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v156 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v157 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v158 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v159 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v160 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v161 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v162 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v163 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v164 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v165 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v166 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v167 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v168 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v169 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v170 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v171 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v172 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v173 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v174 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v175 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v176 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v177 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v178 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v179 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v180 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v181 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v182 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v183 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v184 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v185 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v186 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v187 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v188 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v189 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v190 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v191 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v192 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v193 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v194 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v195 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v196 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v197 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v198 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v199 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v200 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v201 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v202 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v203 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v204 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v205 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v206 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v207 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v208 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v209 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v210 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v211 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v212 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v213 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v214 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v215 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v216 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v217 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v218 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v219 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v220 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v221 #analyticsDataScope.analytics-scope-pill-v109,
html body.client-portal-v222 #analyticsDataScope.analytics-scope-pill-v109{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:1!important;
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  height:auto!important;
  margin:0 0 10px auto!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(203,160,72,.26)!important;
  background:#fff8e6!important;
  color:#73520b!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-align:right!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  box-shadow:0 6px 16px rgba(84,55,10,.05)!important;
  user-select:none!important;
}

html body[class*="client-portal-v"] .analytics-panel-v109{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:16px 16px 0!important;
  overflow:visible!important;
}

html body[class*="client-portal-v"] .analytics-decision-row-v109{
  min-height:198px!important;
  height:auto!important;
}

html body[class*="client-portal-v"] .analytics-decision-col-v105{
  min-height:198px!important;
}

@media(max-width:1560px){
  html body[class*="client-portal-v"] .analytics-panel-v109{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }

  html body[class*="client-portal-v"] #analyticsDataScope.analytics-scope-pill-v109{
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }
}

@media(max-width:760px){
  html body[class*="client-portal-v"] #analyticsDataScope.analytics-scope-pill-v109{
    width:100%!important;
    justify-content:flex-start!important;
    border-radius:14px!important;
  }

  html body[class*="client-portal-v"] .analytics-decision-row-v109{
    min-width:0!important;
  }

  html body[class*="client-portal-v"] .analytics-decision-col-v105{
    min-height:150px!important;
  }
}


/* V223 - Client workspace avatar image restore */
.client-portal-avatar,
.client-v46-avatar{
  overflow:hidden!important;
}
.client-portal-avatar .client-avatar-img-v178,
.client-v46-avatar .client-avatar-img-v178,
#clientPortalAvatar .client-avatar-img-v178{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.client-portal-avatar .client-avatar-initials-v178,
.client-v46-avatar .client-avatar-initials-v178,
#clientPortalAvatar .client-avatar-initials-v178{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
.workspace-access-avatars .access-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}


/* V224 - Client split-screen professional layout
   Fixes the client workspace when browser width is narrow but still desktop/tablet sized.
   The content list now becomes a polished compact card list instead of looking cramped or oversized.
*/
@media (min-width: 681px) and (max-width: 1180px){
  html body.client-workspace-page,
  html body.client-approval-page,
  html body[class*="client-portal-v"]{
    --client-page-pad-v224: clamp(18px, 3vw, 28px);
  }

  html body[class*="client-portal-v"] .client-approval-main,
  html body[class*="client-portal-v"] .dashboard-main,
  html body[class*="client-portal-v"] main{
    width:100%!important;
    max-width:100%!important;
    padding-left:var(--client-page-pad-v224)!important;
    padding-right:var(--client-page-pad-v224)!important;
    padding-bottom:96px!important;
    overflow-x:hidden!important;
  }

  html body[class*="client-portal-v"] .client-v46-header-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    padding:26px!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:22px!important;
    align-items:center!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:88px!important;
    min-width:88px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:82px!important;
    height:82px!important;
    font-size:26px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block{
    min-width:0!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(32px, 4.2vw, 48px)!important;
    line-height:1.03!important;
    letter-spacing:-.055em!important;
    max-width:100%!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  html body[class*="client-portal-v"] #workspaceClientMeta{
    font-size:18px!important;
    line-height:1.25!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding-left:110px!important;
  }

  html body[class*="client-portal-v"] .client-global-filter-strip,
  html body[class*="client-portal-v"] .client-global-filter-strip-v98{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px!important;
  }

  html body[class*="client-portal-v"] .global-content-search-v98{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    align-items:end!important;
  }

  html body[class*="client-portal-v"] .analytics-toggle-cell-v100{
    grid-column:1 / -1!important;
  }

  html body[class*="client-portal-v"] .global-keyword-search-v99{
    grid-column:1 / -1!important;
  }

  html body[class*="client-portal-v"] .global-search-field-v98 input,
  html body[class*="client-portal-v"] .delivery-cycle-toggle-v111,
  html body[class*="client-portal-v"] .global-typeahead-v98 input,
  html body[class*="client-portal-v"] .global-typeahead-v98 select{
    min-height:52px!important;
  }

  html body[class*="client-portal-v"] .client-table-card,
  html body[class*="client-portal-v"] .content-table-card,
  html body[class*="client-portal-v"] .content-list-card,
  html body[class*="client-portal-v"] .content-table-wrap,
  html body[class*="client-portal-v"] .client-content-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html body[class*="client-portal-v"] table.content-table,
  html body[class*="client-portal-v"] .content-table,
  html body[class*="client-portal-v"] .client-content-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border-collapse:separate!important;
  }

  html body[class*="client-portal-v"] table.content-table thead,
  html body[class*="client-portal-v"] .content-table thead,
  html body[class*="client-portal-v"] .client-content-table thead{
    display:none!important;
  }

  html body[class*="client-portal-v"] table.content-table tbody,
  html body[class*="client-portal-v"] .content-table tbody,
  html body[class*="client-portal-v"] .client-content-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
  }

  html body[class*="client-portal-v"] table.content-table tr,
  html body[class*="client-portal-v"] .content-table tr,
  html body[class*="client-portal-v"] .client-content-table tr{
    position:relative!important;
    display:grid!important;
    grid-template-columns:74px minmax(0,1.2fr) minmax(170px,.8fr) 48px!important;
    grid-template-areas:
      "thumb main chips actions"
      "thumb links links actions"!important;
    align-items:start!important;
    column-gap:16px!important;
    row-gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:18px 18px!important;
    border:1px solid rgba(194,151,66,.28)!important;
    border-radius:20px!important;
    background:#fffdf8!important;
    box-shadow:0 18px 38px rgba(75,52,14,.065)!important;
  }

  html body[class*="client-portal-v"] table.content-table tr:hover,
  html body[class*="client-portal-v"] .content-table tr:hover,
  html body[class*="client-portal-v"] .client-content-table tr:hover{
    border-color:rgba(184,138,45,.42)!important;
    box-shadow:0 24px 52px rgba(75,52,14,.10)!important;
  }

  html body[class*="client-portal-v"] table.content-table td,
  html body[class*="client-portal-v"] .content-table td,
  html body[class*="client-portal-v"] .client-content-table td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body[class*="client-portal-v"] table.content-table td::before,
  html body[class*="client-portal-v"] .content-table td::before,
  html body[class*="client-portal-v"] .client-content-table td::before{
    content:''!important;
    display:none!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(1),
  html body[class*="client-portal-v"] .content-table td:nth-child(1),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(1){
    grid-area:thumb!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(2),
  html body[class*="client-portal-v"] .content-table td:nth-child(2),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(2),
  html body[class*="client-portal-v"] table.content-table td:nth-child(3),
  html body[class*="client-portal-v"] .content-table td:nth-child(3),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(3){
    grid-area:main!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(4),
  html body[class*="client-portal-v"] .content-table td:nth-child(4),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(4),
  html body[class*="client-portal-v"] table.content-table td:nth-child(5),
  html body[class*="client-portal-v"] .content-table td:nth-child(5),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(5),
  html body[class*="client-portal-v"] table.content-table td:nth-child(6),
  html body[class*="client-portal-v"] .content-table td:nth-child(6),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(6){
    grid-area:chips!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(7),
  html body[class*="client-portal-v"] .content-table td:nth-child(7),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(7),
  html body[class*="client-portal-v"] table.content-table td:nth-child(8),
  html body[class*="client-portal-v"] .content-table td:nth-child(8),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(8),
  html body[class*="client-portal-v"] table.content-table td:nth-child(9),
  html body[class*="client-portal-v"] .content-table td:nth-child(9),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(9){
    grid-area:links!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    padding-top:12px!important;
    border-top:1px solid rgba(184,138,45,.16)!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(10),
  html body[class*="client-portal-v"] .content-table td:nth-child(10),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(10){
    display:none!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(11),
  html body[class*="client-portal-v"] .content-table td:nth-child(11),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(11){
    grid-area:actions!important;
    align-self:start!important;
    justify-self:end!important;
  }

  html body[class*="client-portal-v"] .thumbnail-cell,
  html body[class*="client-portal-v"] .content-thumb,
  html body[class*="client-portal-v"] .content-thumbnail,
  html body[class*="client-portal-v"] .thumb-box{
    width:64px!important;
    height:64px!important;
    border-radius:16px!important;
    object-fit:cover!important;
  }

  html body[class*="client-portal-v"] .content-title,
  html body[class*="client-portal-v"] .post-title,
  html body[class*="client-portal-v"] td:nth-child(3) strong,
  html body[class*="client-portal-v"] td:nth-child(3) b{
    font-size:20px!important;
    line-height:1.18!important;
    font-weight:950!important;
    color:#131927!important;
  }

  html body[class*="client-portal-v"] .status-pill,
  html body[class*="client-portal-v"] .format-pill,
  html body[class*="client-portal-v"] .brand-pill,
  html body[class*="client-portal-v"] .link-chip,
  html body[class*="client-portal-v"] .open-link-btn,
  html body[class*="client-portal-v"] td a{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body[class*="client-portal-v"] .content-actions-btn,
  html body[class*="client-portal-v"] .row-actions-btn,
  html body[class*="client-portal-v"] .action-menu-btn{
    width:44px!important;
    height:44px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
  }

  html body[class*="client-portal-v"] .pagination,
  html body[class*="client-portal-v"] .content-pagination,
  html body[class*="client-portal-v"] .pagination-v100{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
  }
}

/* Extra compact split screens */
@media (min-width: 681px) and (max-width: 860px){
  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:16px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:72px!important;
    min-width:72px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:68px!important;
    height:68px!important;
    font-size:22px!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    padding-left:0!important;
  }

  html body[class*="client-portal-v"] .global-content-search-v98{
    grid-template-columns:1fr!important;
  }

  html body[class*="client-portal-v"] table.content-table tr,
  html body[class*="client-portal-v"] .content-table tr,
  html body[class*="client-portal-v"] .client-content-table tr{
    grid-template-columns:64px minmax(0,1fr) 44px!important;
    grid-template-areas:
      "thumb main actions"
      "thumb chips actions"
      "links links links"!important;
    padding:16px!important;
  }

  html body[class*="client-portal-v"] table.content-table td:nth-child(7),
  html body[class*="client-portal-v"] .content-table td:nth-child(7),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(7),
  html body[class*="client-portal-v"] table.content-table td:nth-child(8),
  html body[class*="client-portal-v"] .content-table td:nth-child(8),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(8),
  html body[class*="client-portal-v"] table.content-table td:nth-child(9),
  html body[class*="client-portal-v"] .content-table td:nth-child(9),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(9){
    grid-template-columns:1fr!important;
  }
}

/* Phone card design: keep clean, not oversized */
@media (max-width: 680px){
  html body[class*="client-portal-v"] .client-approval-main,
  html body[class*="client-portal-v"] .dashboard-main,
  html body[class*="client-portal-v"] main{
    padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px))!important;
  }

  html body[class*="client-portal-v"] table.content-table tr,
  html body[class*="client-portal-v"] .content-table tr,
  html body[class*="client-portal-v"] .client-content-table tr{
    border-radius:18px!important;
    box-shadow:0 12px 28px rgba(75,52,14,.06)!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(30px, 8vw, 38px)!important;
    line-height:1.06!important;
    letter-spacing:-.05em!important;
  }
}


/* V225 - Thumbnail preview and download */
.content-thumb-preview-btn{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#f5eddb!important;
  overflow:hidden!important;
  cursor:pointer!important;
  display:inline-grid!important;
  place-items:center!important;
  box-shadow:0 0 0 1px rgba(184,138,45,.14)!important;
}

.content-thumb-preview-btn .content-thumb{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:inherit!important;
  transition:transform .18s ease, filter .18s ease!important;
}

.content-thumb-preview-btn:hover .content-thumb,
.content-thumb-preview-btn:focus-visible .content-thumb{
  transform:scale(1.05)!important;
  filter:brightness(.9)!important;
}

.content-thumb-zoom-icon{
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.72)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  opacity:0!important;
  transform:translateY(3px)!important;
  transition:opacity .18s ease, transform .18s ease!important;
  pointer-events:none!important;
}

.content-thumb-preview-btn:hover .content-thumb-zoom-icon,
.content-thumb-preview-btn:focus-visible .content-thumb-zoom-icon{
  opacity:1!important;
  transform:translateY(0)!important;
}

.thumbnail-preview-open-v225{
  overflow:hidden!important;
}

.thumbnail-preview-modal-v225{
  position:fixed!important;
  inset:0!important;
  z-index:5000000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
}

.thumbnail-preview-modal-v225.open{
  display:flex!important;
}

.thumbnail-preview-backdrop-v225{
  position:absolute!important;
  inset:0!important;
  background:rgba(17,24,39,.72)!important;
  backdrop-filter:blur(8px)!important;
}

.thumbnail-preview-card-v225{
  position:relative!important;
  width:min(980px, calc(100vw - 32px))!important;
  max-height:calc(100dvh - 40px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fffdf8!important;
  border:1px solid rgba(225,196,139,.70)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.30)!important;
}

.thumbnail-preview-head-v225{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 22px!important;
  border-bottom:1px solid rgba(184,138,45,.18)!important;
}

.thumbnail-preview-head-v225 p{
  margin:0 0 3px!important;
  color:#7b5a14!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

.thumbnail-preview-head-v225 h2{
  margin:0!important;
  color:#111827!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}

.thumbnail-preview-close-v225{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}

.thumbnail-preview-body-v225{
  min-height:0!important;
  padding:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#fffaf0 0%,#fffdf8 100%)!important;
  overflow:auto!important;
}

.thumbnail-preview-body-v225 img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 190px)!important;
  object-fit:contain!important;
  border-radius:16px!important;
  box-shadow:0 16px 45px rgba(75,52,14,.18)!important;
  background:#fff!important;
}

.thumbnail-preview-actions-v225{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:16px 22px!important;
  border-top:1px solid rgba(184,138,45,.18)!important;
  background:#fffdf8!important;
}

.thumbnail-preview-actions-v225 a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.thumbnail-preview-actions-v225 a:first-child{
  border:1px solid rgba(184,138,45,.24)!important;
  color:#7a5208!important;
  background:#fff!important;
}

.thumbnail-preview-actions-v225 a:last-child{
  border:1px solid #8a5a00!important;
  color:#fff!important;
  background:linear-gradient(135deg,#c49022,#8a5a00)!important;
  box-shadow:0 12px 24px rgba(138,90,0,.20)!important;
}

@media (min-width:681px) and (max-width:1180px){
  html body[class*="client-portal-v"] .content-thumb-preview-btn{
    width:64px!important;
    height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    border-radius:16px!important;
  }
}

@media (max-width:680px){
  .thumbnail-preview-modal-v225{
    padding:10px!important;
  }

  .thumbnail-preview-card-v225{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:18px!important;
  }

  .thumbnail-preview-head-v225{
    padding:14px 16px!important;
  }

  .thumbnail-preview-head-v225 h2{
    font-size:18px!important;
  }

  .thumbnail-preview-body-v225{
    padding:12px!important;
  }

  .thumbnail-preview-body-v225 img{
    max-height:calc(100dvh - 178px)!important;
  }

  .thumbnail-preview-actions-v225{
    padding:12px 14px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  .thumbnail-preview-actions-v225 a{
    width:100%!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
}


/* V226 - Client content cards professional compact polish
   Fixes split-screen / half-screen client page looking messy by replacing oversized mobile cards
   with compact, scannable approval cards.
*/
@media (max-width: 1180px){
  html body[class*="client-portal-v"] #contentTablePanel.client-content-table-panel,
  html body[class*="client-portal-v"] .client-content-table-panel,
  html body[class*="client-portal-v"] .client-v46-table-card,
  html body[class*="client-portal-v"] .client-v51-table-card{
    padding:12px!important;
    border-radius:22px!important;
    background:#fffdf8!important;
    border:1px solid rgba(210,172,92,.35)!important;
    box-shadow:0 18px 44px rgba(75,52,14,.07)!important;
    overflow:visible!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel .workspace-table-wrap,
  html body[class*="client-portal-v"] #contentTablePanel .client-table-wrap{
    display:none!important;
  }

  html body[class*="client-portal-v"] #mobileContentCardsV191.client-mobile-cards-v191{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-card-v191{
    position:relative!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 42px!important;
    grid-template-areas:
      "thumb main actions"
      "pills pills pills"
      "links links links"!important;
    align-items:start!important;
    column-gap:12px!important;
    row-gap:10px!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:13px!important;
    border:1px solid rgba(184,138,45,.18)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(75,52,14,.055)!important;
    overflow:visible!important;
  }

  html body[class*="client-portal-v"] .mobile-content-card-v191:hover{
    border-color:rgba(184,138,45,.34)!important;
    box-shadow:0 14px 34px rgba(75,52,14,.085)!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191{
    grid-area:thumb!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#f5eddb!important;
    display:grid!important;
    place-items:center!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb-preview-btn,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .placeholder-thumb{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    border-radius:14px!important;
    margin:0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .placeholder-thumb{
    display:grid!important;
    place-items:center!important;
    color:#b59351!important;
    font-size:20px!important;
    background:#f6efdf!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191{
    grid-area:main!important;
    min-width:0!important;
    display:grid!important;
    align-content:center!important;
    gap:3px!important;
    padding:1px 0 0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191 strong{
    display:block!important;
    margin:0!important;
    color:#111827!important;
    font-size:17px!important;
    line-height:1.18!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191 small{
    display:block!important;
    margin:0!important;
    color:#6f6657!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  html body[class*="client-portal-v"] .mobile-content-actions-v191{
    grid-area:actions!important;
    justify-self:end!important;
    align-self:start!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    margin:0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-actions-v191 .content-action-trigger,
  html body[class*="client-portal-v"] .content-actions-cell .content-action-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:999px!important;
    border:1px solid rgba(184,138,45,.22)!important;
    background:#fffaf0!important;
    color:#7b5208!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191{
    grid-area:pills!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    padding:10px 0 0!important;
    margin:0!important;
    border-top:1px solid rgba(184,138,45,.12)!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191 .status-pill,
  html body[class*="client-portal-v"] .mobile-content-pills-v191 .format-pill{
    max-width:100%!important;
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191 .mobile-brand-v191{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191 .table-brand-toggle{
    transform:scale(.86)!important;
    transform-origin:left center!important;
    margin-right:-6px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-links-v191{
    grid-area:links!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    gap:5px!important;
    min-width:0!important;
    min-height:58px!important;
    padding:9px 10px!important;
    border:1px solid rgba(184,138,45,.14)!important;
    border-radius:14px!important;
    background:#fffaf0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191 span{
    display:block!important;
    color:#7e6d51!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191 a{
    justify-self:start!important;
    max-width:100%!important;
    min-height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    border:1px solid rgba(184,138,45,.24)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#7a5208!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191 em{
    color:#8b8172!important;
    font-size:15px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:800!important;
  }

  html body[class*="client-portal-v"] .content-action-menu{
    border-radius:14px!important;
    border:1px solid rgba(184,138,45,.22)!important;
    box-shadow:0 18px 42px rgba(43,31,12,.18)!important;
    overflow:hidden!important;
  }

  html body[class*="client-portal-v"] .client-v46-pagination{
    position:relative!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:12px 2px 2px!important;
    border-top:1px solid rgba(184,138,45,.12)!important;
  }

  html body[class*="client-portal-v"] .client-v46-pagination > span{
    font-size:15px!important;
    line-height:1!important;
    font-weight:950!important;
    color:#111827!important;
  }

  html body[class*="client-portal-v"] .client-v46-page-controls{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    justify-content:flex-end!important;
  }

  html body[class*="client-portal-v"] .client-v46-page-controls .small-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
    padding:0!important;
    font-size:14px!important;
  }
}

/* Keep split-screen cards elegant instead of giant mobile cards */
@media (min-width:681px) and (max-width:1180px){
  html body[class*="client-portal-v"] .client-v46-main-column,
  html body[class*="client-portal-v"] .client-content-column{
    max-width:100%!important;
  }

  html body[class*="client-portal-v"] #mobileContentCardsV191.client-mobile-cards-v191{
    gap:12px!important;
  }
}

/* Narrow phone: one-column link area and tighter spacing */
@media (max-width:680px){
  html body[class*="client-portal-v"] #contentTablePanel.client-content-table-panel,
  html body[class*="client-portal-v"] .client-content-table-panel{
    padding:10px!important;
    border-radius:18px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-card-v191{
    grid-template-columns:54px minmax(0,1fr) 40px!important;
    padding:12px!important;
    gap:10px!important;
    border-radius:16px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb-preview-btn,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .placeholder-thumb{
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191 strong{
    font-size:16px!important;
    -webkit-line-clamp:2!important;
  }

  html body[class*="client-portal-v"] .mobile-content-links-v191{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191{
    min-height:44px!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }

  html body[class*="client-portal-v"] .client-v46-pagination{
    justify-content:center!important;
    text-align:center!important;
  }

  html body[class*="client-portal-v"] .client-v46-page-controls{
    justify-content:center!important;
  }
}


/* V227 - Client cards cleaner ultra-compact layout
   Makes half-screen/tablet Client content cards cleaner, tighter, and more premium.
*/
@media (max-width:1180px){
  html body[class*="client-portal-v"] .add-content-btn,
  html body[class*="client-portal-v"] #addContentBtn,
  html body[class*="client-portal-v"] .client-add-content-btn,
  html body[class*="client-portal-v"] .primary-add-content-btn{
    min-height:44px!important;
    height:44px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    font-size:15px!important;
    font-weight:950!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel.client-content-table-panel,
  html body[class*="client-portal-v"] .client-content-table-panel,
  html body[class*="client-portal-v"] .client-v46-table-card,
  html body[class*="client-portal-v"] .client-v51-table-card{
    padding:10px!important;
    border-radius:20px!important;
    background:rgba(255,253,248,.92)!important;
    box-shadow:0 14px 32px rgba(75,52,14,.055)!important;
  }

  html body[class*="client-portal-v"] #mobileContentCardsV191.client-mobile-cards-v191{
    gap:9px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-card-v191{
    grid-template-columns:50px minmax(0,1fr) 36px!important;
    grid-template-areas:
      "thumb main actions"
      "pills pills actions"
      "links links links"!important;
    column-gap:10px!important;
    row-gap:8px!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    border-color:rgba(184,138,45,.16)!important;
    box-shadow:0 8px 22px rgba(75,52,14,.045)!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb-preview-btn,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .placeholder-thumb{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    border-radius:13px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191{
    min-height:50px!important;
    align-content:center!important;
    gap:2px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191 strong{
    font-size:15.5px!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
    -webkit-line-clamp:1!important;
  }

  html body[class*="client-portal-v"] .mobile-content-main-v191 small{
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  html body[class*="client-portal-v"] .mobile-content-actions-v191{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-actions-v191 .content-action-trigger,
  html body[class*="client-portal-v"] .content-actions-cell .content-action-trigger{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:18px!important;
    border-color:rgba(184,138,45,.18)!important;
    background:#fffbf3!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191{
    padding:7px 0 0!important;
    gap:6px!important;
    border-top:1px solid rgba(184,138,45,.10)!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191 .status-pill,
  html body[class*="client-portal-v"] .mobile-content-pills-v191 .format-pill{
    min-height:24px!important;
    height:24px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
    letter-spacing:0!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191 .table-brand-toggle{
    transform:scale(.75)!important;
    transform-origin:left center!important;
    margin-right:-11px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-links-v191{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191{
    min-height:42px!important;
    padding:7px 9px!important;
    gap:4px!important;
    border-radius:12px!important;
    background:#fffaf1!important;
    border-color:rgba(184,138,45,.12)!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191 span{
    font-size:8.5px!important;
    letter-spacing:.10em!important;
    line-height:1!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191 a{
    min-height:23px!important;
    padding:0 9px!important;
    font-size:11px!important;
    border-color:rgba(184,138,45,.22)!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191 em{
    font-size:13px!important;
    line-height:1!important;
  }

  html body[class*="client-portal-v"] .client-v46-pagination{
    margin-top:8px!important;
    padding-top:10px!important;
  }

  html body[class*="client-portal-v"] .client-v46-pagination > span{
    font-size:14px!important;
  }

  html body[class*="client-portal-v"] .client-v46-page-controls .small-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
}

/* Half-screen desktop: keep links in one clean row, tighter cards */
@media (min-width:760px) and (max-width:1180px){
  html body[class*="client-portal-v"] .mobile-content-card-v191{
    grid-template-columns:52px minmax(0,1fr) auto 36px!important;
    grid-template-areas:
      "thumb main pills actions"
      "links links links links"!important;
    align-items:center!important;
    padding:10px 12px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-pills-v191{
    padding:0!important;
    border-top:0!important;
    justify-content:flex-end!important;
    align-self:center!important;
  }

  html body[class*="client-portal-v"] .mobile-content-links-v191{
    padding-top:8px!important;
    border-top:1px solid rgba(184,138,45,.10)!important;
  }
}

/* Phone: keep compact but readable */
@media (max-width:680px){
  html body[class*="client-portal-v"] .mobile-content-card-v191{
    grid-template-columns:48px minmax(0,1fr) 34px!important;
    padding:10px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb-preview-btn,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .content-thumb,
  html body[class*="client-portal-v"] .mobile-content-thumb-v191 .placeholder-thumb{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }

  html body[class*="client-portal-v"] .mobile-content-links-v191{
    grid-template-columns:1fr!important;
  }

  html body[class*="client-portal-v"] .mobile-content-link-row-v191{
    min-height:36px!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
  }
}


/* V228 - Professional image placeholder icon */
.professional-image-placeholder-v228,
.content-thumb.placeholder-thumb.professional-image-placeholder-v228,
.mobile-content-thumb-v191 .professional-image-placeholder-v228{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.95), rgba(255,255,255,0) 32%),
    linear-gradient(135deg,#fff7e8 0%,#f1e5ce 100%)!important;
  border:1px solid rgba(184,138,45,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 8px 18px rgba(75,52,14,.055)!important;
  color:#9a7428!important;
  overflow:hidden!important;
}

.professional-image-icon-v228{
  width:24px!important;
  height:24px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.86!important;
}

.mobile-content-thumb-v191 .professional-image-icon-v228{
  width:23px!important;
  height:23px!important;
}

.content-thumb-preview-btn + .professional-image-placeholder-v228{
  display:none!important;
}

@media (max-width:680px){
  .professional-image-icon-v228{
    width:22px!important;
    height:22px!important;
  }
}


/* V229 - Client content table center alignment
   Centers thumbnails, placeholders, badges, links, last edited avatar, and action buttons inside their table columns.
*/
@media (min-width:1181px){
  html body[class*="client-portal-v"] #contentTablePanel table,
  html body[class*="client-portal-v"] .client-content-table,
  html body[class*="client-portal-v"] .content-table{
    table-layout:fixed!important;
    width:100%!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel th,
  html body[class*="client-portal-v"] #contentTablePanel td,
  html body[class*="client-portal-v"] .client-content-table th,
  html body[class*="client-portal-v"] .client-content-table td,
  html body[class*="client-portal-v"] .content-table th,
  html body[class*="client-portal-v"] .content-table td{
    vertical-align:middle!important;
    text-align:center!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel th:nth-child(3),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(3),
  html body[class*="client-portal-v"] .client-content-table th:nth-child(3),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(3),
  html body[class*="client-portal-v"] .content-table th:nth-child(3),
  html body[class*="client-portal-v"] .content-table td:nth-child(3){
    text-align:left!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(1),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(4),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(5),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(6),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(7),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(8),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(9),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(10),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(11),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(1),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(4),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(5),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(6),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(7),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(8),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(9),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(10),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(11){
    text-align:center!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(1) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(4) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(5) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(6) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(7) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(8) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(9) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(10) > *,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(11) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(1) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(4) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(5) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(6) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(7) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(8) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(9) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(10) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(11) > *{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body[class*="client-portal-v"] .content-thumb-preview-btn,
  html body[class*="client-portal-v"] .content-thumb,
  html body[class*="client-portal-v"] .placeholder-thumb,
  html body[class*="client-portal-v"] .professional-image-placeholder-v228{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body[class*="client-portal-v"] .table-brand-toggle,
  html body[class*="client-portal-v"] .brand-partner-toggle,
  html body[class*="client-portal-v"] .status-pill,
  html body[class*="client-portal-v"] .format-pill,
  html body[class*="client-portal-v"] .content-action-trigger,
  html body[class*="client-portal-v"] .action-menu-btn,
  html body[class*="client-portal-v"] .last-edited-avatar,
  html body[class*="client-portal-v"] .content-last-edited-avatar,
  html body[class*="client-portal-v"] .workspace-access-avatars{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(7) a,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(8) a,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(9) a,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(7) a,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(8) a,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(9) a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Card layouts: center thumbnail and action button inside their slots */
@media (max-width:1180px){
  html body[class*="client-portal-v"] .mobile-content-thumb-v191,
  html body[class*="client-portal-v"] .mobile-content-actions-v191{
    display:grid!important;
    place-items:center!important;
  }

  html body[class*="client-portal-v"] .mobile-content-thumb-v191 > *,
  html body[class*="client-portal-v"] .mobile-content-actions-v191 > *{
    margin:auto!important;
  }
}


/* V230 - Post Title column center alignment
   Centers the Post Title column content while keeping text readable inside the cell.
*/
@media (min-width:1181px){
  html body[class*="client-portal-v"] #contentTablePanel th:nth-child(3),
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(3),
  html body[class*="client-portal-v"] .client-content-table th:nth-child(3),
  html body[class*="client-portal-v"] .client-content-table td:nth-child(3),
  html body[class*="client-portal-v"] .content-table th:nth-child(3),
  html body[class*="client-portal-v"] .content-table td:nth-child(3){
    text-align:center!important;
    vertical-align:middle!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(3) > *,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(3) > *,
  html body[class*="client-portal-v"] .content-table td:nth-child(3) > *{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(3) strong,
  html body[class*="client-portal-v"] #contentTablePanel td:nth-child(3) b,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(3) strong,
  html body[class*="client-portal-v"] .client-content-table td:nth-child(3) b,
  html body[class*="client-portal-v"] .content-table td:nth-child(3) strong,
  html body[class*="client-portal-v"] .content-table td:nth-child(3) b{
    display:inline-block!important;
    max-width:100%!important;
    text-align:center!important;
  }
}


/* V231 - Workspace timestamp clean live label */
html body[class*="client-portal-v"] #workspaceLastEdited{
  white-space:nowrap!important;
  letter-spacing:-.01em!important;
}


/* V232 - Realtime calculated workspace timestamp */
html body[class*="client-portal-v"] #workspaceLastEdited{
  white-space:nowrap!important;
}


/* V233 - Clean client workspace header + last editor avatar only */
html body[class*="client-portal-v"] .client-v46-header-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:34px 38px!important;
  min-height:190px!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .client-v46-identity{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:30px!important;
}

html body[class*="client-portal-v"] .client-v46-avatar-wrap{
  width:112px!important;
  min-width:112px!important;
  gap:9px!important;
}

html body[class*="client-portal-v"] .client-portal-avatar,
html body[class*="client-portal-v"] .client-v46-avatar{
  width:106px!important;
  height:106px!important;
  font-size:30px!important;
  border-width:6px!important;
}

html body[class*="client-portal-v"] .client-tier-badge{
  min-width:86px!important;
  max-width:104px!important;
  min-height:24px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(75,52,14,.06)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .client-v46-title-block{
  min-width:0!important;
}

html body[class*="client-portal-v"] .client-v46-title-block h1,
html body[class*="client-portal-v"] #workspaceTitle{
  max-width:min(100%, 980px)!important;
  margin-bottom:14px!important;
  font-size:clamp(36px, 4.2vw, 62px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  overflow-wrap:break-word!important;
}

html body[class*="client-portal-v"] .client-v46-title-block p,
html body[class*="client-portal-v"] #workspaceClientMeta{
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:850!important;
}

html body[class*="client-portal-v"] .client-v46-access-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:end!important;
  align-content:center!important;
  gap:12px!important;
  min-width:210px!important;
  max-width:260px!important;
  color:#7b715f!important;
}

html body[class*="client-portal-v"] #workspaceLastEdited{
  order:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.16)!important;
  color:#7a705f!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(75,52,14,.045)!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars{
  order:2!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar{
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border:3px solid #fffaf0!important;
  box-shadow:0 10px 26px rgba(75,52,14,.16)!important;
  font-size:12px!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar:not(:first-child){
  display:none!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge{
  order:3!important;
  margin-top:-54px!important;
  margin-right:-13px!important;
  min-width:27px!important;
  width:auto!important;
  height:27px!important;
  padding:0 8px!important;
  border:3px solid #fffaf0!important;
  border-radius:999px!important;
  background:#f6e6c5!important;
  color:#7b5208!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(75,52,14,.14)!important;
  z-index:2!important;
}

html body[class*="client-portal-v"] .team-space-trigger,
html body[class*="client-portal-v"] .teamspace-trigger-v130{
  order:4!important;
  min-height:44px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  font-size:16px!important;
  background:#fffaf0!important;
  box-shadow:0 10px 24px rgba(75,52,14,.05)!important;
}

/* Tablet and split-screen header cleanup */
@media (max-width:1180px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:26px!important;
    min-height:0!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:20px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:88px!important;
    min-width:88px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:82px!important;
    height:82px!important;
    font-size:25px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(30px, 5vw, 44px)!important;
    line-height:1.04!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    padding-left:108px!important;
  }

  html body[class*="client-portal-v"] #workspaceLastEdited{
    order:1!important;
    min-height:32px!important;
    font-size:13px!important;
  }

  html body[class*="client-portal-v"] .workspace-access-avatars{
    order:2!important;
  }

  html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge{
    order:3!important;
    margin-top:0!important;
    margin-right:0!important;
    margin-left:-18px!important;
    align-self:flex-start!important;
  }

  html body[class*="client-portal-v"] .team-space-trigger,
  html body[class*="client-portal-v"] .teamspace-trigger-v130{
    order:4!important;
    min-height:38px!important;
    padding:0 16px!important;
    font-size:14px!important;
  }
}

@media (max-width:680px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    padding:20px!important;
    border-radius:22px!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:14px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:70px!important;
    min-width:70px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:64px!important;
    height:64px!important;
    font-size:21px!important;
    border-width:4px!important;
  }

  html body[class*="client-portal-v"] .client-tier-badge{
    min-width:64px!important;
    max-width:72px!important;
    height:22px!important;
    font-size:10px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(26px, 7.5vw, 34px)!important;
    line-height:1.05!important;
    margin-bottom:8px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block p,
  html body[class*="client-portal-v"] #workspaceClientMeta{
    font-size:16px!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    padding-left:0!important;
    flex-wrap:wrap!important;
  }
}


/* V234 - Executive compact Client workspace header
   Makes the Client header cleaner by reducing oversized typography, tightening the card,
   and grouping activity/member/team controls into one polished right-side block.
*/
html body[class*="client-portal-v"] .client-v46-header-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  align-items:center!important;
  gap:28px!important;
  min-height:0!important;
  padding:26px 30px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 8% 12%, rgba(244,196,61,.08), transparent 34%),
    #fffdf8!important;
  border:1px solid rgba(210,172,92,.42)!important;
  box-shadow:0 18px 44px rgba(75,52,14,.065)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .client-v46-identity{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .client-v46-avatar-wrap{
  width:86px!important;
  min-width:86px!important;
  gap:8px!important;
}

html body[class*="client-portal-v"] .client-portal-avatar,
html body[class*="client-portal-v"] .client-v46-avatar{
  width:82px!important;
  height:82px!important;
  border-width:5px!important;
  font-size:25px!important;
  box-shadow:0 12px 28px rgba(155,111,28,.14)!important;
}

html body[class*="client-portal-v"] .client-tier-badge{
  min-width:74px!important;
  max-width:86px!important;
  min-height:22px!important;
  height:22px!important;
  padding:0 10px!important;
  font-size:11px!important;
  font-weight:900!important;
  border:1px solid rgba(184,138,45,.10)!important;
  box-shadow:0 8px 18px rgba(75,52,14,.045)!important;
}

html body[class*="client-portal-v"] .client-v46-title-block{
  min-width:0!important;
  display:grid!important;
  gap:9px!important;
}

html body[class*="client-portal-v"] .client-v46-title-block h1,
html body[class*="client-portal-v"] #workspaceTitle{
  max-width:100%!important;
  margin:0!important;
  color:#090807!important;
  font-size:clamp(34px, 3.15vw, 48px)!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  text-wrap:balance!important;
}

html body[class*="client-portal-v"] .client-v46-title-block p,
html body[class*="client-portal-v"] #workspaceClientMeta{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.14)!important;
  color:#6f6657!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .client-v46-access-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:
    "edited edited"
    "avatar count"
    "team team"!important;
  align-items:center!important;
  justify-items:end!important;
  gap:9px!important;
  min-width:0!important;
  width:250px!important;
  max-width:250px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.14)!important;
  box-shadow:0 14px 30px rgba(75,52,14,.055)!important;
  color:#7b715f!important;
}

html body[class*="client-portal-v"] .client-v46-access-row::before{
  content:"Workspace Activity"!important;
  position:absolute!important;
  top:13px!important;
  left:16px!important;
  color:#8a6a2a!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

html body[class*="client-portal-v"] #workspaceLastEdited{
  grid-area:edited!important;
  justify-self:end!important;
  min-height:26px!important;
  height:26px!important;
  margin:0 0 6px 0!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.14)!important;
  color:#776b5c!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars{
  grid-area:avatar!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar{
  width:44px!important;
  height:44px!important;
  margin:0!important;
  border:3px solid #fffaf0!important;
  box-shadow:0 10px 24px rgba(75,52,14,.14)!important;
  font-size:12px!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar:not(:first-child){
  display:none!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge{
  grid-area:count!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:34px!important;
  width:auto!important;
  height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:999px!important;
  background:#f8ecd3!important;
  color:#7b5208!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:none!important;
  z-index:2!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge::after{
  content:"members"!important;
  margin-left:6px!important;
  color:#7d7364!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

html body[class*="client-portal-v"] .team-space-trigger,
html body[class*="client-portal-v"] .teamspace-trigger-v130{
  grid-area:team!important;
  justify-self:stretch!important;
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  margin-top:4px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  border:1px solid rgba(184,138,45,.30)!important;
  background:linear-gradient(180deg,#fffaf0,#fff7e7)!important;
  color:#704707!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

/* Half-screen and tablet */
@media (max-width:1180px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:22px!important;
    border-radius:22px!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:16px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:76px!important;
    min-width:76px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:70px!important;
    height:70px!important;
    font-size:22px!important;
    border-width:4px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(28px, 5vw, 38px)!important;
    line-height:1.08!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block p,
  html body[class*="client-portal-v"] #workspaceClientMeta{
    min-height:28px!important;
    font-size:14px!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:auto auto 1fr!important;
    grid-template-areas:"avatar count edited" "team team team"!important;
    justify-items:start!important;
    align-items:center!important;
    padding:14px!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row::before{
    display:none!important;
  }

  html body[class*="client-portal-v"] #workspaceLastEdited{
    justify-self:end!important;
    margin:0!important;
  }

  html body[class*="client-portal-v"] .team-space-trigger,
  html body[class*="client-portal-v"] .teamspace-trigger-v130{
    justify-self:start!important;
    width:auto!important;
    min-width:220px!important;
  }
}

/* Phone */
@media (max-width:680px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    padding:18px!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:12px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:62px!important;
    min-width:62px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:58px!important;
    height:58px!important;
    font-size:19px!important;
  }

  html body[class*="client-portal-v"] .client-tier-badge{
    min-width:58px!important;
    max-width:64px!important;
    font-size:9.5px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(24px, 7vw, 31px)!important;
    letter-spacing:-.045em!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block p,
  html body[class*="client-portal-v"] #workspaceClientMeta{
    width:100%!important;
    min-height:26px!important;
    font-size:13px!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    grid-template-columns:auto auto!important;
    grid-template-areas:"avatar count" "edited edited" "team team"!important;
    gap:8px!important;
  }

  html body[class*="client-portal-v"] #workspaceLastEdited{
    justify-self:start!important;
  }

  html body[class*="client-portal-v"] .team-space-trigger,
  html body[class*="client-portal-v"] .teamspace-trigger-v130{
    width:100%!important;
    min-width:0!important;
  }
}


/* V235 - Minimal clean Client workspace header
   Removes the heavy right activity card and makes the header flatter, calmer, and easier to scan.
*/
html body[class*="client-portal-v"] .client-v46-header-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  min-height:0!important;
  padding:24px 28px!important;
  border-radius:24px!important;
  background:#fffdf8!important;
  border:1px solid rgba(210,172,92,.38)!important;
  box-shadow:0 12px 30px rgba(75,52,14,.045)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .client-v46-identity{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .client-v46-avatar-wrap{
  width:78px!important;
  min-width:78px!important;
  gap:7px!important;
}

html body[class*="client-portal-v"] .client-portal-avatar,
html body[class*="client-portal-v"] .client-v46-avatar{
  width:72px!important;
  height:72px!important;
  border-width:4px!important;
  font-size:22px!important;
  box-shadow:0 10px 24px rgba(155,111,28,.12)!important;
}

html body[class*="client-portal-v"] .client-tier-badge{
  min-width:68px!important;
  max-width:82px!important;
  min-height:21px!important;
  height:21px!important;
  padding:0 9px!important;
  font-size:10.5px!important;
  font-weight:900!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.10)!important;
  box-shadow:0 6px 14px rgba(75,52,14,.04)!important;
}

html body[class*="client-portal-v"] .client-v46-title-block{
  min-width:0!important;
  display:grid!important;
  gap:10px!important;
}

html body[class*="client-portal-v"] .client-v46-title-block h1,
html body[class*="client-portal-v"] #workspaceTitle{
  max-width:100%!important;
  margin:0!important;
  color:#090807!important;
  font-size:clamp(31px, 2.65vw, 44px)!important;
  line-height:1.06!important;
  letter-spacing:-.052em!important;
  font-weight:950!important;
  text-wrap:balance!important;
}

html body[class*="client-portal-v"] .client-v46-title-block p,
html body[class*="client-portal-v"] #workspaceClientMeta{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:28px!important;
  margin:0!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.13)!important;
  color:#6f6657!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Make right side a clean inline toolbar, not a big card */
html body[class*="client-portal-v"] .client-v46-access-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .client-v46-access-row::before{
  display:none!important;
  content:none!important;
}

html body[class*="client-portal-v"] #workspaceLastEdited{
  order:1!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.16)!important;
  color:#776b5c!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(75,52,14,.04)!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars{
  order:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar{
  width:36px!important;
  height:36px!important;
  margin:0!important;
  border:2px solid #fff!important;
  box-shadow:0 8px 18px rgba(75,52,14,.12)!important;
  font-size:11px!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar:not(:first-child){
  display:none!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge{
  order:3!important;
  min-width:32px!important;
  width:auto!important;
  height:32px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid rgba(184,138,45,.15)!important;
  border-radius:999px!important;
  background:#f8ecd3!important;
  color:#7b5208!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge::after{
  content:""!important;
  display:none!important;
}

html body[class*="client-portal-v"] .team-space-trigger,
html body[class*="client-portal-v"] .teamspace-trigger-v130{
  order:4!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0 17px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.28)!important;
  background:#fffaf0!important;
  color:#704707!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(75,52,14,.04)!important;
}

/* Tablet / half-screen: stack softly, still flat */
@media (max-width:1180px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:16px!important;
    padding:22px!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:16px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:72px!important;
    min-width:72px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:66px!important;
    height:66px!important;
    font-size:21px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(27px, 5vw, 38px)!important;
    line-height:1.08!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    padding-left:88px!important;
  }
}

@media (max-width:680px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    padding:18px!important;
    border-radius:22px!important;
  }

  html body[class*="client-portal-v"] .client-v46-identity{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:12px!important;
  }

  html body[class*="client-portal-v"] .client-v46-avatar-wrap{
    width:60px!important;
    min-width:60px!important;
  }

  html body[class*="client-portal-v"] .client-portal-avatar,
  html body[class*="client-portal-v"] .client-v46-avatar{
    width:56px!important;
    height:56px!important;
    font-size:18px!important;
  }

  html body[class*="client-portal-v"] .client-tier-badge{
    min-width:56px!important;
    max-width:64px!important;
    height:20px!important;
    font-size:9.5px!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block h1,
  html body[class*="client-portal-v"] #workspaceTitle{
    font-size:clamp(23px, 7vw, 30px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
  }

  html body[class*="client-portal-v"] .client-v46-title-block p,
  html body[class*="client-portal-v"] #workspaceClientMeta{
    width:100%!important;
    min-height:26px!important;
    font-size:13px!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    padding-left:0!important;
  }

  html body[class*="client-portal-v"] #workspaceLastEdited,
  html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge,
  html body[class*="client-portal-v"] .team-space-trigger,
  html body[class*="client-portal-v"] .teamspace-trigger-v130{
    height:34px!important;
    min-height:34px!important;
    font-size:12px!important;
  }
}


/* V236 - Same-column same-width Client header controls
   Keeps the clean v235 header but aligns the right-side controls into one consistent column.
*/
html body[class*="client-portal-v"] .client-v46-header-card{
  grid-template-columns:minmax(0,1fr) 230px!important;
  align-items:center!important;
  gap:24px!important;
}

html body[class*="client-portal-v"] .client-v46-access-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:
    "edited"
    "members"
    "team"!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:8px!important;
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] #workspaceLastEdited{
  grid-area:edited!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:36px!important;
  min-height:36px!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:999px!important;
  text-align:center!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars{
  grid-area:members!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:4px 44px 4px 8px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  box-shadow:0 8px 18px rgba(75,52,14,.035)!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars::after{
  content:"Last editor"!important;
  color:#7d7364!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 14px rgba(75,52,14,.10)!important;
  font-size:10px!important;
}

html body[class*="client-portal-v"] .workspace-access-avatars .access-avatar:not(:first-child){
  display:none!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge{
  grid-area:members!important;
  justify-self:end!important;
  align-self:center!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 5px 0 0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  z-index:3!important;
  font-size:13px!important;
}

html body[class*="client-portal-v"] #workspaceTeamCount.team-count-badge::after{
  display:none!important;
  content:""!important;
}

html body[class*="client-portal-v"] .team-space-trigger,
html body[class*="client-portal-v"] .teamspace-trigger-v130{
  grid-area:team!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:999px!important;
  text-align:center!important;
}

/* Keep the title side calm beside the fixed-width control column */
html body[class*="client-portal-v"] .client-v46-title-block h1,
html body[class*="client-portal-v"] #workspaceTitle{
  font-size:clamp(30px, 2.45vw, 42px)!important;
  line-height:1.08!important;
}

/* Make major page sections use the same visual column width */
html body[class*="client-portal-v"] .client-v46-header-card,
html body[class*="client-portal-v"] .client-global-filter-strip,
html body[class*="client-portal-v"] .client-global-filter-strip-v98,
html body[class*="client-portal-v"] #contentTablePanel,
html body[class*="client-portal-v"] .client-content-table-panel{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Half-screen and tablet: right controls become one full-width row with equal columns */
@media (max-width:1180px){
  html body[class*="client-portal-v"] .client-v46-header-card{
    grid-template-columns:1fr!important;
  }

  html body[class*="client-portal-v"] .client-v46-access-row{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:"edited members team"!important;
    gap:8px!important;
    padding-left:88px!important;
  }

  html body[class*="client-portal-v"] #workspaceLastEdited,
  html body[class*="client-portal-v"] .workspace-access-avatars,
  html body[class*="client-portal-v"] .team-space-trigger,
  html body[class*="client-portal-v"] .teamspace-trigger-v130{
    width:100%!important;
  }

  html body[class*="client-portal-v"] .workspace-access-avatars::after{
    content:"Editor"!important;
  }
}

/* Phone: stack equal-width controls cleanly */
@media (max-width:680px){
  html body[class*="client-portal-v"] .client-v46-access-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "edited"
      "members"
      "team"!important;
    padding-left:0!important;
  }

  html body[class*="client-portal-v"] .workspace-access-avatars::after{
    content:"Last editor"!important;
  }
}


/* V237 - TeamSpace existing user picker and clean assigned members */
.teamspace-header-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:14px 18px!important;border-bottom:1px solid rgba(184,138,45,.14)!important;background:#fffdf8!important;}
.teamspace-search-field-v237{margin:0!important;}
.teamspace-search-field-v237 input{width:100%!important;min-height:44px!important;border-radius:999px!important;padding:0 18px!important;}
.teamspace-member-count-v237{min-width:116px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid rgba(184,138,45,.24)!important;border-radius:999px!important;background:#fffaf0!important;color:#6f4708!important;font-weight:950!important;cursor:pointer!important;}
.teamspace-member-count-v237 span{font-size:18px!important;line-height:1!important;}.teamspace-member-count-v237 small{font-size:12px!important;font-weight:850!important;color:#746856!important;}
.assigned-members-section-v237{padding:0!important;}.assigned-members-title-row-v237{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px 20px 12px!important;}.assigned-members-title-row-v237 h3{margin:0!important;font-size:20px!important;line-height:1.1!important;}.assigned-members-title-row-v237 p{margin:4px 0 0!important;color:#7c705e!important;font-size:13px!important;}.add-member-v237{white-space:nowrap!important;}
.team-user-picker-form-v237{margin:0 20px 14px!important;padding:16px!important;border:1px solid rgba(184,138,45,.16)!important;border-radius:18px!important;background:#fffaf0!important;box-shadow:0 10px 24px rgba(75,52,14,.045)!important;}.team-user-search-label-v237{display:grid!important;gap:8px!important;font-weight:900!important;color:#675a45!important;}.team-user-search-label-v237 input[type="search"]{width:100%!important;min-height:44px!important;border-radius:14px!important;padding:0 14px!important;background:#fff!important;}
.team-user-suggestions-v237{display:grid!important;gap:8px!important;max-height:330px!important;overflow:auto!important;margin-top:12px!important;}.team-user-option-v237{width:100%!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid rgba(184,138,45,.12)!important;border-radius:14px!important;background:#fff!important;text-align:left!important;cursor:pointer!important;}.team-user-option-v237:hover{border-color:rgba(184,138,45,.32)!important;background:#fffdf8!important;}.team-user-option-v237 .access-avatar{width:36px!important;height:36px!important;margin:0!important;}.team-user-option-v237 strong{display:block!important;color:#111827!important;font-size:14px!important;line-height:1.1!important;}.team-user-option-v237 small{display:block!important;color:#776b5c!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}.team-picker-actions-v237{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:14px!important;}
.assigned-collapse-toggle-v237{margin:0 20px 12px!important;width:calc(100% - 40px)!important;border-radius:14px!important;}.assigned-member-list-v237{display:grid!important;gap:8px!important;padding:0 20px 18px!important;}.assigned-member-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) auto 40px!important;align-items:center!important;gap:12px!important;min-height:62px!important;padding:10px 12px!important;border:1px solid rgba(184,138,45,.12)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 18px rgba(75,52,14,.035)!important;}.assigned-member-row-v237 .team-member-identity{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;}.assigned-member-row-v237 .access-avatar{width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;}.assigned-member-row-v237 .member-copy{min-width:0!important;display:block!important;}.assigned-member-row-v237 .member-copy strong{display:block!important;font-size:14.5px!important;line-height:1.15!important;color:#111827!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}.assigned-member-row-v237 .member-copy small{display:block!important;margin-top:3px!important;font-size:12px!important;color:#7c705e!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.account-type-badge-v237{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;white-space:nowrap!important;border:1px solid transparent!important;}.account-type-ceo{background:#fff3c4!important;color:#7a5208!important;border-color:#e2bd58!important;}.account-type-admin{background:#eaf2ff!important;color:#22539b!important;border-color:#9ec1ff!important;}.account-type-team-member{background:#eefdf4!important;color:#166534!important;border-color:#9be0b5!important;}.account-type-client{background:#f8ecd3!important;color:#7b5208!important;border-color:#e4c27e!important;}.account-type-sub-client{background:#f1e9ff!important;color:#5b21b6!important;border-color:#c4b5fd!important;}.assigned-member-row-v237 .team-member-actions{display:flex!important;justify-content:flex-end!important;}.assigned-member-row-v237 .trash-remove-btn{width:34px!important;height:34px!important;min-width:34px!important;}
.client-subaccount-section-v125{display:none!important;}#showAddWorkspaceUserBtn,#addWorkspaceUserForm,#clientSubAccountsList{display:none!important;}
@media (max-width:680px){.teamspace-header-row-v237{grid-template-columns:1fr!important;}.teamspace-member-count-v237{width:100%!important;}.assigned-members-title-row-v237{align-items:flex-start!important;flex-direction:column!important;}.add-member-v237{width:100%!important;}.assigned-member-row-v237{grid-template-columns:minmax(0,1fr) auto!important;}.assigned-member-row-v237 .team-member-actions{grid-column:2!important;grid-row:1 / span 2!important;}.account-type-badge-v237{grid-column:1 / -1!important;justify-self:start!important;}.team-user-option-v237{grid-template-columns:36px minmax(0,1fr)!important;}.team-user-option-v237 .account-type-badge-v237{grid-column:2!important;justify-self:start!important;}}


/* V238 - TeamSpace clean compact professional panel
   Removes redundant visual blocks and makes the drawer compact, scannable, and cleaner.
*/
html body[class*="client-portal-v"] #teamSpacePanel.v46-team-shell,
html body[class*="client-portal-v"] #teamSpacePanel{
  --teamspace-panel-width-v238: min(430px, calc(100vw - 22px));
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{
  background:rgba(20,18,14,.52)!important;
  backdrop-filter:blur(5px)!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-card,
html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
  width:var(--teamspace-panel-width-v238)!important;
  max-width:var(--teamspace-panel-width-v238)!important;
  padding:18px 18px 20px!important;
  background:#fffdf8!important;
  border-left:1px solid rgba(184,138,45,.30)!important;
  box-shadow:-20px 0 54px rgba(42,33,18,.18)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 0 14px!important;
  margin:0!important;
  border-bottom:1px solid rgba(184,138,45,.16)!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{
  margin:0!important;
  color:#111827!important;
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head p{
  margin:5px 0 0!important;
  color:#7a6b55!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
  max-width:300px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fffaf0!important;
  color:#1f2937!important;
  font-size:20px!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-header-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  gap:10px!important;
  align-items:center!important;
  padding:14px 0!important;
  margin:0!important;
  border-bottom:1px solid rgba(184,138,45,.12)!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237 input,
html body[class*="client-portal-v"] #teamSpaceSearch{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border:1px solid rgba(184,138,45,.24)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237{
  width:104px!important;
  min-width:104px!important;
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fffaf0!important;
  color:#6f4b0b!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 small{
  color:#786d5e!important;
  font-size:11px!important;
  font-weight:850!important;
}

/* Assigned Members: one title row only. Hide duplicate collapse bar. */
html body[class*="client-portal-v"] .assigned-members-section-v237{
  padding:0!important;
  margin:14px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 10px!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3{
  margin:0!important;
  color:#111827!important;
  font-size:18px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{
  margin:4px 0 0!important;
  color:#7a6b55!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

html body[class*="client-portal-v"] .add-member-v237,
html body[class*="client-portal-v"] #showAddTeamMemberBtn{
  width:126px!important;
  min-width:126px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:950!important;
  background:#fff!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] #assignedMembersToggle.assigned-collapse-toggle-v237{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

html body[class*="client-portal-v"] #assignedMembersBody.team-collapsible-body{
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}

html body[class*="client-portal-v"] #assignedMembersBody.team-collapsible-body.collapsed{
  display:none!important;
}

html body[class*="client-portal-v"] .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237,
html body[class*="client-portal-v"] .compact-team-member-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 34px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:10px 10px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(75,52,14,.04)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{
  max-width:170px!important;
  color:#111827!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
  max-width:170px!important;
  color:#7b715f!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .account-type-badge-v237{
  min-height:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .compact-member-actions{
  width:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
}

html body[class*="client-portal-v"] .compact-member-actions .small-btn,
html body[class*="client-portal-v"] .compact-member-actions button{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  border-radius:12px!important;
}

/* Add-member existing-user picker */
html body[class*="client-portal-v"] .team-user-picker-form-v237{
  display:grid!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:16px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .team-user-picker-form-v237.hidden-panel{
  display:none!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237{
  display:grid!important;
  gap:6px!important;
  color:#6f5f45!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  background:#fff!important;
  font-size:13px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html body[class*="client-portal-v"] .team-user-suggestions-v237{
  display:grid!important;
  gap:7px!important;
  max-height:220px!important;
  overflow:auto!important;
}

html body[class*="client-portal-v"] .team-user-option-v237{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:46px!important;
  padding:7px 8px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:13px!important;
  background:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}

html body[class*="client-portal-v"] .team-user-option-v237 .access-avatar{
  width:32px!important;
  height:32px!important;
}

html body[class*="client-portal-v"] .team-user-option-v237 strong,
html body[class*="client-portal-v"] .team-user-option-v237 small{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .team-picker-actions-v237{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

html body[class*="client-portal-v"] .team-picker-actions-v237 button{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  font-size:13px!important;
}

/* Workspace information: less dominant, not redundant */
html body[class*="client-portal-v"] .sections-team-section{
  margin:16px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid rgba(184,138,45,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .sections-team-section .section-title-row,
html body[class*="client-portal-v"] .compact-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .sections-team-section h3{
  margin:0!important;
  color:#111827!important;
  font-size:16px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.015em!important;
}

html body[class*="client-portal-v"] #addSectionBlockBtn{
  width:104px!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:999px!important;
  font-size:12.5px!important;
  font-weight:950!important;
  background:#fff!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .compact-section-list{
  display:grid!important;
  gap:8px!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130 h4{
  margin:8px 0 0!important;
  color:#8a6a2a!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v130,
html body[class*="client-portal-v"] .compact-section-card{
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .section-summary-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 9px!important;
}

html body[class*="client-portal-v"] .section-collapse-btn{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  text-align:left!important;
}

html body[class*="client-portal-v"] .teamspace-type-pill-v130{
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
}

html body[class*="client-portal-v"] .section-summary-title{
  min-width:0!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .section-summary-actions{
  display:flex!important;
  gap:5px!important;
}

html body[class*="client-portal-v"] .section-summary-actions .small-btn{
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
}

html body[class*="client-portal-v"] .section-card-fields,
html body[class*="client-portal-v"] .teamspace-item-fields-v130{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px!important;
}

html body[class*="client-portal-v"] .section-card-fields label{
  gap:4px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

html body[class*="client-portal-v"] .section-card-fields input,
html body[class*="client-portal-v"] .section-card-fields textarea,
html body[class*="client-portal-v"] .section-card-fields select{
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:13px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

html body[class*="client-portal-v"] .section-actions{
  padding:0 10px 10px!important;
}

html body[class*="client-portal-v"] .teamspace-empty-state-v130{
  display:none!important;
}

html body[class*="client-portal-v"] .compact-empty-state{
  margin:0!important;
  padding:12px!important;
  border:1px dashed rgba(184,138,45,.22)!important;
  border-radius:14px!important;
  background:#fffaf0!important;
  font-size:12px!important;
}

/* message spacing */
html body[class*="client-portal-v"] #teamSpaceMessage{
  margin:10px 0 0!important;
  font-size:12px!important;
}

/* smaller screens */
@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel{
    --teamspace-panel-width-v238: min(100vw, 100vw);
  }

  html body[class*="client-portal-v"] #teamSpacePanel .side-panel-card{
    padding:16px!important;
  }

  html body[class*="client-portal-v"] .teamspace-header-row-v237{
    grid-template-columns:1fr!important;
  }

  html body[class*="client-portal-v"] .teamspace-member-count-v237{
    width:100%!important;
  }

  html body[class*="client-portal-v"] .assigned-members-title-row-v237{
    grid-template-columns:1fr!important;
  }

  html body[class*="client-portal-v"] .add-member-v237,
  html body[class*="client-portal-v"] #showAddTeamMemberBtn{
    width:100%!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237,
  html body[class*="client-portal-v"] .compact-team-member-row{
    grid-template-columns:minmax(0,1fr) auto 32px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong,
  html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
    max-width:145px!important;
  }
}


/* V239 - TeamSpace Assigned Members click-only reveal */
.teamspace-member-count-v237{
  cursor:pointer!important;
  user-select:none!important;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.teamspace-member-count-v237:hover,
.teamspace-member-count-v237.is-expanded{
  background:#fff7e6!important;
  border-color:rgba(184,138,45,.36)!important;
  box-shadow:0 12px 26px rgba(75,52,14,.08)!important;
}
.teamspace-member-count-v237:active{ transform:translateY(1px)!important; }
.teamspace-member-count-v237::after{
  content:'⌄';
  margin-left:6px;
  font-size:13px;
  font-weight:950;
  opacity:.8;
  transition:transform .18s ease;
}
.teamspace-member-count-v237.is-expanded::after{ transform:rotate(180deg); }

#assignedMembersSection[hidden],
#assignedMembersBody[hidden]{
  display:none!important;
}

/* No duplicate inner collapse row: count badge is the only toggle */
#assignedMembersToggle,
.assigned-collapse-toggle-v237{
  display:none!important;
}

.assigned-members-section-v237{
  margin-top:12px!important;
  padding:14px!important;
  border-radius:18px!important;
  background:#fffdf8!important;
  border:1px solid rgba(184,138,45,.20)!important;
  box-shadow:0 10px 28px rgba(75,52,14,.045)!important;
}

.assigned-members-title-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
}
.assigned-members-title-row-v237 h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  font-weight:950!important;
}
.assigned-members-title-row-v237 p{
  margin:4px 0 0!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  color:#7d7364!important;
}
.add-member-v237{
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

.assigned-member-list-v237,
.compact-team-member-list{
  display:grid!important;
  gap:8px!important;
}
.assigned-member-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:9px 11px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.16)!important;
  box-shadow:none!important;
}
.assigned-member-row-v237 .team-member-identity{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.assigned-member-row-v237 .member-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.assigned-member-row-v237 .member-copy strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.assigned-member-row-v237 .member-copy small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  color:#7d7364!important;
  font-weight:800!important;
}
.assigned-member-row-v237 .account-type-badge-v237{
  justify-self:end!important;
  min-height:28px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:11.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.assigned-member-row-v237 .compact-member-actions{
  width:38px!important;
  min-width:38px!important;
  display:flex!important;
  justify-content:flex-end!important;
}
.assigned-member-row-v237.auto-member .compact-member-actions:empty{
  display:none!important;
}

.team-user-picker-form-v237{
  margin:0 0 12px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.16)!important;
}
.team-user-picker-form-v237.hidden-panel{ display:none!important; }

@media (max-width:680px){
  .assigned-members-title-row-v237{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .add-member-v237{ width:100%!important; }
  .assigned-member-row-v237{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:'identity action' 'badge action'!important;
  }
  .assigned-member-row-v237 .team-member-identity{ grid-area:identity!important; }
  .assigned-member-row-v237 .account-type-badge-v237{ grid-area:badge!important; justify-self:start!important; }
  .assigned-member-row-v237 .compact-member-actions{ grid-area:action!important; align-self:center!important; }
}


/* V240 - TeamSpace information item row layout
   First row: Type + Status + professional three-dot actions.
   Second row: Title + professional arrow/down toggle.
*/
html body[class*="client-portal-v"] .teamspace-type-group-v130{
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130 > h4{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v240{
  position:relative!important;
  display:grid!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 9px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(75,52,14,.04)!important;
  overflow:visible!important;
}

html body[class*="client-portal-v"] .teamspace-item-meta-row-v240{
  display:grid!important;
  grid-template-columns:auto auto 32px!important;
  align-items:center!important;
  justify-content:start!important;
  gap:7px!important;
  min-height:38px!important;
  padding:9px 10px 5px!important;
}

html body[class*="client-portal-v"] .teamspace-type-pill-v240,
html body[class*="client-portal-v"] .teamspace-status-pill-v240{
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:0 10px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .teamspace-type-pill-v240{
  min-width:76px!important;
  color:#7a5208!important;
  background:#fff7e8!important;
  border:1px solid rgba(184,138,45,.18)!important;
}

html body[class*="client-portal-v"] .teamspace-status-pill-v240{
  min-width:64px!important;
  color:#59606c!important;
  background:#f5f6f8!important;
  border:1px solid rgba(17,24,39,.08)!important;
}

html body[class*="client-portal-v"] .teamspace-status-pill-v240.active{
  color:#36734a!important;
  background:#eefaf2!important;
  border-color:rgba(39,145,75,.22)!important;
}

html body[class*="client-portal-v"] .teamspace-status-pill-v240.pending{
  color:#8a5a00!important;
  background:#fff7dc!important;
  border-color:rgba(184,138,45,.22)!important;
}

html body[class*="client-portal-v"] .teamspace-status-pill-v240.done{
  color:#29635c!important;
  background:#ecfbf8!important;
  border-color:rgba(38,166,154,.20)!important;
}

html body[class*="client-portal-v"] .teamspace-status-pill-v240.archived{
  color:#6b7280!important;
  background:#f3f4f6!important;
  border-color:rgba(107,114,128,.18)!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240{
  position:relative!important;
  justify-self:end!important;
  width:32px!important;
  height:32px!important;
  z-index:20!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240 summary{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#7a5208!important;
  cursor:pointer!important;
  list-style:none!important;
  outline:none!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240 summary::-webkit-details-marker{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240 summary svg{
  width:17px!important;
  height:17px!important;
  fill:currentColor!important;
  stroke:none!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240[open] summary{
  background:#f7ead0!important;
  border-color:rgba(184,138,45,.34)!important;
}

html body[class*="client-portal-v"] .teamspace-action-popover-v240{
  position:absolute!important;
  top:36px!important;
  right:0!important;
  min-width:132px!important;
  padding:6px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(75,52,14,.16)!important;
  z-index:9999!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240{
  width:100%!important;
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:18px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#1f2937!important;
  font-size:13px!important;
  font-weight:850!important;
  text-align:left!important;
  cursor:pointer!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240:hover{
  background:#fff7e8!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240.danger{
  color:#b42318!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240.danger:hover{
  background:#fff1f0!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240 svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body[class*="client-portal-v"] .teamspace-item-title-row-v240{
  width:100%!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 10px 11px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  cursor:pointer!important;
  text-align:left!important;
}

html body[class*="client-portal-v"] .teamspace-item-title-row-v240 .section-summary-title{
  display:block!important;
  min-width:0!important;
  color:#111827!important;
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:950!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .chevron-icon-v240{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.14)!important;
  color:#8a5a00!important;
}

html body[class*="client-portal-v"] .chevron-icon-v240 svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .16s ease!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v240.is-expanded .chevron-icon-v240 svg{
  transform:rotate(180deg)!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v240 .section-collapsible-body{
  border-top:1px solid rgba(184,138,45,.12)!important;
  padding:10px!important;
  background:#fffdf8!important;
  border-radius:0 0 16px 16px!important;
}

html body[class*="client-portal-v"] .teamspace-item-fields-v240{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}

html body[class*="client-portal-v"] .teamspace-item-fields-v240 label{
  font-size:11px!important;
  font-weight:900!important;
  color:#756a58!important;
  letter-spacing:.02em!important;
}

html body[class*="client-portal-v"] .teamspace-item-fields-v240 input,
html body[class*="client-portal-v"] .teamspace-item-fields-v240 textarea,
html body[class*="client-portal-v"] .teamspace-item-fields-v240 select{
  min-height:36px!important;
  border-radius:10px!important;
  font-size:13px!important;
}

/* Hide older inline Edit/Delete layout for TeamSpace cards */
html body[class*="client-portal-v"] .teamspace-item-card-v240 .section-summary-row,
html body[class*="client-portal-v"] .teamspace-item-card-v240 .section-summary-actions{
  display:none!important;
}

@media (max-width:680px){
  html body[class*="client-portal-v"] .teamspace-item-meta-row-v240{
    grid-template-columns:auto auto 32px!important;
  }

  html body[class*="client-portal-v"] .teamspace-type-pill-v240,
  html body[class*="client-portal-v"] .teamspace-status-pill-v240{
    min-width:auto!important;
    font-size:10.5px!important;
  }

  html body[class*="client-portal-v"] .teamspace-action-popover-v240{
    right:0!important;
  }
}


/* V241 - TeamSpace ultra-clean compact professional panel
   Tightens the drawer into a premium, scannable workspace panel:
   compact member rows, clean information rows, no oversized cards.
*/
html body[class*="client-portal-v"] #teamSpacePanel,
html body[class*="client-portal-v"] #teamSpacePanel.v46-team-shell{
  --teamspace-panel-width-v241:min(392px, calc(100vw - 18px));
  --teamspace-line-v241:rgba(184,138,45,.16);
  --teamspace-soft-v241:#fffaf0;
  --teamspace-text-v241:#111827;
  --teamspace-muted-v241:#766a58;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{
  background:rgba(20,18,14,.48)!important;
  backdrop-filter:blur(4px)!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-card,
html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
  width:var(--teamspace-panel-width-v241)!important;
  max-width:var(--teamspace-panel-width-v241)!important;
  padding:16px!important;
  background:#fffdf8!important;
  border-left:1px solid rgba(184,138,45,.26)!important;
  box-shadow:-18px 0 44px rgba(42,33,18,.16)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  align-items:start!important;
  gap:12px!important;
  padding:0 0 12px!important;
  margin:0!important;
  border-bottom:1px solid var(--teamspace-line-v241)!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{
  margin:0!important;
  color:var(--teamspace-text-v241)!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head p{
  margin:4px 0 0!important;
  color:var(--teamspace-muted-v241)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fffaf0!important;
  color:#111827!important;
  font-size:18px!important;
  box-shadow:none!important;
}

/* Top search row */
html body[class*="client-portal-v"] .teamspace-header-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 98px!important;
  gap:9px!important;
  align-items:center!important;
  padding:12px 0!important;
  margin:0!important;
  border-bottom:1px solid var(--teamspace-line-v241)!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237 input,
html body[class*="client-portal-v"] #teamSpaceSearch{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237{
  width:98px!important;
  min-width:98px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 9px!important;
  gap:4px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fffaf0!important;
  color:#6f4b0b!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 span{
  font-size:16px!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 small{
  font-size:10.5px!important;
  color:#786d5e!important;
  font-weight:850!important;
}

/* Assigned Members */
html body[class*="client-portal-v"] .assigned-members-section-v237{
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 0 9px!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3{
  margin:0!important;
  font-size:17px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-weight:950!important;
  color:#111827!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{
  margin:3px 0 0!important;
  color:#7a6b55!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:750!important;
}

html body[class*="client-portal-v"] .add-member-v237,
html body[class*="client-portal-v"] #showAddTeamMemberBtn{
  width:112px!important;
  min-width:112px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:12.5px!important;
  font-weight:950!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.22)!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] #assignedMembersBody.team-collapsible-body{
  padding:0!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237,
html body[class*="client-portal-v"] .compact-team-member-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 28px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:50px!important;
  padding:8px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(75,52,14,.026)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 img{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:999px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{
  max-width:145px!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.12!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
  max-width:145px!important;
  color:#7b715f!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .account-type-badge-v237{
  min-height:24px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .compact-member-actions{
  width:28px!important;
  min-width:28px!important;
  display:grid!important;
  place-items:center!important;
}

html body[class*="client-portal-v"] .compact-member-actions:empty{
  display:none!important;
}

html body[class*="client-portal-v"] .compact-member-actions .small-btn,
html body[class*="client-portal-v"] .compact-member-actions button,
html body[class*="client-portal-v"] .remove-member-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  background:#fff7f7!important;
  border:1px solid rgba(208,70,70,.20)!important;
  color:#b42318!important;
}

html body[class*="client-portal-v"] .compact-member-actions button svg,
html body[class*="client-portal-v"] .remove-member-btn svg{
  width:15px!important;
  height:15px!important;
}

/* Existing user picker */
html body[class*="client-portal-v"] .team-user-picker-form-v237{
  margin:0 0 10px!important;
  padding:10px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:13px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{
  height:36px!important;
  min-height:36px!important;
  border-radius:10px!important;
  font-size:13px!important;
}

html body[class*="client-portal-v"] .team-user-suggestions-v237{
  gap:6px!important;
  max-height:240px!important;
  margin-top:8px!important;
}

html body[class*="client-portal-v"] .team-user-option-v237{
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:8px!important;
  min-height:46px!important;
  padding:7px!important;
  border-radius:11px!important;
}

html body[class*="client-portal-v"] .team-user-option-v237 .access-avatar{
  width:30px!important;
  height:30px!important;
}

/* Information section */
html body[class*="client-portal-v"] .teamspace-information-section-v238,
html body[class*="client-portal-v"] .teamspace-section-v238,
html body[class*="client-portal-v"] .teamspace-info-section-v240{
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid var(--teamspace-line-v241)!important;
}

html body[class*="client-portal-v"] .teamspace-section-title-row-v238,
html body[class*="client-portal-v"] .teamspace-information-title-row-v238,
html body[class*="client-portal-v"] .teamspace-info-title-row-v240{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
}

html body[class*="client-portal-v"] .teamspace-section-title-row-v238 h3,
html body[class*="client-portal-v"] .teamspace-information-title-row-v238 h3,
html body[class*="client-portal-v"] .teamspace-info-title-row-v240 h3,
html body[class*="client-portal-v"] #teamSpacePanel h3{
  margin:0!important;
  color:#111827!important;
  font-size:17px!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] .teamspace-section-title-row-v238 .small-btn,
html body[class*="client-portal-v"] .teamspace-information-title-row-v238 .small-btn,
html body[class*="client-portal-v"] .teamspace-info-title-row-v240 .small-btn,
html body[class*="client-portal-v"] #addTeamSpaceItemBtn{
  width:104px!important;
  min-width:104px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:12.5px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

/* Information item card: row 1 = Note/Active/⋮, row 2 = Title/arrow */
html body[class*="client-portal-v"] .teamspace-item-card-v240{
  margin:0 0 7px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(75,52,14,.025)!important;
  overflow:visible!important;
}

html body[class*="client-portal-v"] .teamspace-item-meta-row-v240{
  display:grid!important;
  grid-template-columns:auto auto 28px!important;
  align-items:center!important;
  justify-content:start!important;
  gap:6px!important;
  min-height:32px!important;
  padding:7px 8px 3px!important;
}

html body[class*="client-portal-v"] .teamspace-type-pill-v240,
html body[class*="client-portal-v"] .teamspace-status-pill-v240{
  min-height:22px!important;
  height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240{
  width:28px!important;
  height:28px!important;
  justify-self:end!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240 summary{
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.16)!important;
}

html body[class*="client-portal-v"] .teamspace-actions-menu-v240 summary svg{
  width:15px!important;
  height:15px!important;
}

html body[class*="client-portal-v"] .teamspace-action-popover-v240{
  top:31px!important;
  right:0!important;
  min-width:118px!important;
  padding:5px!important;
  border-radius:11px!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240{
  min-height:30px!important;
  grid-template-columns:16px 1fr!important;
  gap:7px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:12.5px!important;
}

html body[class*="client-portal-v"] .teamspace-action-option-v240 svg{
  width:15px!important;
  height:15px!important;
}

html body[class*="client-portal-v"] .teamspace-item-title-row-v240{
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 8px 8px!important;
  background:transparent!important;
}

html body[class*="client-portal-v"] .teamspace-item-title-row-v240 .section-summary-title{
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .chevron-icon-v240{
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.13)!important;
}

html body[class*="client-portal-v"] .chevron-icon-v240 svg{
  width:14px!important;
  height:14px!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v240 .section-collapsible-body{
  padding:8px!important;
  border-top:1px solid rgba(184,138,45,.10)!important;
  background:#fffdf8!important;
  border-radius:0 0 13px 13px!important;
}

/* make all section spacing more disciplined */
html body[class*="client-portal-v"] #teamSpacePanel hr,
html body[class*="client-portal-v"] #teamSpacePanel .teamspace-section-divider{
  margin:14px 0!important;
  border-color:rgba(184,138,45,.12)!important;
}

@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel,
  html body[class*="client-portal-v"] #teamSpacePanel.v46-team-shell{
    --teamspace-panel-width-v241:calc(100vw - 10px);
  }

  html body[class*="client-portal-v"] #teamSpacePanel .side-panel-card{
    padding:14px!important;
  }

  html body[class*="client-portal-v"] .teamspace-header-row-v237{
    grid-template-columns:1fr 94px!important;
  }

  html body[class*="client-portal-v"] .assigned-members-title-row-v237,
  html body[class*="client-portal-v"] .teamspace-section-title-row-v238,
  html body[class*="client-portal-v"] .teamspace-information-title-row-v238,
  html body[class*="client-portal-v"] .teamspace-info-title-row-v240{
    grid-template-columns:1fr auto!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong,
  html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
    max-width:132px!important;
  }
}


/* V242 TeamSpace information row simplification */
html body[class*="client-portal-v"] .teamspace-item-card-v242{
  margin:0 0 7px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(75,52,14,.024)!important;
  overflow:visible!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-header-row-v242{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:8px!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242{
  width:100%!important;
  min-height:28px!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242 .section-summary-title{
  color:#111827!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#16a34a!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.13)!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242.pending{background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.13)!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242.done{background:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.13)!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242.archived{background:#9ca3af!important;box-shadow:0 0 0 3px rgba(156,163,175,.14)!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  margin-left:auto!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary{
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.16)!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary svg{
  width:15px!important;
  height:15px!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{
  padding:10px!important;
  border-top:1px solid rgba(184,138,45,.10)!important;
  background:#fffdf8!important;
  border-radius:0 0 13px 13px!important;
}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-meta-row-v240,
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-title-row-v240,
html body[class*="client-portal-v"] .teamspace-item-card-v242 .chevron-icon-v240,
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-type-pill-v240,
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-pill-v240{
  display:none!important;
}


/* V243 - TeamSpace reference clean panel layout
   Implements the requested polished TeamSpace slide panel design:
   compact header, search + members row, clean member cards, Notes section, and refined item cards.
*/
html body[class*="client-portal-v"].team-space-open{
  overflow:hidden!important;
}

html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
  pointer-events:none!important;
}

html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell.open{
  display:block!important;
  pointer-events:auto!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(23,22,20,.58)!important;
  backdrop-filter:blur(7px)!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:min(430px, calc(100vw - 20px))!important;
  max-width:min(430px, calc(100vw - 20px))!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:22px 22px 28px!important;
  border-left:1px solid rgba(210,172,92,.42)!important;
  border-radius:28px 0 0 28px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(246,218,157,.32), transparent 30%),
    linear-gradient(180deg,#fffdf8 0%,#fffaf1 100%)!important;
  box-shadow:-30px 0 80px rgba(25,20,11,.24)!important;
}

/* Header */
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  align-items:start!important;
  gap:14px!important;
  margin:0!important;
  padding:0 0 18px!important;
  border-bottom:0!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{
  margin:0 0 7px!important;
  color:#111827!important;
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .muted,
html body[class*="client-portal-v"] #teamSpaceClientName{
  margin:0!important;
  color:#705f49!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  background:#fffaf1!important;
  color:#111827!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Top search + members row */
html body[class*="client-portal-v"] .teamspace-header-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 128px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237{
  margin:0!important;
  display:block!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237 input{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px 0 42px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13.5px!important;
  font-weight:650!important;
  box-shadow:none!important;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23807a70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:17px 17px!important;
  background-position:16px center!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fffaf1!important;
  color:#7b5208!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237::before{
  content:""!important;
  width:17px!important;
  height:17px!important;
  display:inline-block!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 span{
  color:inherit!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 small{
  color:#6f6657!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
}

/* Assigned Members section */
html body[class*="client-portal-v"] .assigned-members-section-v237{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 136px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3{
  margin:0 0 3px!important;
  color:#111827!important;
  font-size:18px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{
  margin:0!important;
  color:#6f6657!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:750!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 .small-btn,
html body[class*="client-portal-v"] .add-member-v237{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.30)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin:0 0 22px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:64px!important;
  padding:10px 14px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(75,52,14,.035)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  box-shadow:0 8px 18px rgba(75,52,14,.10)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{
  color:#111827!important;
  font-size:14.2px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
  color:#6f6657!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .account-type-badge-v237{
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .account-type-ceo{background:#fff3c8!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.28)!important;}
html body[class*="client-portal-v"] .account-type-client{background:#fff3c8!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.28)!important;}
html body[class*="client-portal-v"] .account-type-admin{background:#eaf2ff!important;color:#2457a6!important;border:1px solid rgba(59,130,246,.25)!important;}
html body[class*="client-portal-v"] .account-type-team-member{background:#eafbf0!important;color:#14783e!important;border:1px solid rgba(34,197,94,.28)!important;}
html body[class*="client-portal-v"] .account-type-sub-client{background:#f1e9ff!important;color:#6b35d9!important;border:1px solid rgba(139,92,246,.28)!important;}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:32px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-remove-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:10px!important;
  border:1px solid rgba(239,68,68,.18)!important;
  background:#fff7f7!important;
  color:#b91c1c!important;
  box-shadow:none!important;
}

/* Existing user picker */
html body[class*="client-portal-v"] .team-user-picker-form-v237{
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237{
  color:#6f6657!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{
  height:40px!important;
  min-height:40px!important;
  margin-top:7px!important;
  border-radius:999px!important;
  background:#fff!important;
}

html body[class*="client-portal-v"] .team-user-suggestions-v237{
  max-height:220px!important;
  overflow:auto!important;
  display:grid!important;
  gap:7px!important;
  margin-top:10px!important;
}

html body[class*="client-portal-v"] .team-user-option-v237{
  min-height:52px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}

/* Notes section */
html body[class*="client-portal-v"] .sections-team-section{
  margin:20px 0 0!important;
  padding:20px 0 0!important;
  border-top:1px solid rgba(184,138,45,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .sections-team-section .section-title-row,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 124px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .sections-team-section .section-title-row h3,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row h3{
  margin:0!important;
  color:#111827!important;
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] #addSectionBlockBtn{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.30)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

/* Hide duplicate type labels to match the reference layout */
html body[class*="client-portal-v"] .teamspace-type-group-v130{
  margin:0!important;
  display:grid!important;
  gap:9px!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130 > h4{
  display:none!important;
}

/* TeamSpace note cards */
html body[class*="client-portal-v"] .teamspace-item-card-v242{
  margin:0!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 10px 22px rgba(75,52,14,.035)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-header-row-v242{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242{
  min-height:58px!important;
  width:100%!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  text-align:left!important;
}

html body[class*="client-portal-v"] .teamspace-title-stack-v243{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242 .section-summary-title{
  display:block!important;
  color:#111827!important;
  font-size:14.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .teamspace-description-preview-v243{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#6f6657!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:#16a34a!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.12)!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240{
  justify-self:end!important;
  width:34px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  position:relative!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary svg{
  width:18px!important;
  height:18px!important;
  fill:currentColor!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{
  padding:0 14px 14px!important;
  border-top:1px solid rgba(184,138,45,.14)!important;
  background:#fffdf8!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242.is-collapsed .section-collapsible-body[hidden]{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-item-fields-v240{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding-top:12px!important;
}

/* Empty state */
html body[class*="client-portal-v"] .teamspace-empty-state-v130{
  display:none!important;
}

html body[class*="client-portal-v"] .compact-empty-state{
  margin:8px 0!important;
  padding:14px!important;
  border:1px dashed rgba(184,138,45,.22)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#766a58!important;
  font-size:13px!important;
}

/* Mobile panel */
@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
    padding:18px 16px 28px!important;
  }

  html body[class*="client-portal-v"] .teamspace-header-row-v237{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  html body[class*="client-portal-v"] .assigned-members-title-row-v237,
  html body[class*="client-portal-v"] .sections-team-section .section-title-row,
  html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:62px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions{
    grid-column:1 / -1!important;
    justify-content:flex-end!important;
  }
}


/* V244 - TeamSpace polished dense professional panel
   Clean, compact, less bulky, and product-ready. Overrides all previous TeamSpace panel styling.
*/
html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell.open{
  display:block!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{
  background:rgba(19,18,16,.56)!important;
  backdrop-filter:blur(7px)!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
  width:min(392px, calc(100vw - 18px))!important;
  max-width:min(392px, calc(100vw - 18px))!important;
  height:100dvh!important;
  padding:20px 18px 24px!important;
  border-left:1px solid rgba(210,172,92,.38)!important;
  border-radius:24px 0 0 24px!important;
  background:#fffdf8!important;
  box-shadow:-28px 0 72px rgba(21,17,9,.25)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

/* Header: smaller, clearer, more premium */
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{
  grid-template-columns:minmax(0,1fr) 34px!important;
  gap:12px!important;
  padding:0 0 14px!important;
  margin:0!important;
  border:0!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.05em!important;
  margin:0 0 4px!important;
  color:#0f172a!important;
}

html body[class*="client-portal-v"] #teamSpaceClientName,
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .muted{
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#6f6657!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fffaf0!important;
  color:#111827!important;
  font-size:20px!important;
  box-shadow:none!important;
}

/* Search row */
html body[class*="client-portal-v"] .teamspace-header-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 16px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237 input{
  height:40px!important;
  min-height:40px!important;
  padding-left:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  background-color:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237{
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  background:#fffaf0!important;
  box-shadow:none!important;
  color:#7b5208!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 span{
  font-size:14px!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 small{
  font-size:12px!important;
  font-weight:850!important;
}

/* Assigned Members block */
html body[class*="client-portal-v"] .assigned-members-section-v237{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3{
  font-size:17px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  margin:0!important;
  color:#111827!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{
  margin:3px 0 0!important;
  max-width:210px!important;
  color:#756a5a!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 .small-btn,
html body[class*="client-portal-v"] .add-member-v237{
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.30)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0 0 18px!important;
}

/* Member rows: dense list cards, no wasted vertical space */
html body[class*="client-portal-v"] .assigned-member-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 30px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  padding:8px 10px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(75,52,14,.028)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{
  grid-template-columns:minmax(0,1fr) auto!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  grid-column:auto!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity > img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  box-shadow:0 6px 14px rgba(75,52,14,.08)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{
  display:block!important;
  max-width:100%!important;
  color:#111827!important;
  font-size:13.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
  display:block!important;
  max-width:100%!important;
  color:#6f6657!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .account-type-badge-v237{
  min-height:26px!important;
  height:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions,
html body[class*="client-portal-v"] .assigned-member-row-v237 .compact-member-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  min-width:30px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member .team-member-actions{
  display:none!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-remove-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(239,68,68,.18)!important;
  background:#fff7f7!important;
  color:#b91c1c!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-svg{
  width:15px!important;
  height:15px!important;
}

/* User picker should feel like a popover panel, not a full form */
html body[class*="client-portal-v"] .team-user-picker-form-v237{
  margin:0 0 12px!important;
  padding:10px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:12px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237{
  font-size:10px!important;
  letter-spacing:.10em!important;
  color:#78674e!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{
  height:38px!important;
  min-height:38px!important;
  margin-top:6px!important;
  border-radius:999px!important;
}

html body[class*="client-portal-v"] .team-user-option-v237{
  min-height:48px!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
}

/* Notes section: slimmer and more refined */
html body[class*="client-portal-v"] .sections-team-section{
  margin:16px 0 0!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(184,138,45,.14)!important;
}

html body[class*="client-portal-v"] .sections-team-section .section-title-row,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .sections-team-section .section-title-row h3,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row h3{
  margin:0!important;
  color:#111827!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}

html body[class*="client-portal-v"] #addSectionBlockBtn{
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.30)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:12.5px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

/* Notes cards: proper left-to-right alignment */
html body[class*="client-portal-v"] .teamspace-type-group-v130{
  display:grid!important;
  gap:8px!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130 > h4{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242{
  margin:0!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(75,52,14,.028)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-header-row-v242{
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242{
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:9px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px 12px!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
  justify-items:start!important;
}

html body[class*="client-portal-v"] .teamspace-title-stack-v243{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  width:100%!important;
  text-align:left!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-summary-title{
  display:block!important;
  width:100%!important;
  color:#111827!important;
  font-size:13.5px!important;
  line-height:1.12!important;
  font-weight:950!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .teamspace-description-preview-v243{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  color:#6f6657!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:650!important;
  text-align:left!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242{
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:#16a34a!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.11)!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240{
  width:30px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#111827!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{
  padding:10px 12px 12px!important;
  border-top:1px solid rgba(184,138,45,.12)!important;
  background:#fffdf8!important;
}

html body[class*="client-portal-v"] .teamspace-item-fields-v240{
  padding-top:0!important;
  gap:8px!important;
}

/* Collapse hidden bodies hard, prevent reserved vertical gaps */
html body[class*="client-portal-v"] .teamspace-item-card-v242.is-collapsed .section-collapsible-body,
html body[class*="client-portal-v"] .section-collapsible-body[hidden],
html body[class*="client-portal-v"] .assigned-members-content-v239[hidden],
html body[class*="client-portal-v"] .hidden-panel{
  display:none!important;
}

/* Remove stale oversized spacing from older patches */
html body[class*="client-portal-v"] .teamspace-empty-state-v130,
html body[class*="client-portal-v"] .compact-empty-state:empty{
  display:none!important;
}

html body[class*="client-portal-v"] .team-space-panel-footer,
html body[class*="client-portal-v"] .teamspace-panel-footer{
  display:none!important;
}

/* Mobile keeps the same dense visual language */
@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
    padding:18px 14px 24px!important;
  }

  html body[class*="client-portal-v"] .teamspace-header-row-v237{
    grid-template-columns:1fr 104px!important;
    gap:8px!important;
  }

  html body[class*="client-portal-v"] .assigned-members-title-row-v237,
  html body[class*="client-portal-v"] .sections-team-section .section-title-row,
  html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
    grid-template-columns:minmax(0,1fr) 112px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237{
    grid-template-columns:minmax(0,1fr) auto 28px!important;
    padding:8px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions{
    grid-column:auto!important;
    justify-content:center!important;
  }

  html body[class*="client-portal-v"] .account-type-badge-v237{
    max-width:96px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* V245 - TeamSpace exact reference UI
   Matches the expected mockup: clean 430px drawer, balanced spacing, compact cards, refined hierarchy. */
html body[class*="client-portal-v"].team-space-open{overflow:hidden!important;}
html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;pointer-events:none!important;}
html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell.open{display:block!important;pointer-events:auto!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{position:absolute!important;inset:0!important;background:rgba(26,25,22,.56)!important;backdrop-filter:blur(7px)!important;}
html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{position:absolute!important;top:0!important;right:0!important;width:min(430px,calc(100vw - 18px))!important;max-width:min(430px,calc(100vw - 18px))!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:24px 26px 28px!important;border-left:1px solid rgba(216,174,90,.38)!important;border-radius:26px 0 0 26px!important;background:radial-gradient(circle at 100% 0%,rgba(250,229,183,.35),transparent 36%),linear-gradient(180deg,#fffdf8 0%,#fffaf2 100%)!important;box-shadow:-34px 0 86px rgba(22,18,10,.26)!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;align-items:start!important;gap:14px!important;padding:0 0 20px!important;margin:0!important;border:0!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{margin:0 0 6px!important;color:#111827!important;font-size:26px!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:950!important;}
html body[class*="client-portal-v"] #teamSpaceClientName,
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .muted{display:block!important;margin:0!important;color:#6c5e49!important;font-size:13px!important;line-height:1.3!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.18)!important;background:#fffaf0!important;color:#111827!important;font-size:22px!important;line-height:1!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .teamspace-header-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) 128px!important;align-items:center!important;gap:12px!important;margin:0 0 20px!important;padding:0 0 20px!important;border-bottom:1px solid rgba(184,138,45,.14)!important;}
html body[class*="client-portal-v"] .teamspace-search-field-v237{margin:0!important;}
html body[class*="client-portal-v"] .teamspace-search-field-v237 input{width:100%!important;height:44px!important;min-height:44px!important;padding:0 16px 0 44px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.22)!important;background:#fff!important;color:#111827!important;font-size:13.5px!important;font-weight:650!important;box-shadow:none!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%237b746a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:18px 18px!important;background-position:16px center!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237{width:100%!important;height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.22)!important;background:#fffaf0!important;color:#7b5208!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237::before{content:""!important;width:17px!important;height:17px!important;display:inline-block!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237 span{color:inherit!important;font-size:15px!important;font-weight:950!important;line-height:1!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237 small{color:#6f6657!important;font-size:13px!important;font-weight:850!important;line-height:1!important;}
html body[class*="client-portal-v"] .assigned-members-section-v237{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) 134px!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;padding:0!important;border:0!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3{margin:0!important;color:#25201a!important;font-size:17px!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:950!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{display:none!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237 .small-btn,
html body[class*="client-portal-v"] .add-member-v237{width:100%!important;height:38px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.30)!important;background:#fff!important;color:#7b5208!important;font-size:12.8px!important;font-weight:950!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .assigned-member-list-v237{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 0 22px!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding:10px 14px!important;border:1px solid rgba(184,138,45,.18)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 20px rgba(75,52,14,.032)!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{grid-template-columns:minmax(0,1fr) auto!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important;width:100%!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity > img{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;object-fit:cover!important;box-shadow:0 8px 18px rgba(75,52,14,.09)!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{display:grid!important;gap:3px!important;min-width:0!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{display:block!important;color:#111827!important;font-size:14.2px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{display:block!important;color:#6f6657!important;font-size:12px!important;line-height:1.1!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] .account-type-badge-v237{min-height:28px!important;height:28px!important;padding:0 12px!important;border-radius:999px!important;font-size:11.3px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .account-type-ceo{background:#fff3c8!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.28)!important;}
html body[class*="client-portal-v"] .account-type-client{background:#fff3c8!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.28)!important;}
html body[class*="client-portal-v"] .account-type-admin{background:#eaf2ff!important;color:#2457a6!important;border:1px solid rgba(59,130,246,.25)!important;}
html body[class*="client-portal-v"] .account-type-team-member{background:#eafbf0!important;color:#14783e!important;border:1px solid rgba(34,197,94,.28)!important;}
html body[class*="client-portal-v"] .account-type-sub-client{background:#f1e9ff!important;color:#6b35d9!important;border:1px solid rgba(139,92,246,.28)!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions,
html body[class*="client-portal-v"] .assigned-member-row-v237 .compact-member-actions{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;margin:0!important;padding:0!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member .team-member-actions{display:none!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-remove-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(239,68,68,.18)!important;background:#fff7f7!important;color:#b91c1c!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .team-user-picker-form-v237{margin:0 0 14px!important;padding:12px!important;border:1px solid rgba(184,138,45,.16)!important;border-radius:13px!important;background:#fffaf0!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .team-user-search-label-v237{font-size:10px!important;letter-spacing:.10em!important;color:#78674e!important;}
html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{height:40px!important;min-height:40px!important;margin-top:6px!important;border-radius:999px!important;}
html body[class*="client-portal-v"] .team-user-option-v237{min-height:50px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important;padding:8px 10px!important;border-radius:12px!important;}
html body[class*="client-portal-v"] .sections-team-section{margin:22px 0 0!important;padding:22px 0 0!important;border-top:1px solid rgba(184,138,45,.14)!important;background:transparent!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .sections-team-section .section-title-row,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:12px!important;align-items:center!important;margin:0 0 12px!important;padding:0!important;}
html body[class*="client-portal-v"] .sections-team-section .section-title-row h3,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row h3{margin:0!important;color:#25201a!important;font-size:17px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.02em!important;}
html body[class*="client-portal-v"] #addSectionBlockBtn{height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.30)!important;background:#fff!important;color:#7b5208!important;font-size:12.8px!important;font-weight:950!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .teamspace-type-group-v130{display:grid!important;gap:10px!important;margin:0!important;}
html body[class*="client-portal-v"] .teamspace-type-group-v130 > h4{display:none!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242{margin:0!important;border:1px solid rgba(184,138,45,.20)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 20px rgba(75,52,14,.03)!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-header-row-v242{min-height:58px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:6px!important;padding:0!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242{min-height:58px!important;width:100%!important;display:grid!important;grid-template-columns:10px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border:0!important;background:transparent!important;text-align:left!important;justify-items:start!important;}
html body[class*="client-portal-v"] .teamspace-title-stack-v243{display:grid!important;gap:4px!important;min-width:0!important;width:100%!important;text-align:left!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-summary-title{display:block!important;width:100%!important;color:#111827!important;font-size:14.2px!important;line-height:1.12!important;font-weight:950!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] .teamspace-description-preview-v243{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;color:#6f6657!important;font-size:12px!important;line-height:1.3!important;font-weight:650!important;text-align:left!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242{width:10px!important;height:10px!important;border-radius:999px!important;background:#16a34a!important;box-shadow:0 0 0 3px rgba(22,163,74,.11)!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240{width:34px!important;height:58px!important;display:grid!important;place-items:center!important;margin:0!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:transparent!important;color:#111827!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{padding:14px 16px 16px!important;border-top:1px solid rgba(184,138,45,.13)!important;background:#fffdf8!important;color:#2b2a27!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242.is-collapsed .section-collapsible-body,
html body[class*="client-portal-v"] .section-collapsible-body[hidden],
html body[class*="client-portal-v"] .assigned-members-content-v239[hidden]{display:none!important;}
html body[class*="client-portal-v"] .teamspace-item-fields-v240{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding-top:0!important;}
html body[class*="client-portal-v"] .teamspace-empty-state-v130,
html body[class*="client-portal-v"] .compact-empty-state:empty{display:none!important;}
@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{width:100vw!important;max-width:100vw!important;border-radius:0!important;padding:20px 16px 28px!important;}
  html body[class*="client-portal-v"] .teamspace-header-row-v237{grid-template-columns:1fr 120px!important;gap:9px!important;}
  html body[class*="client-portal-v"] .assigned-members-title-row-v237,
  html body[class*="client-portal-v"] .sections-team-section .section-title-row,
  html body[class*="client-portal-v"] .sections-team-section .compact-title-row{grid-template-columns:minmax(0,1fr) 120px!important;}
  html body[class*="client-portal-v"] .assigned-member-row-v237{grid-template-columns:minmax(0,1fr) auto 32px!important;padding:10px!important;}
  html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{grid-template-columns:minmax(0,1fr) auto!important;}
  html body[class*="client-portal-v"] .account-type-badge-v237{max-width:104px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}


/* V246 - TeamSpace exact reference visible members
   Fixes the real issue from v245: the members section was still collapsed by default.
   This keeps the panel close to the reference mockup: visible members, then notes below.
*/
html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
  width:min(430px, calc(100vw - 18px))!important;
  max-width:min(430px, calc(100vw - 18px))!important;
  padding:24px 26px 28px!important;
  border-radius:26px 0 0 26px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fffaf2 100%)!important;
}

html body[class*="client-portal-v"] #assignedMembersSection.assigned-members-section-v237{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] #assignedMembersSection.assigned-members-section-v237[hidden],
html body[class*="client-portal-v"] #assignedMembersBody[hidden]{
  display:none!important;
}

html body[class*="client-portal-v"] #assignedMembersSection.assigned-members-section-v237.is-expanded,
html body[class*="client-portal-v"] #assignedMembersSection.assigned-members-section-v237:not([hidden]){
  display:block!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 134px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3,
html body[class*="client-portal-v"] .sections-team-section .section-title-row h3,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row h3{
  font-size:17px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  font-weight:950!important;
  margin:0!important;
  color:#25201a!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{
  display:none!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 .small-btn,
html body[class*="client-portal-v"] .add-member-v237,
html body[class*="client-portal-v"] #addSectionBlockBtn{
  height:38px!important;
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.30)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:12.8px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0 0 22px!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:64px!important;
  padding:10px 14px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(75,52,14,.032)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{
  grid-template-columns:minmax(0,1fr) auto!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity > img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  box-shadow:0 8px 18px rgba(75,52,14,.09)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{
  display:block!important;
  max-width:100%!important;
  color:#111827!important;
  font-size:14.2px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
  display:block!important;
  max-width:100%!important;
  color:#6f6657!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .account-type-badge-v237{
  min-height:28px!important;
  height:28px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11.3px!important;
  font-weight:950!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions,
html body[class*="client-portal-v"] .assigned-member-row-v237 .compact-member-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  min-width:32px!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member .team-member-actions{
  display:none!important;
}

html body[class*="client-portal-v"] .sections-team-section{
  margin:22px 0 0!important;
  padding:22px 0 0!important;
  border-top:1px solid rgba(184,138,45,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .sections-team-section .section-title-row,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 12px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242{
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(75,52,14,.03)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{
  padding:0!important;
  border-top:1px solid rgba(184,138,45,.13)!important;
  background:#fffdf8!important;
}

html body[class*="client-portal-v"] .teamspace-note-read-v246{
  display:grid!important;
  gap:12px!important;
  padding:20px 16px 18px!important;
  color:#2b2a27!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:520!important;
  text-align:left!important;
}

html body[class*="client-portal-v"] .teamspace-note-read-v246 p{
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .teamspace-item-fields-v130,
html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .teamspace-item-fields-v240,
html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .section-actions{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242.is-editing .teamspace-note-read-v246{
  display:none!important;
}

@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
    padding:20px 16px 28px!important;
  }
}


/* V247 - TeamSpace elegant compact list panel
   Product-quality cleanup: less bulky cards, cleaner list rows, tighter spacing, and balanced hierarchy.
*/
html body[class*="client-portal-v"].team-space-open{
  overflow:hidden!important;
}

html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
  pointer-events:none!important;
}

html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell.open{
  display:block!important;
  pointer-events:auto!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(20,19,17,.54)!important;
  backdrop-filter:blur(8px)!important;
}

/* Drawer shell: refined fixed right rail */
html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:min(408px, calc(100vw - 18px))!important;
  max-width:min(408px, calc(100vw - 18px))!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:24px 24px 28px!important;
  border-left:1px solid rgba(206,164,82,.32)!important;
  border-radius:24px 0 0 24px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fffaf2 100%)!important;
  box-shadow:-28px 0 78px rgba(17,13,7,.24)!important;
  color:#121826!important;
}

/* Header */
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  align-items:start!important;
  gap:12px!important;
  padding:0!important;
  margin:0 0 18px!important;
  border:0!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{
  margin:0 0 5px!important;
  color:#121826!important;
  font-size:25px!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] #teamSpaceClientName,
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .muted{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#6d604c!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fffaf0!important;
  color:#111827!important;
  font-size:21px!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Search + member control */
html body[class*="client-portal-v"] .teamspace-header-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid rgba(184,138,45,.13)!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237{
  margin:0!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .teamspace-search-field-v237 input{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 14px 0 40px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fff!important;
  color:#172033!important;
  font-size:13px!important;
  font-weight:650!important;
  box-shadow:0 4px 12px rgba(75,52,14,.025)!important;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%237b746a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:17px 17px!important;
  background-position:15px center!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fffaf0!important;
  color:#7b5208!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237::before{
  content:""!important;
  width:16px!important;
  height:16px!important;
  display:inline-block!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 span{
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
}

html body[class*="client-portal-v"] .teamspace-member-count-v237 small{
  color:#6f6657!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
}

/* Section headers */
html body[class*="client-portal-v"] .assigned-members-title-row-v237,
html body[class*="client-portal-v"] .sections-team-section .section-title-row,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 116px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3,
html body[class*="client-portal-v"] .sections-team-section .section-title-row h3,
html body[class*="client-portal-v"] .sections-team-section .compact-title-row h3{
  margin:0!important;
  color:#1b1b18!important;
  font-size:16px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  font-weight:950!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{
  display:none!important;
}

html body[class*="client-portal-v"] .assigned-members-title-row-v237 .small-btn,
html body[class*="client-portal-v"] .add-member-v237,
html body[class*="client-portal-v"] #addSectionBlockBtn{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.28)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:none!important;
}

/* Assigned members become one elegant list surface */
html body[class*="client-portal-v"] .assigned-members-section-v237{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:0 0 18px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(75,52,14,.035)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:56px!important;
  height:56px!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(184,138,45,.10)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237:last-child{
  border-bottom:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{
  grid-template-columns:minmax(0,1fr) auto!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity > img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  box-shadow:0 6px 14px rgba(75,52,14,.08)!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{
  display:block!important;
  max-width:100%!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{
  display:block!important;
  max-width:100%!important;
  color:#756b5c!important;
  font-size:11.2px!important;
  line-height:1.1!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .account-type-badge-v237{
  height:24px!important;
  min-height:24px!important;
  max-width:96px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .account-type-ceo{background:#fff4cd!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.24)!important;}
html body[class*="client-portal-v"] .account-type-client{background:#fff4cd!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.24)!important;}
html body[class*="client-portal-v"] .account-type-admin{background:#edf4ff!important;color:#2457a6!important;border:1px solid rgba(59,130,246,.22)!important;}
html body[class*="client-portal-v"] .account-type-team-member{background:#eafbf0!important;color:#14783e!important;border:1px solid rgba(34,197,94,.25)!important;}
html body[class*="client-portal-v"] .account-type-sub-client{background:#f2ebff!important;color:#6b35d9!important;border:1px solid rgba(139,92,246,.25)!important;}

html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions,
html body[class*="client-portal-v"] .assigned-member-row-v237 .compact-member-actions{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member .team-member-actions{
  display:none!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-remove-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:9px!important;
  border:1px solid rgba(239,68,68,.16)!important;
  background:#fff7f7!important;
  color:#b91c1c!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-svg{
  width:14px!important;
  height:14px!important;
}

/* Existing user picker */
html body[class*="client-portal-v"] .team-user-picker-form-v237{
  margin:0 0 12px!important;
  padding:10px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:13px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237{
  font-size:10px!important;
  letter-spacing:.10em!important;
  color:#78674e!important;
}

html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{
  height:38px!important;
  min-height:38px!important;
  margin-top:6px!important;
  border-radius:999px!important;
  background:#fff!important;
}

html body[class*="client-portal-v"] .team-user-suggestions-v237{
  max-height:210px!important;
  overflow:auto!important;
  display:grid!important;
  gap:6px!important;
  margin-top:9px!important;
}

html body[class*="client-portal-v"] .team-user-option-v237{
  min-height:46px!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
  border:1px solid rgba(184,138,45,.12)!important;
  background:#fff!important;
}

/* Notes */
html body[class*="client-portal-v"] .sections-team-section{
  margin:18px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(184,138,45,.13)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-type-group-v130 > h4{
  display:none!important;
}

/* Notes cards: elegant, readable, no form-looking clutter */
html body[class*="client-portal-v"] .teamspace-item-card-v242{
  margin:0!important;
  border:1px solid rgba(184,138,45,.17)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(75,52,14,.035)!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-header-row-v242{
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242{
  min-height:52px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:9px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 12px!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
  justify-items:start!important;
}

html body[class*="client-portal-v"] .teamspace-title-stack-v243{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  width:100%!important;
  text-align:left!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-summary-title{
  display:block!important;
  width:100%!important;
  color:#111827!important;
  font-size:13.5px!important;
  line-height:1.12!important;
  font-weight:950!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body[class*="client-portal-v"] .teamspace-description-preview-v243{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  color:#756b5c!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:650!important;
  text-align:left!important;
  overflow:hidden!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242{
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:#16a34a!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.10)!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240{
  width:30px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#111827!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary svg{
  width:17px!important;
  height:17px!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{
  padding:12px 14px 14px!important;
  border-top:1px solid rgba(184,138,45,.12)!important;
  background:#fffdf8!important;
  color:#2b2a27!important;
}

html body[class*="client-portal-v"] .teamspace-note-read-v246{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  color:#2b2a27!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:650!important;
}

html body[class*="client-portal-v"] .teamspace-note-read-v246 p{
  margin:0!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .teamspace-item-fields-v130,
html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .teamspace-item-fields-v240{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-item-card-v242.is-collapsed .section-collapsible-body,
html body[class*="client-portal-v"] .section-collapsible-body[hidden],
html body[class*="client-portal-v"] .assigned-members-content-v239[hidden]{
  display:none!important;
}

html body[class*="client-portal-v"] .teamspace-empty-state-v130,
html body[class*="client-portal-v"] .compact-empty-state:empty,
html body[class*="client-portal-v"] .team-space-panel-footer,
html body[class*="client-portal-v"] .teamspace-panel-footer{
  display:none!important;
}

/* Remove text-selection accident visuals in screenshots when user clicks labels */
html body[class*="client-portal-v"] #teamSpacePanel h2,
html body[class*="client-portal-v"] #teamSpacePanel h3,
html body[class*="client-portal-v"] #teamSpacePanel strong,
html body[class*="client-portal-v"] #teamSpacePanel small,
html body[class*="client-portal-v"] #teamSpacePanel p{
  -webkit-user-select:none!important;
  user-select:none!important;
}

/* Mobile */
@media (max-width:680px){
  html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
  html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
    padding:20px 16px 28px!important;
  }

  html body[class*="client-portal-v"] .teamspace-header-row-v237{
    grid-template-columns:1fr 108px!important;
    gap:8px!important;
  }

  html body[class*="client-portal-v"] .assigned-members-title-row-v237,
  html body[class*="client-portal-v"] .sections-team-section .section-title-row,
  html body[class*="client-portal-v"] .sections-team-section .compact-title-row{
    grid-template-columns:minmax(0,1fr) 108px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237{
    grid-template-columns:minmax(0,1fr) auto 28px!important;
    padding:8px 10px!important;
  }

  html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
}


/* V248 - TeamSpace reference clean professional UI */
html body[class*="client-portal-v"].team-space-open{overflow:hidden!important;}
html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;pointer-events:none!important;}
html body[class*="client-portal-v"] #teamSpacePanel.side-panel-shell.open{display:block!important;pointer-events:auto!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-backdrop{position:absolute!important;inset:0!important;background:rgba(20,19,17,.54)!important;backdrop-filter:blur(8px)!important;}
html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,
html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{position:absolute!important;top:0!important;right:0!important;width:min(520px,calc(100vw - 18px))!important;max-width:min(520px,calc(100vw - 18px))!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:28px 30px 34px!important;border-left:1px solid rgba(214,171,85,.28)!important;border-radius:26px 0 0 26px!important;background:#fffdf8!important;box-shadow:-34px 0 92px rgba(17,13,7,.24)!important;color:#121826!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:start!important;gap:14px!important;padding:0!important;margin:0 0 24px!important;border:0!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head h2{margin:0 0 5px!important;color:#111827!important;font-size:27px!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:950!important;}
html body[class*="client-portal-v"] #teamSpaceClientName,html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .muted{margin:0!important;display:block!important;max-width:100%!important;color:#6d604c!important;font-size:13px!important;line-height:1.25!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] #teamSpacePanel .side-panel-head .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.16)!important;background:#fffaf0!important;color:#111827!important;font-size:21px!important;line-height:1!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .teamspace-header-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) 188px!important;align-items:center!important;gap:14px!important;margin:0 0 22px!important;padding:0 0 20px!important;border-bottom:1px solid rgba(184,138,45,.13)!important;}
html body[class*="client-portal-v"] .teamspace-search-field-v237{margin:0!important;min-width:0!important;display:block!important;}
html body[class*="client-portal-v"] .teamspace-search-field-v237 input,html body[class*="client-portal-v"] .teamspace-member-count-v237{height:44px!important;min-height:44px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.18)!important;background:#fff!important;box-shadow:0 5px 14px rgba(75,52,14,.025)!important;}
html body[class*="client-portal-v"] .teamspace-search-field-v237 input{width:100%!important;padding:0 16px 0 44px!important;color:#172033!important;font-size:13.5px!important;font-weight:700!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%237b746a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:18px 18px!important;background-position:16px center!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 16px!important;background:#fffaf0!important;color:#111827!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237::before{content:""!important;width:17px!important;height:17px!important;display:inline-block!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237 span{font-size:14.5px!important;font-weight:950!important;line-height:1!important;}
html body[class*="client-portal-v"] .teamspace-member-count-v237 small{color:#111827!important;font-size:13px!important;font-weight:850!important;line-height:1!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237,html body[class*="client-portal-v"] .sections-team-section .section-title-row,html body[class*="client-portal-v"] .sections-team-section .compact-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) 148px!important;align-items:center!important;gap:14px!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237 h3,html body[class*="client-portal-v"] .sections-team-section .section-title-row h3,html body[class*="client-portal-v"] .sections-team-section .compact-title-row h3{margin:0!important;color:#0f172a!important;font-size:17px!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:950!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237 p{display:none!important;}
html body[class*="client-portal-v"] .assigned-members-title-row-v237 .small-btn,html body[class*="client-portal-v"] .add-member-v237,html body[class*="client-portal-v"] #addSectionBlockBtn{width:100%!important;height:38px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.28)!important;background:#fff!important;color:#7b5208!important;font-size:12.8px!important;line-height:1!important;font-weight:950!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .assigned-members-section-v237{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .assigned-member-list-v237{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0 0 24px!important;border:1px solid rgba(184,138,45,.15)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 25px rgba(75,52,14,.030)!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237{display:grid!important;grid-template-columns:minmax(0,1fr) auto 34px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:58px!important;height:58px!important;padding:8px 14px!important;border:0!important;border-bottom:1px solid rgba(184,138,45,.10)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237:last-child{border-bottom:0!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{grid-template-columns:minmax(0,1fr) auto 34px!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important;width:100%!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .access-avatar,html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-avatar,html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-identity>img{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;object-fit:cover!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy{display:grid!important;gap:3px!important;min-width:0!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy strong{display:block!important;max-width:100%!important;color:#111827!important;font-size:13.8px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .member-copy small{display:block!important;max-width:100%!important;color:#756b5c!important;font-size:11.8px!important;line-height:1.08!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] .account-type-badge-v237{height:25px!important;min-height:25px!important;max-width:112px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;border-radius:999px!important;font-size:10.8px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .account-type-ceo{background:#fff4cd!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.24)!important;}
html body[class*="client-portal-v"] .account-type-client{background:#fff4cd!important;color:#7b5208!important;border:1px solid rgba(184,138,45,.24)!important;}
html body[class*="client-portal-v"] .account-type-admin{background:#edf4ff!important;color:#2457a6!important;border:1px solid rgba(59,130,246,.22)!important;}
html body[class*="client-portal-v"] .account-type-team-member{background:#eafbf0!important;color:#14783e!important;border:1px solid rgba(34,197,94,.25)!important;}
html body[class*="client-portal-v"] .account-type-sub-client{background:#f2ebff!important;color:#6b35d9!important;border:1px solid rgba(139,92,246,.25)!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .team-member-actions,html body[class*="client-portal-v"] .assigned-member-row-v237 .compact-member-actions{width:34px!important;min-width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member .team-member-actions,html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member .compact-member-actions{visibility:hidden!important;pointer-events:none!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-remove-btn{width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#111827!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-remove-btn:hover{background:#fff1f1!important;color:#b91c1c!important;}
html body[class*="client-portal-v"] .assigned-member-row-v237 .trash-svg{width:16px!important;height:16px!important;}
html body[class*="client-portal-v"] .team-user-picker-form-v237{margin:0 0 12px!important;padding:10px!important;border:1px solid rgba(184,138,45,.14)!important;border-radius:13px!important;background:#fffaf0!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .team-user-search-label-v237{font-size:10px!important;letter-spacing:.10em!important;color:#78674e!important;}
html body[class*="client-portal-v"] .team-user-search-label-v237 input[type="search"]{height:38px!important;min-height:38px!important;margin-top:6px!important;border-radius:999px!important;background:#fff!important;}
html body[class*="client-portal-v"] .team-user-suggestions-v237{max-height:210px!important;overflow:auto!important;display:grid!important;gap:6px!important;margin-top:9px!important;}
html body[class*="client-portal-v"] .team-user-option-v237{min-height:46px!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:9px!important;padding:7px 9px!important;border-radius:11px!important;border:1px solid rgba(184,138,45,.12)!important;background:#fff!important;}
html body[class*="client-portal-v"] .sections-team-section{margin:24px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body[class*="client-portal-v"] .teamspace-type-group-v130{display:grid!important;gap:10px!important;margin:0!important;}
html body[class*="client-portal-v"] .teamspace-type-group-v130>h4{display:none!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242{margin:0!important;border:1px solid rgba(184,138,45,.15)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 25px rgba(75,52,14,.030)!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-header-row-v242{min-height:58px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:8px!important;padding:0!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-item-toggle-row-v242{min-height:58px!important;width:100%!important;display:grid!important;grid-template-columns:10px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border:0!important;background:transparent!important;text-align:left!important;justify-items:start!important;cursor:pointer!important;}
html body[class*="client-portal-v"] .teamspace-title-stack-v243{display:grid!important;gap:4px!important;min-width:0!important;width:100%!important;text-align:left!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-summary-title{display:block!important;width:100%!important;color:#111827!important;font-size:13.8px!important;line-height:1.12!important;font-weight:950!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body[class*="client-portal-v"] .teamspace-description-preview-v243{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;color:#756b5c!important;font-size:11.8px!important;line-height:1.28!important;font-weight:650!important;text-align:left!important;overflow:hidden!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-status-dot-v242{width:9px!important;height:9px!important;border-radius:999px!important;background:#16a34a!important;box-shadow:0 0 0 3px rgba(22,163,74,.10)!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240{width:34px!important;height:58px!important;display:grid!important;place-items:center!important;margin:0!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:transparent!important;color:#111827!important;list-style:none!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary::-webkit-details-marker{display:none!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .teamspace-actions-menu-v240 summary svg{width:17px!important;height:17px!important;}
html body[class*="client-portal-v"] .teamspace-actions-menu-v240[open] .teamspace-action-list,html body[class*="client-portal-v"] .teamspace-actions-menu-v240[open] .teamspace-actions-list-v240{min-width:118px!important;padding:6px!important;border-radius:12px!important;border:1px solid rgba(184,138,45,.16)!important;background:#fff!important;box-shadow:0 18px 40px rgba(23,18,10,.14)!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242 .section-collapsible-body{padding:12px 16px 16px!important;border-top:1px solid rgba(184,138,45,.10)!important;background:#fffdf8!important;color:#2b2a27!important;}
html body[class*="client-portal-v"] .teamspace-note-read-v246{display:grid!important;gap:10px!important;margin:0!important;color:#2b2a27!important;font-size:13px!important;line-height:1.45!important;font-weight:650!important;}
html body[class*="client-portal-v"] .teamspace-note-read-v246 p{margin:0!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .teamspace-item-fields-v130,html body[class*="client-portal-v"] .teamspace-item-card-v242:not(.is-editing) .teamspace-item-fields-v240{display:none!important;}
html body[class*="client-portal-v"] .teamspace-item-card-v242.is-collapsed .section-collapsible-body,html body[class*="client-portal-v"] .section-collapsible-body[hidden],html body[class*="client-portal-v"] .assigned-members-content-v239[hidden]{display:none!important;}
html body[class*="client-portal-v"] .teamspace-empty-state-v130,html body[class*="client-portal-v"] .compact-empty-state:empty,html body[class*="client-portal-v"] .team-space-panel-footer,html body[class*="client-portal-v"] .teamspace-panel-footer{display:none!important;}
html body[class*="client-portal-v"] #teamSpacePanel h2,html body[class*="client-portal-v"] #teamSpacePanel h3,html body[class*="client-portal-v"] #teamSpacePanel strong,html body[class*="client-portal-v"] #teamSpacePanel small,html body[class*="client-portal-v"] #teamSpacePanel p{-webkit-user-select:none!important;user-select:none!important;}
@media (max-width:680px){html body[class*="client-portal-v"] #teamSpacePanel .v46-team-panel,html body[class*="client-portal-v"] #teamSpacePanel .v47-team-panel,html body[class*="client-portal-v"] #teamSpacePanel .v48-team-panel,html body[class*="client-portal-v"] #teamSpacePanel .v49-team-panel{width:100vw!important;max-width:100vw!important;border-radius:0!important;padding:22px 18px 30px!important;}html body[class*="client-portal-v"] .teamspace-header-row-v237{grid-template-columns:1fr 128px!important;gap:10px!important;}html body[class*="client-portal-v"] .assigned-members-title-row-v237,html body[class*="client-portal-v"] .sections-team-section .section-title-row,html body[class*="client-portal-v"] .sections-team-section .compact-title-row{grid-template-columns:minmax(0,1fr) 126px!important;}html body[class*="client-portal-v"] .assigned-member-row-v237{grid-template-columns:minmax(0,1fr) auto 30px!important;padding:8px 10px!important;}html body[class*="client-portal-v"] .assigned-member-row-v237.auto-member{grid-template-columns:minmax(0,1fr) auto 30px!important;}}


/* V249 - Custom AI Workspace System */
.ai-workspace-page {
  background: #f7f1e6;
  overflow: hidden;
}

.ai-workspace-shell {
  width: min(100%, 1760px);
  margin: 0 auto;
  padding: 92px 18px 18px;
  height: 100dvh;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) 360px;
  gap: 16px;
  color: #171410;
}

.ai-left-panel,
.ai-chat-panel,
.ai-config-panel {
  min-height: 0;
  border: 1px solid rgba(190, 146, 58, .22);
  background: rgba(255, 253, 248, .96);
  border-radius: 26px;
  box-shadow: 0 18px 50px rgba(79, 55, 14, .06);
}

.ai-left-panel,
.ai-config-panel {
  padding: 18px;
  overflow-y: auto;
}

.ai-left-head,
.ai-config-head,
.ai-chat-top,
.ai-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.ai-left-head h1,
.ai-config-head h2 {
  margin: 2px 0 3px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.05em;
}

.ai-left-head small,
.ai-chat-title span,
.ai-section-title small,
.ai-empty-small {
  color: #746a5c;
  font-weight: 700;
}

.ai-icon-action {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border: 1px solid rgba(190, 146, 58, .22);
  background: linear-gradient(135deg, #c99522, #8a5a05);
  color: #fff;
  font-size: 24px;
  font-weight: 950;
}

.ai-search {
  height: 44px;
  margin: 16px 0 12px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(190, 146, 58, .22);
  border-radius: 999px;
  background: #fff;
}

.ai-search.compact {
  height: 38px;
  margin: 10px 0;
}

.ai-search span {
  color: #806e50;
  font-weight: 900;
}

.ai-search input {
  border: 0;
  outline: 0;
  background: transparent;
  min-width: 0;
  font: inherit;
  font-weight: 760;
  color: #171410;
}

.ai-type-filters {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.ai-type-filters button,
.ai-section-title button,
.ai-chat-actions button,
.ai-config-tabs button,
.ai-modal-actions button,
.secondary-btn {
  min-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(190, 146, 58, .22);
  background: #fffaf0;
  color: #745005;
  font-weight: 900;
  padding: 0 13px;
}

.ai-type-filters button.active,
.ai-config-tabs button.active {
  background: #8d5e08;
  color: #fff;
  border-color: #8d5e08;
}

.ai-panel-section {
  margin-top: 14px;
}

.ai-section-title {
  margin-bottom: 8px;
}

.ai-section-title strong {
  font-size: 14px;
  letter-spacing: -.01em;
}

.ai-assistant-list,
.ai-conversation-list {
  display: grid;
  gap: 8px;
}

.ai-assistant-card,
.ai-conversation-card {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(190, 146, 58, .16);
  background: #fff;
  text-align: left;
  box-shadow: 0 8px 22px rgba(79, 55, 14, .035);
}

.ai-conversation-card {
  grid-template-columns: minmax(0, 1fr) auto;
}

.ai-assistant-card.active,
.ai-conversation-card.active {
  border-color: rgba(152, 99, 7, .45);
  background: #fff6df;
}

.ai-assistant-card strong,
.ai-conversation-card strong {
  display: block;
  font-size: 13px;
  line-height: 1.1;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-assistant-card small,
.ai-conversation-card small {
  display: block;
  margin-top: 4px;
  font-size: 11.5px;
  color: #756b5c;
  font-weight: 720;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-assistant-card em,
.ai-conversation-card em {
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
  color: #7b5208;
  background: #fff1c7;
  border-radius: 999px;
  padding: 5px 8px;
}

.ai-mini-avatar,
.ai-assistant-avatar {
  --assistant-color: #9A6A0A;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--assistant-color), #e7bd54);
  color: #fff;
  font-weight: 950;
  letter-spacing: -.04em;
}

.ai-mini-avatar {
  width: 42px;
  height: 42px;
  font-size: 13px;
}

.ai-chat-panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.ai-chat-top {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(190, 146, 58, .14);
}

.ai-assistant-avatar {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  flex: 0 0 auto;
}

.ai-chat-title {
  min-width: 0;
  margin-right: auto;
}

.ai-chat-title strong {
  display: block;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-chat-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ai-chat-tabs {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(190, 146, 58, .12);
  background: #fffaf0;
}

.ai-chat-tab {
  min-width: 160px;
  max-width: 260px;
  height: 34px;
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  align-items: center;
  gap: 6px;
  padding: 0 6px 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(190, 146, 58, .18);
  background: #fff;
  color: #171410;
  font-weight: 850;
}

.ai-chat-tab.active {
  background: #8d5e08;
  color: #fff;
  border-color: #8d5e08;
}

.ai-chat-tab span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-chat-tab i {
  font-style: normal;
  display: grid;
  place-items: center;
  border-radius: 999px;
  opacity: .8;
}

.ai-chat-stream {
  overflow-y: auto;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background:
    radial-gradient(circle at 0 0, rgba(231, 189, 84, .08), transparent 30%),
    #fffdf8;
}

.ai-empty-chat {
  max-width: 620px;
  margin: auto;
  text-align: center;
  padding: 34px;
  border: 1px dashed rgba(190, 146, 58, .26);
  border-radius: 26px;
  background: #fffaf0;
}

.ai-empty-chat strong {
  font-size: 26px;
  letter-spacing: -.04em;
}

.ai-empty-chat p {
  color: #746a5c;
  font-weight: 720;
  line-height: 1.5;
}

.ai-message {
  max-width: min(760px, 92%);
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(190, 146, 58, .15);
  background: #fff;
  box-shadow: 0 10px 26px rgba(79, 55, 14, .035);
}

.ai-message.user {
  align-self: flex-end;
  background: #fff6df;
}

.ai-message.assistant {
  align-self: flex-start;
}

.ai-message-role {
  margin-bottom: 8px;
  color: #7b5208;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ai-message-body {
  color: #171410;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 650;
}

.ai-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 98px;
  gap: 10px;
  padding: 16px 18px;
  border-top: 1px solid rgba(190, 146, 58, .14);
  background: #fffaf0;
}

.ai-composer textarea {
  min-height: 48px;
  max-height: 180px;
  resize: none;
  border: 1px solid rgba(190, 146, 58, .22);
  border-radius: 20px;
  padding: 14px 16px;
  font: inherit;
  font-weight: 650;
  outline: none;
  background: #fff;
}

.ai-composer button,
.ai-modal-actions .primary-btn {
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, #c99522, #8a5a05);
  color: #fff;
  font-weight: 950;
}

.ai-config-panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
}

.ai-config-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.ai-config-form {
  min-height: 0;
  overflow-y: auto;
  padding-right: 3px;
}

.ai-config-group {
  display: none;
  gap: 12px;
}

.ai-config-group.active {
  display: grid;
}

.ai-config-form label,
.ai-modal-grid label {
  display: grid;
  gap: 7px;
  color: #6f6657;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ai-config-form input,
.ai-config-form textarea,
.ai-modal-grid input,
.ai-modal-grid textarea,
.ai-modal-grid select {
  min-height: 42px;
  border: 1px solid rgba(190, 146, 58, .22);
  border-radius: 15px;
  background: #fff;
  padding: 10px 12px;
  color: #171410;
  font: inherit;
  font-size: 13px;
  font-weight: 680;
  letter-spacing: 0;
  text-transform: none;
  outline: none;
}

.ai-config-form textarea,
.ai-modal-grid textarea {
  min-height: 92px;
  resize: vertical;
}

.ai-modal {
  width: min(760px, calc(100vw - 28px));
  border: 1px solid rgba(190, 146, 58, .24);
  border-radius: 28px;
  padding: 0;
  background: #fffdf8;
  color: #171410;
  box-shadow: 0 24px 90px rgba(25, 18, 8, .24);
}

.ai-modal::backdrop {
  background: rgba(25, 22, 18, .56);
  backdrop-filter: blur(6px);
}

.ai-modal form {
  padding: 22px;
}

.ai-modal-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.ai-modal-head h2 {
  margin: 2px 0 0;
  font-size: 26px;
  letter-spacing: -.05em;
}

.ai-modal-head button {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(190, 146, 58, .22);
  background: #fffaf0;
  font-size: 22px;
  font-weight: 850;
}

.ai-modal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ai-modal-grid .span-2 {
  grid-column: 1 / -1;
}

.ai-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.ai-modal-actions button {
  min-width: 120px;
}

.ai-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 999999;
  max-width: 360px;
  padding: 13px 16px;
  border-radius: 16px;
  background: #171410;
  color: #fff;
  font-weight: 850;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
}

.ai-toast.success { background: #116b3a; }
.ai-toast.error { background: #9f1d1d; }
.ai-toast.warning { background: #8a5a05; }

.ai-empty-small {
  padding: 14px;
  border-radius: 16px;
  background: #fffaf0;
  border: 1px dashed rgba(190, 146, 58, .24);
  font-size: 13px;
  line-height: 1.4;
}

.ai-empty-small.error {
  color: #9f1d1d;
  background: #fff7f7;
  border-color: rgba(239, 68, 68, .24);
}

@media (max-width: 1280px) {
  .ai-workspace-shell {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .ai-config-panel {
    display: none;
  }
}

@media (max-width: 900px) {
  .ai-workspace-page {
    overflow: auto;
  }

  .ai-workspace-shell {
    height: auto;
    min-height: 100dvh;
    padding: 92px 12px 90px;
    grid-template-columns: 1fr;
  }

  .ai-left-panel {
    max-height: none;
  }

  .ai-chat-panel {
    min-height: 76dvh;
  }

  .ai-chat-top {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .ai-chat-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .ai-modal-grid {
    grid-template-columns: 1fr;
  }

  .ai-modal-grid .span-2 {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .ai-workspace-shell {
    padding-left: 8px;
    padding-right: 8px;
  }

  .ai-left-panel,
  .ai-chat-panel {
    border-radius: 22px;
  }

  .ai-chat-tabs {
    padding: 8px 10px;
  }

  .ai-composer {
    grid-template-columns: 1fr;
  }

  .ai-chat-stream {
    padding: 14px;
  }

  .ai-message {
    max-width: 100%;
  }
}


/* V250 - AI Workspace GPT tabs + approval action menus */
.ai-workspace-shell {
  grid-template-columns: 330px minmax(0, 1fr) 360px;
}

.ai-assistant-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 6px;
  padding: 0;
  overflow: visible;
}

.ai-assistant-main {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 10px;
  border: 0;
  background: transparent;
  text-align: left;
  border-radius: 18px;
}

.ai-assistant-copy {
  min-width: 0;
}

.ai-assistant-card.needs-approval {
  border-style: dashed;
}

.ai-status-pill.status-pending_approval {
  color: #7c4a03;
  background: #fff0bd;
}

.ai-status-pill.status-rejected {
  color: #991b1b;
  background: #fee2e2;
}

.ai-status-pill.status-inactive {
  color: #334155;
  background: #e2e8f0;
}

.ai-assistant-menu {
  position: relative;
  align-self: center;
  justify-self: center;
}

.ai-assistant-menu summary {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #5f574b;
  cursor: pointer;
  list-style: none;
  font-size: 20px;
  font-weight: 950;
}

.ai-assistant-menu summary::-webkit-details-marker {
  display: none;
}

.ai-assistant-menu summary:hover {
  background: #fff6df;
  color: #7b5208;
}

.ai-assistant-menu-list {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 50;
  width: 176px;
  display: grid;
  gap: 3px;
  padding: 7px;
  border-radius: 14px;
  border: 1px solid rgba(190, 146, 58, .20);
  background: #fff;
  box-shadow: 0 18px 44px rgba(30, 22, 8, .18);
}

.ai-assistant-menu-list button,
.ai-assistant-menu-list span {
  width: 100%;
  min-height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #171410;
  text-align: left;
  font-size: 12.5px;
  font-weight: 850;
}

.ai-assistant-menu-list button:hover {
  background: #fff6df;
  color: #7b5208;
}

.ai-assistant-menu-list button.danger {
  color: #b91c1c;
}

.ai-assistant-menu-list button.danger:hover {
  background: #fff1f1;
}

.ai-assistant-menu-list span {
  display: flex;
  align-items: center;
  color: #8a8175;
}

.ai-assistant-worktabs {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(190, 146, 58, .12);
  background: #fffdf8;
}

.ai-assistant-worktab {
  min-width: 178px;
  max-width: 260px;
  height: 34px;
  display: inline-grid;
  grid-template-columns: 24px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 7px;
  padding: 0 6px 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(190, 146, 58, .18);
  background: #fff;
  color: #171410;
  font-weight: 900;
  box-shadow: 0 5px 14px rgba(79, 55, 14, .025);
}

.ai-assistant-worktab.active {
  background: #171410;
  color: #fff;
  border-color: #171410;
}

.ai-worktab-avatar {
  --assistant-color: #9A6A0A;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--assistant-color), #e7bd54);
  color: #fff;
  font-size: 9px;
  font-weight: 950;
}

.ai-assistant-worktab span:not(.ai-worktab-avatar) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-assistant-worktab i {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-style: normal;
  opacity: .75;
}

.ai-assistant-worktab i:hover {
  background: rgba(255, 255, 255, .14);
}

.ai-chat-tabs {
  min-height: 44px;
  background: #fffaf0;
}

.ai-chat-tab {
  min-width: 150px;
  height: 32px;
  font-size: 12.5px;
}

.ai-composer textarea:disabled,
.ai-composer button:disabled,
#newConversationBtn:disabled,
#saveAssistantConfigBtn:disabled {
  opacity: .56;
  cursor: not-allowed;
}

.ai-left-head .eyebrow::after {
  content: " · GPT-style tabs";
  color: #9a6a0a;
}

@media (max-width: 1280px) {
  .ai-workspace-shell {
    grid-template-columns: 320px minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .ai-assistant-worktabs,
  .ai-chat-tabs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ai-assistant-worktab {
    min-width: 150px;
  }
}


/* V251 - AI Workspace ChatGPT-style layout
   Popup-only custom GPT creation/editing. No right configuration panel.
*/
.ai-chatgpt-workspace-page {
  margin: 0;
  min-height: 100dvh;
  overflow: hidden;
  background: #050505;
  color: #f7f7f7;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ai-chatgpt-workspace-page * {
  box-sizing: border-box;
}

.ai-gpt-shell {
  height: 100dvh;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  background: #050505;
}

.ai-gpt-sidebar {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, auto) minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px 8px;
  border-right: 1px solid #232323;
  background: #080808;
  overflow: hidden;
}

.ai-gpt-brand {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px 0 12px;
}

.ai-gpt-brand strong {
  font-size: 18px;
  letter-spacing: -.03em;
  font-weight: 850;
}

.ai-gpt-brand button,
.ai-gpt-top-actions button,
.ai-gpt-primary-actions button,
.ai-gpt-conversation-row,
.ai-gpt-assistant-main,
.ai-gpt-row-menu summary,
.ai-gpt-worktab,
.ai-gpt-active-title button,
.ai-gpt-modal button {
  font: inherit;
}

.ai-gpt-brand button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #d7d7d7;
  cursor: pointer;
}

.ai-gpt-brand button:hover {
  background: #202020;
}

.ai-gpt-primary-actions {
  display: grid;
  gap: 3px;
}

.ai-gpt-primary-actions button {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #f3f3f3;
  padding: 0 12px;
  text-align: left;
  font-size: 14px;
  cursor: pointer;
}

.ai-gpt-primary-actions button:hover {
  background: #1f1f1f;
}

.ai-gpt-primary-actions span {
  width: 18px;
  display: inline-grid;
  place-items: center;
  color: #e8e8e8;
}

.ai-gpt-search {
  min-height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 2px 8px 0;
  padding: 0 10px;
  border-radius: 10px;
  background: #111;
  border: 1px solid #242424;
  color: #a7a7a7;
}

.ai-gpt-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f3f3f3;
  font-size: 13.5px;
}

.ai-gpt-sidebar-section {
  min-height: 0;
  overflow: hidden;
}

.ai-gpt-sidebar-section.recents {
  overflow-y: auto;
}

.ai-gpt-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 6px;
  color: #cfcfcf;
  font-size: 13px;
  font-weight: 850;
}

.ai-gpt-section-title small {
  color: #8c8c8c;
  font-size: 11px;
}

.ai-gpt-list {
  display: grid;
  gap: 2px;
  padding: 0 4px;
}

.ai-gpt-assistant-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: center;
  min-height: 40px;
  border-radius: 10px;
  color: #f0f0f0;
}

.ai-gpt-assistant-row:hover,
.ai-gpt-assistant-row.active {
  background: #1f1f1f;
}

.ai-gpt-assistant-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 4px 7px 8px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.ai-gpt-avatar {
  --assistant-color: #9a6a0a;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--assistant-color), #e0b64d);
  color: #fff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: -.03em;
  overflow: hidden;
}

.ai-gpt-avatar.small {
  width: 22px;
  height: 22px;
}

.ai-gpt-row-copy {
  min-width: 0;
}

.ai-gpt-row-copy strong,
.ai-gpt-conversation-row strong {
  display: block;
  max-width: 100%;
  color: #f2f2f2;
  font-size: 13.5px;
  line-height: 1.15;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-gpt-row-copy small,
.ai-gpt-conversation-row small {
  display: block;
  max-width: 100%;
  color: #9b9b9b;
  font-size: 11.2px;
  line-height: 1.15;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-gpt-assistant-main em {
  max-width: 80px;
  padding: 3px 6px;
  border-radius: 999px;
  background: #2a2413;
  color: #ffd36a;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-gpt-assistant-main em.status-pending_approval {
  background: #372600;
  color: #ffd36a;
}

.ai-gpt-assistant-main em.status-rejected {
  background: #3a1313;
  color: #ff9a9a;
}

.ai-gpt-row-menu {
  position: relative;
  justify-self: center;
}

.ai-gpt-row-menu summary {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #cfcfcf;
  cursor: pointer;
  list-style: none;
  opacity: .1;
  font-size: 18px;
  font-weight: 850;
}

.ai-gpt-assistant-row:hover .ai-gpt-row-menu summary,
.ai-gpt-row-menu[open] summary {
  opacity: 1;
}

.ai-gpt-row-menu summary::-webkit-details-marker {
  display: none;
}

.ai-gpt-row-menu summary:hover {
  background: #303030;
}

.ai-gpt-row-menu div {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 100;
  min-width: 168px;
  display: grid;
  gap: 2px;
  padding: 6px;
  border-radius: 12px;
  background: #1f1f1f;
  border: 1px solid #343434;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

.ai-gpt-row-menu button,
.ai-gpt-row-menu span {
  min-height: 34px;
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 8px;
  padding: 0 10px;
  background: transparent;
  color: #f2f2f2;
  text-align: left;
  font-size: 13px;
  cursor: pointer;
}

.ai-gpt-row-menu button:hover {
  background: #303030;
}

.ai-gpt-row-menu .danger {
  color: #ff8b8b;
}

.ai-gpt-row-menu span {
  color: #9b9b9b;
}

.ai-gpt-conversation-row {
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #f2f2f2;
  text-align: left;
  padding: 8px 10px;
  cursor: pointer;
}

.ai-gpt-conversation-row:hover,
.ai-gpt-conversation-row.active {
  background: #1f1f1f;
}

.ai-gpt-empty-small {
  color: #8f8f8f;
  font-size: 13px;
  line-height: 1.35;
  padding: 10px;
}

.ai-gpt-empty-small.error {
  color: #ff9a9a;
}

.ai-gpt-sidebar-footer {
  padding: 8px;
}

.ai-gpt-workspace-badge {
  min-height: 56px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 14px;
  background: #111;
  border: 1px solid #242424;
}

.ai-gpt-workspace-badge > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #2f57ff;
  color: #fff;
  font-weight: 950;
}

.ai-gpt-workspace-badge strong {
  display: block;
  font-size: 13px;
}

.ai-gpt-workspace-badge small {
  color: #9c9c9c;
  font-size: 12px;
}

.ai-gpt-main {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 58px auto minmax(0, 1fr) auto;
  background: #050505;
}

.ai-gpt-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 18px;
  border-bottom: 1px solid #1e1e1e;
  background: #050505;
}

.ai-gpt-active-title {
  position: relative;
}

.ai-gpt-active-title > button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #f5f5f5;
  font-size: 17px;
  font-weight: 650;
  cursor: pointer;
}

.ai-gpt-active-title > button:hover {
  background: #1f1f1f;
}

.ai-gpt-active-title small {
  color: #a8a8a8;
}

.ai-gpt-dropdown {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 80;
  width: 300px;
  max-height: 380px;
  overflow-y: auto;
  display: grid;
  gap: 2px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid #333;
  background: #1f1f1f;
  box-shadow: 0 24px 60px rgba(0,0,0,.48);
}

.ai-gpt-dropdown button {
  min-height: 40px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 10px;
  padding: 8px;
  background: transparent;
  color: #f2f2f2;
  text-align: left;
  cursor: pointer;
}

.ai-gpt-dropdown button:hover {
  background: #303030;
}

.ai-gpt-dropdown span:not(.ai-gpt-avatar) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-gpt-dropdown small {
  color: #a5a5a5;
  font-size: 10.5px;
}

.ai-gpt-top-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ai-gpt-top-actions button {
  height: 34px;
  border: 0;
  border-radius: 10px;
  padding: 0 10px;
  background: transparent;
  color: #f2f2f2;
  font-weight: 650;
  cursor: pointer;
}

.ai-gpt-top-actions button:hover {
  background: #1f1f1f;
}

.ai-gpt-assistant-tabs {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 7px 18px;
  border-bottom: 1px solid #1e1e1e;
  background: #050505;
}

.ai-gpt-worktab {
  height: 30px;
  min-width: 156px;
  max-width: 240px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 7px;
  border: 1px solid #2b2b2b;
  border-radius: 10px;
  padding: 0 6px;
  background: #121212;
  color: #dadada;
  cursor: pointer;
}

.ai-gpt-worktab.active {
  background: #222;
  border-color: #4a4a4a;
  color: #fff;
}

.ai-gpt-tab-avatar {
  --assistant-color: #9a6a0a;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--assistant-color), #e0b64d);
  color: #fff;
  font-size: 8px;
  font-weight: 950;
}

.ai-gpt-worktab span:not(.ai-gpt-tab-avatar) {
  min-width: 0;
  font-size: 12.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-gpt-worktab i {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-style: normal;
  color: #aaa;
}

.ai-gpt-worktab i:hover {
  background: #333;
  color: #fff;
}

.ai-gpt-chat-stream {
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 34px max(22px, calc((100vw - 280px - 780px) / 2)) 128px;
  background: #050505;
}

.ai-gpt-empty {
  max-width: 620px;
  margin: auto;
  text-align: center;
  color: #d9d9d9;
}

.ai-gpt-empty strong {
  display: block;
  margin-bottom: 10px;
  font-size: 28px;
  letter-spacing: -.04em;
}

.ai-gpt-empty p {
  margin: 0;
  color: #a8a8a8;
  font-size: 15px;
  line-height: 1.55;
}

.ai-gpt-message {
  width: min(780px, 100%);
  display: block;
}

.ai-gpt-message.user {
  align-self: flex-end;
  max-width: min(720px, 86%);
}

.ai-gpt-message.assistant {
  align-self: flex-start;
}

.ai-gpt-message-body {
  color: #ececec;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 450;
}

.ai-gpt-message.user .ai-gpt-message-body {
  padding: 13px 16px;
  border-radius: 20px;
  background: #2f2f2f;
}

.ai-gpt-composer {
  position: fixed;
  left: calc(280px + max(22px, (100vw - 280px - 780px) / 2));
  right: max(22px, calc((100vw - 280px - 780px) / 2));
  bottom: 22px;
  min-height: 58px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 42px;
  align-items: end;
  gap: 8px;
  padding: 8px;
  border-radius: 28px;
  background: #2a2a2a;
  border: 1px solid #3a3a3a;
  box-shadow: 0 14px 50px rgba(0,0,0,.38);
}

.ai-gpt-composer textarea {
  min-height: 40px;
  max-height: 180px;
  resize: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f4f4f4;
  padding: 10px 6px;
  font: inherit;
  font-size: 15px;
  line-height: 1.35;
}

.ai-gpt-composer button {
  border: 0;
  border-radius: 999px;
  cursor: pointer;
}

#uploadContextBtn {
  width: 38px;
  height: 38px;
  background: transparent;
  color: #f2f2f2;
  font-size: 26px;
  line-height: 1;
}

#uploadContextBtn:hover {
  background: #3a3a3a;
}

#sendMessageBtn {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  background: #fff;
  color: #111;
  font-size: 22px;
  font-weight: 950;
}

#sendMessageBtn:disabled,
.ai-gpt-composer textarea:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ai-gpt-modal {
  width: min(780px, calc(100vw - 28px));
  max-height: min(880px, calc(100dvh - 32px));
  overflow: auto;
  border: 1px solid #333;
  border-radius: 22px;
  padding: 0;
  background: #181818;
  color: #f3f3f3;
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
}

.ai-gpt-modal::backdrop {
  background: rgba(0,0,0,.64);
  backdrop-filter: blur(4px);
}

.ai-gpt-modal form {
  padding: 22px;
}

.ai-gpt-modal-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.ai-gpt-modal-head h2 {
  margin: 2px 0 5px;
  font-size: 27px;
  letter-spacing: -.04em;
}

.ai-gpt-modal-head small {
  color: #a8a8a8;
}

.ai-gpt-modal-head > button {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: #252525;
  color: #f3f3f3;
  font-size: 22px;
  cursor: pointer;
}

.ai-gpt-modal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ai-gpt-modal-grid .span-2 {
  grid-column: 1 / -1;
}

.ai-gpt-modal label {
  display: grid;
  gap: 7px;
  color: #d2d2d2;
  font-size: 12px;
  font-weight: 850;
}

.ai-gpt-modal input,
.ai-gpt-modal select,
.ai-gpt-modal textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid #343434;
  border-radius: 12px;
  background: #0f0f0f;
  color: #f4f4f4;
  padding: 10px 12px;
  font: inherit;
  outline: none;
}

.ai-gpt-modal textarea {
  min-height: 92px;
  resize: vertical;
  line-height: 1.45;
}

.ai-gpt-modal input:focus,
.ai-gpt-modal select:focus,
.ai-gpt-modal textarea:focus {
  border-color: #777;
}

.ai-gpt-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.ai-gpt-modal-actions button {
  min-width: 124px;
  min-height: 42px;
  border-radius: 999px;
  border: 1px solid #3a3a3a;
  background: #252525;
  color: #f2f2f2;
  font-weight: 850;
  cursor: pointer;
}

.ai-gpt-modal-actions .primary-btn {
  border-color: #fff;
  background: #fff;
  color: #111;
}

.ai-gpt-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999999;
  max-width: 360px;
  padding: 13px 15px;
  border-radius: 14px;
  background: #242424;
  color: #fff;
  border: 1px solid #3a3a3a;
  box-shadow: 0 18px 44px rgba(0,0,0,.45);
  font-weight: 750;
}

.ai-gpt-toast.success { background: #0f5132; border-color: #198754; }
.ai-gpt-toast.error { background: #641e1e; border-color: #b94a4a; }
.ai-gpt-toast.warning { background: #5b3a05; border-color: #a16c10; }

@media (max-width: 900px) {
  .ai-gpt-shell {
    grid-template-columns: 1fr;
  }

  .ai-gpt-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: 292px;
    transform: translateX(-100%);
    transition: transform .2s ease;
  }

  .ai-gpt-sidebar.open {
    transform: translateX(0);
  }

  .ai-gpt-main {
    grid-template-rows: 58px auto minmax(0, 1fr) auto;
  }

  .ai-gpt-composer {
    left: 12px;
    right: 12px;
    bottom: 14px;
  }

  .ai-gpt-chat-stream {
    padding: 26px 14px 116px;
  }

  .ai-gpt-modal-grid {
    grid-template-columns: 1fr;
  }

  .ai-gpt-modal-grid .span-2 {
    grid-column: auto;
  }
}


/* V252 - AI Workspace integrated Quiming yellow/white theme
   Keeps ChatGPT-like structure, but restores Quiming OS website nav and warm white/gold style.
*/
body.ai-quiming-integrated-page,
body.ai-chatgpt-workspace-page.ai-quiming-integrated-page {
  margin: 0 !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(229, 190, 94, .18), transparent 28%),
    linear-gradient(180deg, #fffaf0 0%, #f5efe3 100%) !important;
  color: #121826 !important;
}

/* The AI workspace is back inside the Quiming website shell/nav */
body.ai-quiming-integrated-page .ai-gpt-shell {
  height: calc(100dvh - 76px) !important;
  margin-top: 76px !important;
  display: grid !important;
  grid-template-columns: 286px minmax(0, 1fr) !important;
  background: transparent !important;
  color: #121826 !important;
}

/* Left rail */
body.ai-quiming-integrated-page .ai-gpt-sidebar {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, auto) minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 16px 10px !important;
  border-right: 1px solid rgba(190, 146, 58, .20) !important;
  background: rgba(255, 253, 248, .94) !important;
  box-shadow: 18px 0 50px rgba(88, 62, 12, .055) !important;
  overflow: hidden !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand {
  height: 44px !important;
  padding: 0 9px 0 12px !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand strong {
  color: #121826 !important;
  font-size: 19px !important;
  letter-spacing: -.035em !important;
  font-weight: 950 !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand button {
  background: #fff6df !important;
  color: #7b5208 !important;
  border: 1px solid rgba(190, 146, 58, .20) !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand button:hover {
  background: #f3e6c8 !important;
}

/* Sidebar action buttons */
body.ai-quiming-integrated-page .ai-gpt-primary-actions button {
  color: #18140e !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.ai-quiming-integrated-page .ai-gpt-primary-actions button:hover {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page .ai-gpt-primary-actions span {
  color: #8a5f0c !important;
}

/* Search */
body.ai-quiming-integrated-page .ai-gpt-search {
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .22) !important;
  color: #7b6f5b !important;
  box-shadow: 0 10px 25px rgba(88, 62, 12, .035) !important;
}

body.ai-quiming-integrated-page .ai-gpt-search input {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-search input::placeholder {
  color: #8b8172 !important;
}

/* Section labels */
body.ai-quiming-integrated-page .ai-gpt-section-title {
  color: #745005 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.ai-quiming-integrated-page .ai-gpt-section-title small {
  color: #7b6f5b !important;
  letter-spacing: 0 !important;
}

/* GPT rows */
body.ai-quiming-integrated-page .ai-gpt-assistant-row {
  color: #121826 !important;
  border-radius: 13px !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-row:hover,
body.ai-quiming-integrated-page .ai-gpt-assistant-row.active {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-copy strong,
body.ai-quiming-integrated-page .ai-gpt-conversation-row strong {
  color: #121826 !important;
  font-weight: 850 !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-copy small,
body.ai-quiming-integrated-page .ai-gpt-conversation-row small {
  color: #7a6e5d !important;
  font-weight: 700 !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-main em {
  background: #fff0bd !important;
  color: #7b5208 !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-main em.status-rejected {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

/* Three-dot assistant action menu */
body.ai-quiming-integrated-page .ai-gpt-row-menu summary {
  color: #7b6f5b !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-menu summary:hover {
  background: #f3e6c8 !important;
  color: #7b5208 !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-menu div {
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .22) !important;
  box-shadow: 0 18px 44px rgba(88, 62, 12, .16) !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-menu button,
body.ai-quiming-integrated-page .ai-gpt-row-menu span {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-menu button:hover {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-menu .danger {
  color: #b91c1c !important;
}

/* Recents */
body.ai-quiming-integrated-page .ai-gpt-conversation-row {
  color: #121826 !important;
  border-radius: 13px !important;
}

body.ai-quiming-integrated-page .ai-gpt-conversation-row:hover,
body.ai-quiming-integrated-page .ai-gpt-conversation-row.active {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page .ai-gpt-empty-small {
  color: #7b6f5b !important;
}

/* Sidebar footer */
body.ai-quiming-integrated-page .ai-gpt-workspace-badge {
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .22) !important;
  box-shadow: 0 10px 28px rgba(88, 62, 12, .05) !important;
}

body.ai-quiming-integrated-page .ai-gpt-workspace-badge > span {
  background: linear-gradient(135deg, #e8bf3f, #9a6a0a) !important;
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-workspace-badge strong {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-workspace-badge small {
  color: #7b6f5b !important;
}

/* Main area */
body.ai-quiming-integrated-page .ai-gpt-main {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: 58px auto minmax(0, 1fr) auto !important;
  background: transparent !important;
}

body.ai-quiming-integrated-page .ai-gpt-topbar {
  border-bottom: 1px solid rgba(190, 146, 58, .18) !important;
  background: rgba(255, 253, 248, .86) !important;
  backdrop-filter: blur(12px) !important;
}

body.ai-quiming-integrated-page .ai-gpt-active-title > button {
  color: #121826 !important;
  border-radius: 12px !important;
  font-weight: 850 !important;
}

body.ai-quiming-integrated-page .ai-gpt-active-title > button:hover {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page .ai-gpt-active-title small {
  color: #7b6f5b !important;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button {
  color: #5f4a1a !important;
  border: 1px solid rgba(190, 146, 58, .18) !important;
  background: #fff !important;
  border-radius: 999px !important;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button:hover {
  background: #fff3d6 !important;
}

/* Dropdown */
body.ai-quiming-integrated-page .ai-gpt-dropdown {
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .22) !important;
  box-shadow: 0 24px 60px rgba(88, 62, 12, .18) !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button:hover {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown small {
  color: #7b6f5b !important;
}

/* Custom GPT top tabs */
body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
  background: rgba(255, 253, 248, .70) !important;
  border-bottom: 1px solid rgba(190, 146, 58, .14) !important;
}

body.ai-quiming-integrated-page .ai-gpt-worktab {
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .18) !important;
  color: #5f4a1a !important;
  box-shadow: 0 8px 22px rgba(88, 62, 12, .03) !important;
}

body.ai-quiming-integrated-page .ai-gpt-worktab.active {
  background: linear-gradient(135deg, #c99522, #8a5a05) !important;
  border-color: #9a6a0a !important;
  color: #fff !important;
}

body.ai-quiming-integrated-page .ai-gpt-worktab i {
  color: inherit !important;
}

body.ai-quiming-integrated-page .ai-gpt-worktab i:hover {
  background: rgba(255,255,255,.22) !important;
}

/* Chat */
body.ai-quiming-integrated-page .ai-gpt-chat-stream {
  background:
    radial-gradient(circle at 28% 0%, rgba(229, 190, 94, .12), transparent 30%),
    linear-gradient(180deg, #fffaf0 0%, #f7f1e6 100%) !important;
  padding-bottom: 128px !important;
}

body.ai-quiming-integrated-page .ai-gpt-empty {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-empty strong {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-empty p {
  color: #6f6657 !important;
}

body.ai-quiming-integrated-page .ai-gpt-message-body {
  color: #171410 !important;
  font-weight: 570 !important;
}

body.ai-quiming-integrated-page .ai-gpt-message.user .ai-gpt-message-body {
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .18) !important;
  box-shadow: 0 12px 30px rgba(88, 62, 12, .06) !important;
}

body.ai-quiming-integrated-page .ai-gpt-message.assistant .ai-gpt-message-body {
  background: transparent !important;
}

/* Composer */
body.ai-quiming-integrated-page .ai-gpt-composer {
  left: calc(286px + max(22px, (100vw - 286px - 780px) / 2)) !important;
  right: max(22px, calc((100vw - 286px - 780px) / 2)) !important;
  bottom: 22px !important;
  background: #fff !important;
  border: 1px solid rgba(190, 146, 58, .28) !important;
  box-shadow: 0 18px 55px rgba(88, 62, 12, .16) !important;
}

body.ai-quiming-integrated-page .ai-gpt-composer textarea {
  color: #121826 !important;
  background: transparent !important;
}

body.ai-quiming-integrated-page .ai-gpt-composer textarea::placeholder {
  color: #8a8175 !important;
}

body.ai-quiming-integrated-page #uploadContextBtn {
  color: #7b5208 !important;
}

body.ai-quiming-integrated-page #uploadContextBtn:hover {
  background: #fff3d6 !important;
}

body.ai-quiming-integrated-page #sendMessageBtn {
  background: linear-gradient(135deg, #c99522, #8a5a05) !important;
  color: #fff !important;
}

/* Popup modal remains the only place for creating/editing custom GPTs */
body.ai-quiming-integrated-page .ai-gpt-modal {
  background: #fffdf8 !important;
  color: #121826 !important;
  border: 1px solid rgba(190, 146, 58, .26) !important;
  box-shadow: 0 30px 90px rgba(88, 62, 12, .28) !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal::backdrop {
  background: rgba(27, 22, 12, .46) !important;
  backdrop-filter: blur(6px) !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal-head h2 {
  color: #121826 !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal-head small {
  color: #756b5c !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal-head > button {
  background: #fff6df !important;
  color: #121826 !important;
  border: 1px solid rgba(190, 146, 58, .18) !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal label {
  color: #6f6657 !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal input,
body.ai-quiming-integrated-page .ai-gpt-modal select,
body.ai-quiming-integrated-page .ai-gpt-modal textarea {
  background: #fff !important;
  color: #121826 !important;
  border: 1px solid rgba(190, 146, 58, .24) !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal input:focus,
body.ai-quiming-integrated-page .ai-gpt-modal select:focus,
body.ai-quiming-integrated-page .ai-gpt-modal textarea:focus {
  border-color: #a97108 !important;
  box-shadow: 0 0 0 3px rgba(201,149,34,.12) !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal-actions button {
  background: #fff !important;
  color: #745005 !important;
  border: 1px solid rgba(190, 146, 58, .24) !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal-actions .primary-btn {
  background: linear-gradient(135deg, #c99522, #8a5a05) !important;
  color: #fff !important;
  border-color: #9a6a0a !important;
}

/* Toast */
body.ai-quiming-integrated-page .ai-gpt-toast {
  background: #fffdf8 !important;
  color: #121826 !important;
  border: 1px solid rgba(190, 146, 58, .24) !important;
  box-shadow: 0 18px 44px rgba(88, 62, 12, .22) !important;
}

body.ai-quiming-integrated-page .ai-gpt-toast.success {
  background: #ecfdf5 !important;
  border-color: rgba(22,163,74,.25) !important;
}

body.ai-quiming-integrated-page .ai-gpt-toast.error {
  background: #fff1f1 !important;
  border-color: rgba(220,38,38,.25) !important;
}

body.ai-quiming-integrated-page .ai-gpt-toast.warning {
  background: #fff6df !important;
  border-color: rgba(201,149,34,.28) !important;
}

/* Keep AI page from getting the old dashboard padding applied twice */
body.ai-quiming-integrated-page .app-shell,
body.ai-quiming-integrated-page .dashboard-shell {
  background: transparent !important;
}

@media (max-width: 900px) {
  body.ai-quiming-integrated-page {
    overflow: auto !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-shell {
    height: calc(100dvh - 74px) !important;
    margin-top: 74px !important;
    grid-template-columns: 1fr !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-sidebar {
    position: fixed !important;
    top: 74px !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 50 !important;
    width: 292px !important;
    transform: translateX(-100%) !important;
    transition: transform .2s ease !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-sidebar.open {
    transform: translateX(0) !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-composer {
    left: 12px !important;
    right: 12px !important;
    bottom: 14px !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-chat-stream {
    padding: 26px 14px 116px !important;
  }
}


/* V253 - Save Custom GPT click/submit repair */
body.ai-quiming-integrated-page .ai-gpt-modal,
.ai-gpt-modal {
  z-index: 9999999 !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal form,
.ai-gpt-modal form {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}

body.ai-quiming-integrated-page .ai-gpt-modal-actions,
.ai-gpt-modal-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  padding-top: 14px !important;
  background: inherit !important;
  pointer-events: auto !important;
}

body.ai-quiming-integrated-page #saveCustomGptBtn,
#saveCustomGptBtn {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

body.ai-quiming-integrated-page #saveCustomGptBtn:disabled,
#saveCustomGptBtn:disabled {
  opacity: .65 !important;
  cursor: wait !important;
}


/* V254 - AI output dynamic response support */
body.ai-quiming-integrated-page .ai-gpt-message.assistant .ai-gpt-message-body {
  white-space: normal !important;
}


/* V255 - Real image generation display */
.ai-gpt-image-results {
  width: min(720px, 100%);
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.ai-generated-image-card {
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(190, 146, 58, .24);
  background: #fff;
  box-shadow: 0 18px 50px rgba(88, 62, 12, .12);
}

.ai-generated-image-card img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 720px;
  object-fit: contain;
  background: #fffaf0;
}

.ai-generated-image-card figcaption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  color: #6f6657;
  font-size: 12px;
  line-height: 1.35;
  border-top: 1px solid rgba(190, 146, 58, .16);
}

.ai-generated-image-card figcaption span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ai-generated-image-card figcaption a {
  color: #7b5208;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.ai-generated-image-card figcaption a:hover {
  text-decoration: underline;
}

body.ai-quiming-integrated-page .ai-gpt-message.assistant .ai-gpt-image-results {
  align-self: flex-start;
}


/* V256 - AI provider status check support */
body.ai-quiming-integrated-page #moreTopBtn {
  min-width: 42px !important;
}


/* V257 - AI Provider Settings / Custom Image Server Connector */
.ai-provider-modal {
  width: min(820px, calc(100vw - 28px)) !important;
}

.ai-provider-status-box {
  display: grid;
  gap: 5px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff6df;
  border: 1px solid rgba(190, 146, 58, .24);
  color: #5f4a1a;
  font-size: 12.5px;
  line-height: 1.35;
}

.ai-provider-status-box strong {
  color: #171410;
}

.ai-provider-help {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fffaf0;
  border: 1px dashed rgba(190, 146, 58, .35);
  color: #6f6657;
  font-size: 12.5px;
  line-height: 1.45;
}

.ai-provider-help code {
  display: inline-block;
  margin: 3px 4px 0 0;
  padding: 3px 6px;
  border-radius: 8px;
  background: #fff;
  color: #7b5208;
  border: 1px solid rgba(190, 146, 58, .18);
  font-size: 11.5px;
}

body.ai-quiming-integrated-page #testProviderSettingsBtn {
  background: #fff6df !important;
  color: #745005 !important;
  border-color: rgba(190, 146, 58, .28) !important;
}

body.ai-quiming-integrated-page #testProviderSettingsBtn:disabled,
body.ai-quiming-integrated-page #saveProviderSettingsBtn:disabled {
  opacity: .65 !important;
  cursor: wait !important;
}


/* V258 - Workspace Advanced AI Foundation */
.ai-conversation-quick-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  padding: 0 8px 2px;
}

.ai-conversation-quick-tools select,
.ai-conversation-quick-tools button {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(190, 146, 58, .18);
  background: #fff;
  color: #5f4a1a;
  font-size: 12px;
  font-weight: 850;
  padding: 0 8px;
}

.ai-conversation-quick-tools button.active,
.ai-conversation-quick-tools button:hover {
  background: #fff3d6;
  color: #7b5208;
}

.ai-gpt-conversation-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  border-radius: 12px;
}

.ai-gpt-conversation-card:hover,
.ai-gpt-conversation-card.active {
  background: #fff3d6;
}

.ai-gpt-conversation-card .ai-gpt-conversation-row:hover,
.ai-gpt-conversation-card.active .ai-gpt-conversation-row {
  background: transparent !important;
}

.ai-gpt-conversation-menu {
  position: relative;
  justify-self: center;
}

.ai-gpt-conversation-menu summary {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  list-style: none;
  border-radius: 8px;
  color: #7b6f5b;
  cursor: pointer;
  opacity: .15;
  font-size: 18px;
  font-weight: 950;
}

.ai-gpt-conversation-card:hover .ai-gpt-conversation-menu summary,
.ai-gpt-conversation-menu[open] summary {
  opacity: 1;
}

.ai-gpt-conversation-menu summary::-webkit-details-marker {
  display: none;
}

.ai-gpt-conversation-menu summary:hover {
  background: #f3e6c8;
  color: #7b5208;
}

.ai-gpt-conversation-menu div {
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 120;
  min-width: 178px;
  display: grid;
  gap: 2px;
  padding: 6px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(190, 146, 58, .22);
  box-shadow: 0 18px 44px rgba(88, 62, 12, .16);
}

.ai-gpt-conversation-menu button {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #121826;
  text-align: left;
  padding: 0 10px;
  font-size: 13px;
  cursor: pointer;
}

.ai-gpt-conversation-menu button:hover {
  background: #fff3d6;
}

.ai-gpt-conversation-menu .danger {
  color: #b91c1c;
}

.ai-brand-profile-modal,
.ai-share-modal {
  width: min(900px, calc(100vw - 28px)) !important;
}

.ai-share-mode-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.ai-share-mode-grid label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(190, 146, 58, .20);
  background: #fff;
  color: #171410;
}

.ai-share-mode-grid input {
  grid-row: span 2;
  align-self: start;
  margin-top: 2px;
}

.ai-share-mode-grid strong {
  font-size: 13px;
}

.ai-share-mode-grid span {
  color: #6f6657;
  font-size: 12px;
}

.ai-share-search {
  display: grid;
  gap: 7px;
  margin-bottom: 12px;
  color: #6f6657;
  font-size: 12px;
  font-weight: 850;
}

.ai-share-search input {
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(190, 146, 58, .24);
  background: #fff;
  color: #121826;
  padding: 0 12px;
}

.ai-share-users-list {
  max-height: 300px;
  overflow: auto;
  display: grid;
  gap: 6px;
  padding-right: 4px;
}

.ai-share-user-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 124px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 14px;
  border: 1px solid rgba(190, 146, 58, .16);
  background: #fff;
}

.ai-share-user-row label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.ai-share-user-row strong {
  display: block;
  color: #121826;
  font-size: 13px;
}

.ai-share-user-row small {
  display: block;
  color: #7b6f5b;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-share-user-row select {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(190, 146, 58, .20);
  background: #fffaf0;
  color: #5f4a1a;
  font-weight: 800;
}

@media (max-width: 900px) {
  .ai-conversation-quick-tools {
    grid-template-columns: 1fr;
  }

  .ai-share-user-row {
    grid-template-columns: 1fr;
  }
}


/* V259 - NordVPN-inspired VPN Workspace, Quiming white/yellow style */
.vpn-workspace-page {
  min-height: 100dvh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 16% 5%, rgba(229,190,94,.24), transparent 30%),
    linear-gradient(180deg, #fffaf0 0%, #f5efe3 100%);
  color: #171410;
}

.vpn-shell {
  width: min(1600px, calc(100vw - 28px));
  margin: 82px auto 32px;
  display: grid;
  gap: 16px;
}

.vpn-top-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-radius: 24px;
  border: 1px solid rgba(190,146,58,.18);
  background: rgba(255,253,248,.92);
  box-shadow: 0 18px 55px rgba(88,62,12,.08);
}

.vpn-top-card h1 {
  margin: 3px 0 4px;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: -.055em;
}

.vpn-top-card p {
  margin: 0;
  color: #6f6657;
  font-weight: 650;
}

.vpn-connection-pill {
  min-width: 230px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 2px 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(190,146,58,.20);
  background: #fff;
}

.vpn-connection-pill .dot {
  grid-row: span 2;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #a3a3a3;
  box-shadow: 0 0 0 5px rgba(163,163,163,.12);
}

.vpn-connection-pill .dot.connected {
  background: #16a34a;
  box-shadow: 0 0 0 5px rgba(22,163,74,.15);
}

.vpn-connection-pill .dot.disconnected {
  background: #dc2626;
  box-shadow: 0 0 0 5px rgba(220,38,38,.12);
}

.vpn-connection-pill strong {
  color: #171410;
  font-size: 14px;
}

.vpn-connection-pill small {
  color: #7b6f5b;
  font-size: 12px;
}

.vpn-workspace-grid {
  min-height: calc(100dvh - 190px);
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr) 360px;
  gap: 16px;
}

.vpn-panel,
.vpn-map-card {
  min-height: 0;
  border-radius: 26px;
  border: 1px solid rgba(190,146,58,.18);
  background: rgba(255,253,248,.94);
  box-shadow: 0 18px 55px rgba(88,62,12,.075);
}

.vpn-left-panel,
.vpn-right-panel {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 14px;
  overflow: auto;
}

.vpn-search-box {
  min-height: 42px;
  display: grid;
  grid-template-columns: 20px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  border-radius: 14px;
  border: 1px solid rgba(190,146,58,.22);
  background: #fff;
  color: #8a5f0c;
  padding: 0 12px;
}

.vpn-search-box input,
.vpn-field select,
.vpn-profile-form input,
.vpn-profile-form select,
.vpn-profile-form textarea {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #171410;
  font: inherit;
}

.vpn-field,
.vpn-profile-form label {
  display: grid;
  gap: 7px;
  color: #6f6657;
  font-size: 12px;
  font-weight: 900;
}

.vpn-field select,
.vpn-profile-form input,
.vpn-profile-form select,
.vpn-profile-form textarea {
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(190,146,58,.20);
  background: #fff;
  padding: 0 11px;
}

.vpn-profile-form textarea {
  min-height: 74px;
  resize: vertical;
  padding: 10px 11px;
}

.vpn-profile-form .check {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  align-items: start;
  gap: 8px;
  color: #5f4a1a;
}

.vpn-profile-form .check input {
  width: auto;
  min-height: auto;
  margin-top: 2px;
}

.vpn-recommendation-box {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff3d6, #fff);
  border: 1px solid rgba(190,146,58,.20);
  color: #6f6657;
  font-size: 13px;
  line-height: 1.4;
}

.vpn-recommendation-box strong {
  color: #171410;
  font-size: 14px;
}

.vpn-recommendation-box small {
  color: #8a5f0c;
  font-weight: 800;
}

.vpn-quick-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.vpn-quick-actions button,
.vpn-profile-form button,
.vpn-selected-actions button,
.vpn-server-actions button {
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(190,146,58,.24);
  background: #fff;
  color: #745005;
  font-weight: 950;
  cursor: pointer;
}

.vpn-quick-actions .primary-btn,
.vpn-selected-actions button:first-child,
.vpn-profile-form button {
  background: linear-gradient(135deg, #c99522, #8a5a05);
  border-color: #9a6a0a;
  color: #fff;
}

.vpn-quick-actions button:hover,
.vpn-profile-form button:hover,
.vpn-selected-actions button:hover,
.vpn-server-actions button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(88,62,12,.12);
}

.vpn-security-switches {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.18);
}

.vpn-security-switches label {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 8px;
  color: #5f4a1a;
  font-size: 13px;
  font-weight: 850;
}

.vpn-mini-section {
  display: grid;
  gap: 10px;
}

.vpn-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vpn-section-head h3 {
  margin: 0;
  font-size: 14px;
  letter-spacing: -.01em;
}

.vpn-section-head small {
  color: #8a5f0c;
  font-weight: 850;
}

.vpn-mini-list,
.vpn-server-list,
.vpn-log-list {
  display: grid;
  gap: 8px;
}

.vpn-empty {
  padding: 10px;
  color: #7b6f5b;
  font-size: 13px;
}

.vpn-map-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(420px, 1fr) auto;
  padding: 16px;
  overflow: hidden;
}

.vpn-map-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  margin-bottom: 12px;
}

.vpn-map-toolbar h2 {
  margin: 0 0 4px;
  font-size: 22px;
  letter-spacing: -.03em;
}

.vpn-map-toolbar p {
  margin: 0;
  color: #6f6657;
  font-size: 13px;
  font-weight: 650;
}

.vpn-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #6f6657;
  font-size: 12px;
  font-weight: 850;
}

.vpn-map-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.vpn-map-legend i,
.vpn-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

.vpn-map-legend .online,
.vpn-status-dot.online { background: #16a34a; }
.vpn-map-legend .busy,
.vpn-status-dot.busy { background: #f59e0b; }
.vpn-map-legend .maintenance,
.vpn-status-dot.maintenance { background: #64748b; }

.vpn-world-map {
  position: relative;
  min-height: 420px;
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 45% 45%, rgba(201,149,34,.10), transparent 22%),
    linear-gradient(180deg, #fffaf0, #f6ebd1);
  border: 1px solid rgba(190,146,58,.16);
}

.vpn-map-grid {
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image:
    linear-gradient(rgba(154,106,10,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(154,106,10,.12) 1px, transparent 1px);
  background-size: 42px 42px;
}

.vpn-map-shape {
  position: absolute;
  background: linear-gradient(135deg, rgba(201,149,34,.26), rgba(255,255,255,.65));
  border: 1px solid rgba(154,106,10,.14);
  filter: blur(.1px);
  opacity: .9;
}

.vpn-map-shape.north-america {
  width: 26%;
  height: 30%;
  left: 10%;
  top: 19%;
  border-radius: 56% 42% 45% 58%;
  transform: rotate(-12deg);
}

.vpn-map-shape.south-america {
  width: 14%;
  height: 29%;
  left: 28%;
  top: 55%;
  border-radius: 50% 44% 61% 50%;
  transform: rotate(18deg);
}

.vpn-map-shape.europe {
  width: 14%;
  height: 18%;
  left: 48%;
  top: 25%;
  border-radius: 52% 42% 49% 45%;
}

.vpn-map-shape.africa {
  width: 18%;
  height: 31%;
  left: 48%;
  top: 45%;
  border-radius: 50% 45% 60% 48%;
  transform: rotate(-5deg);
}

.vpn-map-shape.asia {
  width: 32%;
  height: 33%;
  left: 62%;
  top: 24%;
  border-radius: 45% 60% 43% 52%;
  transform: rotate(8deg);
}

.vpn-map-shape.australia {
  width: 14%;
  height: 13%;
  left: 77%;
  top: 70%;
  border-radius: 55% 45% 50% 45%;
  transform: rotate(4deg);
}

#vpnMarkersLayer {
  position: absolute;
  inset: 0;
}

.vpn-marker {
  position: absolute;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(88,62,12,.22);
  cursor: pointer;
  z-index: 5;
}

.vpn-marker span {
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background: #16a34a;
}

.vpn-marker.busy span { background: #f59e0b; }
.vpn-marker.maintenance span { background: #64748b; }

.vpn-marker.active {
  outline: 4px solid rgba(201,149,34,.28);
}

.vpn-marker.active span {
  background: #c99522;
}

.vpn-selected-server {
  margin-top: 12px;
  min-height: 92px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.18);
}

.vpn-selected-server h3 {
  margin: 3px 0 5px;
  font-size: 20px;
  letter-spacing: -.03em;
}

.vpn-selected-server p {
  margin: 0;
  color: #6f6657;
  font-size: 13px;
}

.vpn-selected-actions,
.vpn-server-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.vpn-server-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(190,146,58,.14);
  background: #fff;
}

.vpn-server-card.active {
  background: #fff3d6;
  border-color: rgba(201,149,34,.35);
}

.vpn-server-card > button {
  min-width: 0;
  display: grid;
  grid-template-columns: 12px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vpn-server-card strong {
  display: block;
  color: #171410;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vpn-server-card small {
  display: block;
  color: #7b6f5b;
  font-size: 11px;
  margin-top: 2px;
}

.vpn-server-actions button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.vpn-log-row {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.14);
}

.vpn-log-row strong {
  color: #171410;
  font-size: 12px;
  text-transform: capitalize;
}

.vpn-log-row span {
  color: #6f6657;
  font-size: 12px;
}

.vpn-log-row small {
  color: #9a6a0a;
  font-size: 11px;
  font-weight: 850;
}

@media (max-width: 1280px) {
  .vpn-workspace-grid {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  .vpn-right-panel {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

@media (max-width: 860px) {
  .vpn-shell {
    margin-top: 78px;
    width: min(100vw - 18px, 760px);
  }

  .vpn-top-card {
    display: grid;
  }

  .vpn-connection-pill {
    min-width: 0;
  }

  .vpn-workspace-grid,
  .vpn-right-panel {
    grid-template-columns: 1fr;
  }

  .vpn-map-card {
    grid-template-rows: auto minmax(320px, 1fr) auto;
  }

  .vpn-world-map {
    min-height: 320px;
  }

  .vpn-selected-server,
  .vpn-map-toolbar {
    display: grid;
  }
}


/* V260 - Nord-style VPN homepage, white/yellow Quiming theme */
body.vpn-nord-page {
  margin: 0;
  min-height: 100dvh;
  overflow: hidden;
  background:
    radial-gradient(circle at 38% 7%, rgba(237, 197, 80, .24), transparent 26%),
    linear-gradient(180deg, #fffaf0 0%, #f5efe3 100%);
  color: #171410;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.vpn-nord-page * {
  box-sizing: border-box;
}

.vpn-nord-app {
  height: 100dvh;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  overflow: hidden;
}

.vpn-nord-rail {
  position: relative;
  display: grid;
  grid-template-rows: 48px repeat(5, 54px) minmax(0, 1fr) 54px;
  justify-items: center;
  gap: 8px;
  padding: 14px 10px;
  border-right: 1px solid rgba(190,146,58,.18);
  background: rgba(255,253,248,.88);
  box-shadow: 18px 0 50px rgba(88,62,12,.055);
}

.vpn-window-dots {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: start;
  margin-top: 4px;
}

.vpn-window-dots i {
  width: 11px;
  height: 11px;
  border-radius: 999px;
}

.vpn-window-dots i:nth-child(1) { background: #ef4444; }
.vpn-window-dots i:nth-child(2) { background: #f59e0b; }
.vpn-window-dots i:nth-child(3) { background: #22c55e; }

.rail-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(190,146,58,.18);
  border-radius: 15px;
  background: rgba(255,255,255,.76);
  color: #5f4a1a;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(88,62,12,.045);
}

.rail-icon.active,
.rail-icon:hover {
  background: linear-gradient(135deg, #fff6df, #fff);
  border-color: rgba(201,149,34,.36);
  color: #9a6a0a;
  transform: translateY(-1px);
}

.rail-back {
  align-self: end;
  font-weight: 950;
}

.vpn-nord-main {
  min-width: 0;
  height: 100dvh;
  overflow-y: auto;
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  align-content: start;
  justify-content: center;
  padding: 6px clamp(22px, 5vw, 60px) 42px;
}

.vpn-nord-topbar {
  width: min(920px, 100%);
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  margin: 0 auto 8px;
}

.vpn-nord-search {
  height: 46px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 17px;
  border-radius: 999px;
  border: 1px solid rgba(190,146,58,.26);
  background: rgba(255,255,255,.78);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72), 0 12px 30px rgba(88,62,12,.055);
  color: #9a6a0a;
}

.vpn-nord-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #171410;
  font-size: 16px;
  font-weight: 650;
}

.vpn-nord-search input::placeholder {
  color: #9b8f7c;
}

.vpn-nord-user-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vpn-nord-user-actions button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(190,146,58,.22);
  background: rgba(255,255,255,.72);
  color: #5f4a1a;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(88,62,12,.055);
}

.vpn-nord-user-actions button:hover {
  background: #fff6df;
}

.vpn-hero-card {
  position: relative;
  width: min(920px, 100%);
  min-height: 336px;
  margin: 0 auto 38px;
  overflow: hidden;
  border-radius: 24px;
  border: 2px solid rgba(201,149,34,.72);
  background: linear-gradient(135deg, #fff7df 0%, #fff 100%);
  box-shadow: 0 24px 70px rgba(88,62,12,.14);
}

.vpn-hero-map {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 36%, rgba(201,149,34,.20), transparent 14%),
    linear-gradient(135deg, #fff7df 0%, #fffaf0 48%, #fff 100%);
}

.vpn-hero-map-grid {
  position: absolute;
  inset: 0;
  opacity: .40;
  background-image:
    linear-gradient(rgba(154,106,10,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(154,106,10,.10) 1px, transparent 1px);
  background-size: 52px 52px;
}

.vpn-hero-land {
  position: absolute;
  background: rgba(82, 73, 56, .13);
  border: 1px solid rgba(82,73,56,.12);
}

.vpn-hero-land.us {
  width: 38%;
  height: 45%;
  right: 7%;
  top: 16%;
  border-radius: 56% 42% 46% 50%;
  transform: rotate(-3deg);
}

.vpn-hero-land.ca {
  width: 31%;
  height: 24%;
  right: 17%;
  top: 2%;
  border-radius: 48% 52% 35% 58%;
  opacity: .72;
}

.vpn-hero-land.mx {
  width: 18%;
  height: 22%;
  right: 23%;
  top: 57%;
  border-radius: 40% 60% 50% 50%;
  transform: rotate(16deg);
  opacity: .62;
}

.vpn-hero-marker {
  position: absolute;
  width: 13px;
  height: 13px;
  z-index: 2;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: #c99522;
  box-shadow: 0 0 0 7px rgba(201,149,34,.18), 0 8px 22px rgba(88,62,12,.30);
}

.vpn-hero-content {
  position: relative;
  z-index: 3;
  min-height: 336px;
  width: min(610px, 100%);
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 16px;
  align-content: center;
  padding: 46px 28px;
}

.vpn-flag-badge {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff;
  border: 3px solid #c99522;
  box-shadow: 0 12px 30px rgba(88,62,12,.18);
  font-size: 28px;
}

.vpn-hero-content h1 {
  margin: 0;
  color: #171410;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 950;
}

.vpn-hero-content p {
  margin: 6px 0 0;
  color: #8a6a14;
  font-size: 18px;
  font-weight: 950;
}

.vpn-hero-content p.secured {
  color: #16a34a;
}

.vpn-hero-actions {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}

.vpn-hero-actions button {
  min-height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(190,146,58,.30);
  background: rgba(255,255,255,.78);
  color: #5f4a1a;
  padding: 0 32px;
  font-size: 16px;
  font-weight: 950;
  cursor: pointer;
}

.vpn-hero-actions button:hover {
  background: #fff3d6;
}

.vpn-hero-actions #heroMoreBtn {
  width: 56px;
  padding: 0;
  font-size: 18px;
}

.vpn-nord-client-row {
  width: min(920px, 100%);
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 14px;
  margin: 0 auto 28px;
}

.vpn-nord-client-select,
.vpn-nord-recommendation {
  display: grid;
  gap: 7px;
  padding: 13px 15px;
  border-radius: 18px;
  border: 1px solid rgba(190,146,58,.18);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 30px rgba(88,62,12,.055);
}

.vpn-nord-client-select span {
  color: #8a6a14;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.vpn-nord-client-select select {
  min-width: 0;
  min-height: 31px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #171410;
  font-weight: 850;
  font-size: 14px;
}

.vpn-nord-recommendation strong {
  color: #171410;
  font-size: 14px;
}

.vpn-nord-recommendation span,
.vpn-nord-recommendation small {
  color: #6f6657;
  font-size: 12.5px;
  line-height: 1.35;
}

.vpn-nord-recents-head {
  width: min(920px, 100%);
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vpn-nord-recents-head h2,
.vpn-suite-head h3 {
  margin: 0;
  color: #7b6f5b;
  font-size: 16px;
  font-weight: 850;
}

.vpn-nord-recents-head button,
.vpn-suite-head button {
  border: 0;
  background: transparent;
  color: #171410;
  font-weight: 950;
  cursor: pointer;
  font-size: 15px;
}

.vpn-recent-cards {
  width: min(920px, 100%);
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.vpn-location-card {
  min-height: 108px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px 18px;
  border: 1px solid rgba(190,146,58,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  color: #171410;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(88,62,12,.055);
}

.vpn-location-card:hover,
.vpn-location-card.active {
  border-color: rgba(201,149,34,.50);
  background: #fff3d6;
  transform: translateY(-1px);
}

.loc-flag {
  font-size: 27px;
  line-height: 1;
}

.vpn-location-card strong {
  max-width: 100%;
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vpn-location-card small {
  color: #7b6f5b;
  font-size: 13px;
  font-weight: 750;
}

.vpn-nord-bottom-grid {
  width: min(920px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 1fr);
  gap: 18px;
  padding-bottom: 32px;
}

.vpn-stat-card,
.vpn-suite-card {
  min-height: 260px;
  border-radius: 20px;
  border: 1px solid rgba(190,146,58,.16);
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 50px rgba(88,62,12,.075);
  padding: 18px;
}

.vpn-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-icon,
.suite-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff6df;
  border: 1px solid rgba(190,146,58,.18);
  font-size: 22px;
}

.vpn-card-title h3 {
  margin: 0;
  font-size: 20px;
  letter-spacing: -.02em;
}

.vpn-card-title p {
  margin: 6px 0 0;
  color: #7b6f5b;
  font-weight: 750;
}

.vpn-stat-chart {
  height: 160px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 22px;
}

.vpn-stat-chart > span {
  color: #171410;
  font-size: 13px;
  font-weight: 900;
}

.vpn-bars {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-around;
  border-top: 1px dashed rgba(74,65,49,.25);
  border-bottom: 1px dashed rgba(74,65,49,.18);
}

.vpn-bars::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  border-bottom: 1px dashed #3b82f6;
  opacity: .75;
}

.vpn-bars i {
  width: 10px;
  border-radius: 999px 999px 0 0;
  background: rgba(74,65,49,.24);
}

.vpn-stat-chart small {
  grid-column: 1 / -1;
  color: #3b82f6;
  font-weight: 850;
}

.vpn-suite-card {
  display: grid;
  align-content: start;
  gap: 14px;
}

.vpn-suite-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vpn-suite-list {
  display: grid;
  gap: 12px;
}

.vpn-suite-list article {
  min-height: 82px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.14);
  box-shadow: 0 8px 20px rgba(88,62,12,.045);
}

.suite-icon.purple { background: #f1e7ff; }
.suite-icon.orange { background: #fff0df; }
.suite-icon.blue { background: #e8f1ff; }

.vpn-suite-list strong {
  display: block;
  color: #171410;
  font-size: 18px;
}

.vpn-suite-list small {
  display: block;
  margin-top: 3px;
  color: #7b6f5b;
  font-size: 14px;
}

.vpn-suite-list em {
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  font-style: normal;
}

.vpn-suite-list em.on {
  color: #047857;
  background: #d1fae5;
}

.vpn-suite-list em.off {
  color: #b42318;
  background: #fee2e2;
}

.vpn-suite-list b {
  color: #8a8175;
  font-size: 22px;
}

.vpn-locations-drawer,
.vpn-profile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: min(420px, calc(100vw - 18px));
  height: 100dvh;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
  padding: 18px;
  border-left: 1px solid rgba(190,146,58,.24);
  background: rgba(255,253,248,.98);
  box-shadow: -24px 0 70px rgba(88,62,12,.18);
  transform: translateX(105%);
  transition: transform .22s ease;
}

.vpn-profile-drawer {
  grid-template-rows: auto auto auto;
  overflow-y: auto;
}

.vpn-locations-drawer.open,
.vpn-profile-drawer.open {
  transform: translateX(0);
}

.drawer-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.drawer-head h2 {
  margin: 2px 0 0;
  font-size: 28px;
  letter-spacing: -.04em;
}

.drawer-head button {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: #fff3d6;
  color: #5f4a1a;
  font-size: 22px;
  cursor: pointer;
}

.vpn-drawer-tools {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.16);
}

.vpn-drawer-tools label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  color: #5f4a1a;
  font-size: 13px;
  font-weight: 850;
}

.vpn-drawer-server-list {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  align-content: start;
  gap: 9px;
  padding-right: 4px;
}

.vpn-drawer-server {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border-radius: 16px;
  border: 1px solid rgba(190,146,58,.14);
  background: #fff;
  padding: 10px;
}

.vpn-drawer-server.active {
  background: #fff3d6;
  border-color: rgba(201,149,34,.42);
}

.vpn-drawer-server > button {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 9px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.vpn-drawer-server strong {
  display: block;
  color: #171410;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vpn-drawer-server small {
  display: block;
  color: #7b6f5b;
  font-size: 11px;
  margin-top: 2px;
}

.vpn-drawer-server i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.vpn-drawer-server i.online { background: #16a34a; }
.vpn-drawer-server i.busy { background: #f59e0b; }
.vpn-drawer-server i.maintenance { background: #64748b; }

.vpn-drawer-server div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.vpn-drawer-server div button {
  min-height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(190,146,58,.18);
  background: #fffaf0;
  color: #745005;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.vpn-profile-form.nord {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.16);
}

.vpn-profile-form.nord label {
  display: grid;
  gap: 7px;
  color: #6f6657;
  font-size: 12px;
  font-weight: 900;
}

.vpn-profile-form.nord input,
.vpn-profile-form.nord select,
.vpn-profile-form.nord textarea {
  width: 100%;
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(190,146,58,.20);
  background: #fffaf0;
  color: #171410;
  padding: 0 11px;
  outline: none;
  font: inherit;
}

.vpn-profile-form.nord textarea {
  min-height: 80px;
  resize: vertical;
  padding: 10px 11px;
}

.vpn-profile-form.nord .check {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
}

.vpn-profile-form.nord .check input {
  width: auto;
  min-height: auto;
  margin-top: 2px;
}

.vpn-profile-form.nord button {
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #c99522, #8a5a05);
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}

.vpn-log-panel {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.vpn-log-panel h3 {
  margin: 0;
  font-size: 16px;
}

.vpn-log-list {
  display: grid;
  gap: 8px;
}

.vpn-log-row {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.14);
}

.vpn-log-row strong {
  color: #171410;
  font-size: 12px;
  text-transform: capitalize;
}

.vpn-log-row span {
  color: #6f6657;
  font-size: 12px;
}

.vpn-log-row small {
  color: #9a6a0a;
  font-size: 11px;
  font-weight: 850;
}

.vpn-empty {
  color: #7b6f5b;
  padding: 12px;
  font-size: 13px;
}

@media (max-width: 1024px) {
  .vpn-nord-app {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .vpn-nord-main {
    padding-left: 16px;
    padding-right: 16px;
  }

  .vpn-recent-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vpn-nord-bottom-grid,
  .vpn-nord-client-row {
    grid-template-columns: 1fr;
  }

  .vpn-hero-card {
    min-height: 300px;
  }

  .vpn-hero-content {
    min-height: 300px;
  }
}

@media (max-width: 680px) {
  body.vpn-nord-page {
    overflow: auto;
  }

  .vpn-nord-app {
    min-height: 100dvh;
    height: auto;
    grid-template-columns: 1fr;
  }

  .vpn-nord-rail {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 66px;
    grid-template-columns: 92px repeat(5, 44px) minmax(0, 1fr) 44px;
    grid-template-rows: 1fr;
    justify-items: center;
    overflow-x: auto;
  }

  .vpn-nord-main {
    height: auto;
    overflow: visible;
  }

  .vpn-nord-topbar {
    grid-template-columns: 1fr;
  }

  .vpn-nord-user-actions {
    justify-self: end;
  }

  .vpn-hero-content {
    grid-template-columns: 1fr;
    padding: 32px 22px;
  }

  .vpn-hero-actions {
    grid-column: auto;
    flex-wrap: wrap;
  }

  .vpn-hero-actions button {
    padding: 0 22px;
  }

  .vpn-recent-cards {
    grid-template-columns: 1fr;
  }
}


/* V261 - AI Workspace Compact Production UI */
body.ai-quiming-integrated-page.ai-chatgpt-workspace-page {
  overflow: hidden !important;
  background: linear-gradient(180deg, #fffaf0 0%, #f7f1e6 100%) !important;
}

/* Remove excessive blank space under global nav */
body.ai-quiming-integrated-page .ai-gpt-shell {
  height: calc(100dvh - 78px) !important;
  margin-top: 0 !important;
  display: grid !important;
  grid-template-columns: 292px minmax(0, 1fr) !important;
  border-top: 1px solid rgba(190,146,58,.16) !important;
}

body.ai-quiming-integrated-page .ai-gpt-sidebar {
  padding: 18px 12px 10px !important;
  gap: 8px !important;
  grid-template-rows: 44px auto auto auto minmax(0, auto) minmax(0, 1fr) auto !important;
  background: rgba(255,253,248,.96) !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand {
  height: 38px !important;
  padding: 0 6px 0 10px !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand strong {
  font-size: 20px !important;
}

body.ai-quiming-integrated-page .ai-gpt-primary-actions {
  gap: 1px !important;
}

body.ai-quiming-integrated-page .ai-gpt-primary-actions button {
  min-height: 34px !important;
  padding: 0 8px !important;
  gap: 10px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

body.ai-quiming-integrated-page .ai-gpt-search {
  min-height: 38px !important;
  margin: 4px 4px 2px !important;
  border-radius: 11px !important;
}

body.ai-quiming-integrated-page .ai-conversation-quick-tools {
  grid-template-columns: 1fr auto auto !important;
  gap: 5px !important;
  padding: 0 4px 2px !important;
}

body.ai-quiming-integrated-page .ai-conversation-quick-tools select,
body.ai-quiming-integrated-page .ai-conversation-quick-tools button {
  min-height: 32px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
}

body.ai-quiming-integrated-page .ai-gpt-section-title {
  padding: 8px 8px 4px !important;
  font-size: 11px !important;
}

body.ai-quiming-integrated-page .ai-gpt-list {
  gap: 1px !important;
  padding: 0 2px !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-row {
  min-height: 42px !important;
  grid-template-columns: minmax(0, 1fr) 26px !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-main {
  padding: 6px 4px 6px 6px !important;
  grid-template-columns: 25px minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-menu summary {
  width: 24px !important;
  height: 24px !important;
}

body.ai-quiming-integrated-page .ai-gpt-conversation-card {
  grid-template-columns: minmax(0, 1fr) 26px !important;
}

body.ai-quiming-integrated-page .ai-gpt-conversation-row {
  min-height: 36px !important;
  padding: 7px 8px !important;
}

body.ai-quiming-integrated-page .ai-gpt-workspace-badge {
  min-height: 48px !important;
  border-radius: 12px !important;
}

/* Main compact layout */
body.ai-quiming-integrated-page .ai-gpt-main {
  grid-template-rows: 54px 44px minmax(0, 1fr) auto !important;
  background: transparent !important;
}

body.ai-quiming-integrated-page .ai-gpt-topbar {
  min-height: 54px !important;
  padding: 0 20px !important;
  background: rgba(255,253,248,.92) !important;
}

body.ai-quiming-integrated-page .ai-gpt-active-title > button {
  height: 36px !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

/* Top action buttons as compact icon buttons */
body.ai-quiming-integrated-page .ai-gpt-top-actions {
  gap: 7px !important;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button {
  width: 42px !important;
  height: 38px !important;
  min-width: 42px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #7b5208 !important;
  background: #fff !important;
  position: relative !important;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button::after {
  content: attr(title);
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity .14s ease, transform .14s ease;
  white-space: nowrap;
  padding: 6px 9px;
  border-radius: 10px;
  background: #171410;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  z-index: 20;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button:hover::after {
  opacity: 1;
  transform: translateY(0);
}

/* Avatar-only GPT tabs */
body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
  min-height: 44px !important;
  height: 44px !important;
  padding: 6px 20px !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.ai-avatar-tab {
  --assistant-color: #9a6a0a;
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .14s ease;
}

.ai-avatar-tab:hover {
  transform: translateY(-1px);
}

.ai-avatar-tab-face {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--assistant-color), #e5bd4f);
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: -.04em;
  border: 2px solid #fff;
  box-shadow: 0 8px 18px rgba(88,62,12,.16);
}

.ai-avatar-tab.active .ai-avatar-tab-face {
  box-shadow: 0 0 0 3px rgba(201,149,34,.24), 0 8px 18px rgba(88,62,12,.16);
  border-color: #c99522;
}

.ai-avatar-tab.active::after {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: -5px;
  height: 3px;
  border-radius: 999px;
  background: #c99522;
}

.ai-avatar-status {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  border: 2px solid #fffaf0;
}

.ai-avatar-tab b {
  position: absolute;
  top: -4px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 9px;
  font-weight: 950;
}

.ai-avatar-tab i {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  display: none;
  place-items: center;
  border-radius: 999px;
  background: #171410;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.ai-avatar-tab:hover i {
  display: grid;
}

.ai-avatar-tab.add .ai-avatar-tab-face,
.ai-avatar-tab.overflow .ai-avatar-tab-face {
  background: #fff !important;
  color: #7b5208 !important;
  border: 1px dashed rgba(190,146,58,.45) !important;
}

.ai-avatar-tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  z-index: 999;
  width: 230px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -5px);
  transition: opacity .15s ease, transform .15s ease;
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.22);
  box-shadow: 0 20px 50px rgba(88,62,12,.18);
  text-align: left;
}

.ai-avatar-tab:hover .ai-avatar-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
}

.ai-avatar-tooltip strong {
  color: #171410;
  font-size: 13px;
}

.ai-avatar-tooltip small,
.ai-avatar-tooltip em {
  color: #6f6657;
  font-size: 11px;
  font-style: normal;
}

.ai-avatar-tooltip-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-top: 8px;
}

.ai-avatar-tooltip-actions span {
  padding: 5px 7px;
  border-radius: 8px;
  background: #fff6df;
  color: #745005;
  font-size: 10px;
  font-weight: 850;
}

/* Compact Slack/Teams style assistant popup */
body.ai-quiming-integrated-page .ai-gpt-dropdown {
  width: 340px !important;
  max-height: 410px !important;
  padding: 8px !important;
  border-radius: 18px !important;
  animation: aiPopupIn .16s ease both;
}

@keyframes aiPopupIn {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button {
  min-height: 54px !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  border-radius: 14px !important;
  gap: 10px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button:active {
  transform: scale(.985);
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button span:not(.ai-gpt-avatar) {
  display: grid !important;
  gap: 2px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button strong {
  color: #171410 !important;
  font-size: 14px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button small {
  color: #6f6657 !important;
  font-size: 11px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button em {
  color: #7b5208 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

/* Welcome dashboard instead of empty state */
body.ai-quiming-integrated-page .ai-gpt-chat-stream {
  padding: 26px max(22px, calc((100vw - 292px - 920px) / 2)) 116px !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(229,190,94,.12), transparent 26%),
    linear-gradient(180deg, #fffaf0 0%, #f7f1e6 100%) !important;
}

.ai-welcome-dashboard {
  width: min(920px, 100%);
  margin: auto;
  display: grid;
  gap: 18px;
  color: #171410;
}

.ai-welcome-dashboard.compact {
  width: min(680px, 100%);
}

.ai-welcome-hero {
  text-align: center;
  display: grid;
  gap: 6px;
}

.ai-welcome-hero h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.04;
  letter-spacing: -.06em;
}

.ai-welcome-hero p {
  margin: 0;
  color: #6f6657;
  font-size: 16px;
  font-weight: 650;
}

.ai-suggested-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ai-suggested-actions button {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(190,146,58,.18);
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  color: #171410;
  padding: 12px 14px;
  text-align: left;
  font-size: 19px;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(88,62,12,.055);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}

.ai-suggested-actions button:hover {
  transform: translateY(-1px);
  background: #fff3d6;
  box-shadow: 0 16px 36px rgba(88,62,12,.10);
}

.ai-suggested-actions button span {
  font-size: 13px;
  font-weight: 950;
}

.ai-welcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ai-welcome-grid article {
  min-height: 100px;
  display: grid;
  align-content: start;
  gap: 8px;
  border-radius: 18px;
  border: 1px solid rgba(190,146,58,.16);
  background: rgba(255,255,255,.72);
  padding: 14px;
}

.ai-welcome-grid h3 {
  margin: 0;
  color: #171410;
  font-size: 13px;
}

.ai-welcome-grid p {
  margin: 0;
  color: #6f6657;
  font-size: 12px;
  line-height: 1.45;
}

/* Composer tighter and wider */
body.ai-quiming-integrated-page .ai-gpt-composer {
  left: calc(292px + max(20px, (100vw - 292px - 860px) / 2)) !important;
  right: max(20px, calc((100vw - 292px - 860px) / 2)) !important;
  bottom: 16px !important;
  min-height: 58px !important;
  border-radius: 28px !important;
}

/* Hide empty recents section tighter */
body.ai-quiming-integrated-page .ai-gpt-sidebar-section.recents .ai-gpt-empty-small {
  padding: 6px 8px !important;
}

/* Mobile / tablet */
@media (max-width: 980px) {
  body.ai-quiming-integrated-page .ai-gpt-shell {
    height: calc(100dvh - 74px) !important;
    grid-template-columns: 1fr !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-sidebar {
    top: 74px !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-topbar {
    padding: 0 12px !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-active-title > button {
    max-width: 48vw !important;
    font-size: 15px !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-top-actions button {
    width: 36px !important;
    height: 34px !important;
    min-width: 36px !important;
    font-size: 15px !important;
  }

  .ai-suggested-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-welcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.ai-quiming-integrated-page .ai-gpt-composer {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
  }
}

@media (max-width: 620px) {
  body.ai-quiming-integrated-page .ai-gpt-main {
    grid-template-rows: 52px 46px minmax(0, 1fr) auto !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-top-actions button:not(#moreTopBtn) {
    display: none !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-top-actions #moreTopBtn::before {
    content: "⋮";
  }

  body.ai-quiming-integrated-page .ai-gpt-top-actions #moreTopBtn {
    font-size: 0 !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
    padding: 6px 12px !important;
  }

  .ai-suggested-actions,
  .ai-welcome-grid {
    grid-template-columns: 1fr;
  }

  body.ai-quiming-integrated-page .ai-gpt-chat-stream {
    padding: 18px 12px 106px !important;
  }

  .ai-welcome-hero h2 {
    font-size: 30px;
  }

  .ai-avatar-tooltip {
    display: none;
  }
}


/* V262 - Restore Quiming navigation on VPN page */
body.vpn-nord-page.vpn-integrated-page {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 38% 7%, rgba(237, 197, 80, .24), transparent 26%),
    linear-gradient(180deg, #fffaf0 0%, #f5efe3 100%) !important;
}

/* Keep the normal Quiming top navigation visible and place VPN below it */
body.vpn-nord-page.vpn-integrated-page .vpn-nord-app {
  height: calc(100dvh - 78px) !important;
  margin-top: 78px !important;
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

/* Do not let the Nord rail overlap the Quiming top nav */
body.vpn-nord-page.vpn-integrated-page .vpn-nord-rail {
  height: calc(100dvh - 78px) !important;
  min-height: 0 !important;
}

/* Main content scrolls inside the remaining screen area */
body.vpn-nord-page.vpn-integrated-page .vpn-nord-main {
  height: calc(100dvh - 78px) !important;
  min-height: 0 !important;
}

/* Keep drawers below the Quiming top navigation */
body.vpn-nord-page.vpn-integrated-page .vpn-locations-drawer,
body.vpn-nord-page.vpn-integrated-page .vpn-profile-drawer {
  top: 78px !important;
  height: calc(100dvh - 78px) !important;
}

/* Active VPN item still visible in Quiming nav */
body.vpn-nord-page.vpn-integrated-page .app-topbar,
body.vpn-nord-page.vpn-integrated-page .topbar,
body.vpn-nord-page.vpn-integrated-page .global-topbar {
  z-index: 2000 !important;
}

/* Mobile: keep top nav, make Nord rail a second compact row below nav */
@media (max-width: 680px) {
  body.vpn-nord-page.vpn-integrated-page {
    overflow: auto !important;
  }

  body.vpn-nord-page.vpn-integrated-page .vpn-nord-app {
    height: auto !important;
    min-height: calc(100dvh - 74px) !important;
    margin-top: 74px !important;
    grid-template-columns: 1fr !important;
  }

  body.vpn-nord-page.vpn-integrated-page .vpn-nord-rail {
    top: 74px !important;
    height: 66px !important;
  }

  body.vpn-nord-page.vpn-integrated-page .vpn-nord-main {
    height: auto !important;
    overflow: visible !important;
  }

  body.vpn-nord-page.vpn-integrated-page .vpn-locations-drawer,
  body.vpn-nord-page.vpn-integrated-page .vpn-profile-drawer {
    top: 74px !important;
    height: calc(100dvh - 74px) !important;
  }
}


/* V263 - AI Workspace Layout Polish */
body.ai-quiming-integrated-page.ai-chatgpt-workspace-page {
  --ai-sidebar-w: 280px;
  --ai-header-h: 50px;
  --ai-tabs-h: 42px;
  background: linear-gradient(180deg, #fffaf0 0%, #f8f1e6 100%) !important;
}

/* Reduce cramped/duplicated header feel */
body.ai-quiming-integrated-page .ai-gpt-shell {
  grid-template-columns: var(--ai-sidebar-w) minmax(0, 1fr) !important;
  height: calc(100dvh - 78px) !important;
  border-top: 1px solid rgba(190,146,58,.12) !important;
}

body.ai-quiming-integrated-page .ai-gpt-sidebar {
  padding: 14px 10px 10px !important;
  gap: 5px !important;
  background: rgba(255,253,248,.96) !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand {
  height: 36px !important;
}

body.ai-quiming-integrated-page .ai-gpt-brand strong {
  font-size: 19px !important;
  letter-spacing: -.04em !important;
}

/* tighter sidebar, hide empty recents automatically */
body.ai-quiming-integrated-page .ai-gpt-sidebar-section.is-empty-hidden {
  display: none !important;
}

body.ai-quiming-integrated-page .ai-gpt-primary-actions button {
  min-height: 32px !important;
  font-size: 13.5px !important;
}

body.ai-quiming-integrated-page .ai-gpt-search {
  min-height: 36px !important;
  margin: 3px 2px 2px !important;
}

body.ai-quiming-integrated-page .ai-conversation-quick-tools {
  padding: 0 2px !important;
}

body.ai-quiming-integrated-page .ai-gpt-section-title {
  padding: 6px 7px 3px !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-main {
  padding: 5px 3px 5px 6px !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-copy strong {
  font-size: 13px !important;
}

body.ai-quiming-integrated-page .ai-gpt-row-copy small {
  font-size: 11px !important;
}

/* Main header hierarchy */
body.ai-quiming-integrated-page .ai-gpt-main {
  grid-template-rows: var(--ai-header-h) var(--ai-tabs-h) minmax(0, 1fr) auto !important;
}

body.ai-quiming-integrated-page .ai-gpt-topbar {
  min-height: var(--ai-header-h) !important;
  height: var(--ai-header-h) !important;
  padding: 0 18px !important;
  border-bottom: 1px solid rgba(190,146,58,.14) !important;
  background: rgba(255,253,248,.95) !important;
}

body.ai-quiming-integrated-page .ai-gpt-active-title > button {
  height: 34px !important;
  font-size: 17px !important;
  padding: 0 8px !important;
}

/* professional line icon action buttons */
body.ai-quiming-integrated-page .ai-gpt-top-actions button {
  width: 38px !important;
  height: 36px !important;
  min-width: 38px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: #fff !important;
  border: 1px solid rgba(190,146,58,.20) !important;
  color: #6f4d08 !important;
  box-shadow: 0 8px 20px rgba(88,62,12,.035) !important;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

body.ai-quiming-integrated-page .ai-gpt-top-actions button:hover {
  background: #fff3d6 !important;
  color: #8a5a05 !important;
  transform: translateY(-1px);
}

/* keep avatar tabs as the only active/open tabs row */
body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
  height: var(--ai-tabs-h) !important;
  min-height: var(--ai-tabs-h) !important;
  padding: 5px 18px !important;
  background: rgba(255,250,240,.82) !important;
  border-bottom: 1px solid rgba(190,146,58,.10) !important;
  overflow-x: auto !important;
}

.ai-avatar-tab {
  width: 32px !important;
  height: 32px !important;
}

.ai-avatar-tab-face {
  width: 29px !important;
  height: 29px !important;
  font-size: 9.5px !important;
}

.ai-avatar-tooltip {
  width: 210px !important;
  padding: 10px !important;
  top: calc(100% + 9px) !important;
}

/* Smaller Slack-like switcher that does not cover workspace too much */
body.ai-quiming-integrated-page .ai-gpt-dropdown {
  width: 300px !important;
  max-height: min(340px, calc(100dvh - 170px)) !important;
  padding: 7px !important;
  border-radius: 16px !important;
  overflow: auto !important;
  transform-origin: top left !important;
}

.ai-switcher-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px 8px;
  border-bottom: 1px solid rgba(190,146,58,.12);
  margin-bottom: 4px;
}

.ai-switcher-head strong {
  color: #171410;
  font-size: 12px;
}

.ai-switcher-head small {
  color: #7b6f5b;
  font-size: 11px;
  font-weight: 800;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button {
  min-height: 48px !important;
  grid-template-columns: 31px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  border-radius: 12px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown .ai-gpt-avatar.small {
  width: 28px !important;
  height: 28px !important;
  font-size: 9px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button strong {
  font-size: 13px !important;
}

body.ai-quiming-integrated-page .ai-gpt-dropdown button small,
body.ai-quiming-integrated-page .ai-gpt-dropdown button em {
  font-size: 10.5px !important;
}

/* Welcome dashboard: more workspace, less landing-page bulk */
body.ai-quiming-integrated-page .ai-gpt-chat-stream {
  padding: 20px max(20px, calc((100vw - var(--ai-sidebar-w) - 900px) / 2)) 88px !important;
}

.ai-welcome-dashboard {
  width: min(860px, 100%) !important;
  align-self: start !important;
  margin: clamp(18px, 4vh, 42px) auto 0 !important;
  gap: 14px !important;
}

.ai-welcome-hero {
  gap: 4px !important;
}

.ai-welcome-hero .eyebrow {
  font-size: 11px !important;
  letter-spacing: .16em !important;
}

.ai-welcome-hero h2 {
  font-size: clamp(30px, 4vw, 44px) !important;
  line-height: 1.02 !important;
}

.ai-welcome-hero p {
  font-size: 15px !important;
}

.ai-suggested-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.ai-suggested-actions button {
  min-height: 56px !important;
  border-radius: 16px !important;
  padding: 10px 13px !important;
  font-size: 17px !important;
}

.ai-suggested-actions button span {
  font-size: 12.5px !important;
}

.ai-welcome-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.ai-welcome-grid article {
  min-height: 82px !important;
  border-radius: 16px !important;
  padding: 12px !important;
}

.ai-welcome-grid h3 {
  font-size: 12.5px !important;
}

.ai-welcome-grid p {
  font-size: 11.5px !important;
}

/* Dock composer more naturally inside chat workspace */
body.ai-quiming-integrated-page .ai-gpt-composer {
  left: calc(var(--ai-sidebar-w) + max(18px, (100vw - var(--ai-sidebar-w) - 820px) / 2)) !important;
  right: max(18px, calc((100vw - var(--ai-sidebar-w) - 820px) / 2)) !important;
  bottom: 10px !important;
  min-height: 54px !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 42px rgba(88,62,12,.13) !important;
}

body.ai-quiming-integrated-page .ai-gpt-composer textarea {
  min-height: 34px !important;
  padding-top: 10px !important;
}

/* Better message area density */
body.ai-quiming-integrated-page .ai-gpt-message {
  max-width: 820px !important;
}

body.ai-quiming-integrated-page .ai-gpt-message-body {
  line-height: 1.58 !important;
}

/* Tablet/mobile refinements */
@media (max-width: 980px) {
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page {
    --ai-sidebar-w: 0px;
  }

  body.ai-quiming-integrated-page .ai-gpt-shell {
    grid-template-columns: 1fr !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-composer {
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
  }

  .ai-suggested-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ai-welcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  body.ai-quiming-integrated-page .ai-gpt-top-actions button:not(#moreTopBtn) {
    display: none !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-top-actions #moreTopBtn svg {
    display: none !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-top-actions #moreTopBtn::before {
    content: "⋮";
    font-size: 22px;
    line-height: 1;
  }

  .ai-suggested-actions,
  .ai-welcome-grid {
    grid-template-columns: 1fr !important;
  }

  .ai-welcome-dashboard {
    margin-top: 12px !important;
  }

  .ai-welcome-hero h2 {
    font-size: 28px !important;
  }

  .ai-suggested-actions button {
    min-height: 50px !important;
  }
}


/* V264 - AI Workspace Browser Tabs, New Chat, Naming Cleanup */
body.ai-quiming-integrated-page .ai-gpt-section-title span {
  text-transform: uppercase;
}

/* Active title is display only; switcher removed because tabs/left sidebar already switch assistants */
body.ai-quiming-integrated-page #assistantDropdownBtn {
  cursor: default !important;
  pointer-events: none !important;
}

body.ai-quiming-integrated-page #assistantDropdown,
body.ai-quiming-integrated-page .ai-gpt-dropdown {
  display: none !important;
}

body.ai-quiming-integrated-page .ai-title-status-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  display: inline-block !important;
  margin-left: 4px !important;
}

/* Browser-style assistant tabs with x and plus at the end */
body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
  height: 43px !important;
  min-height: 43px !important;
  padding: 5px 16px 0 !important;
  gap: 6px !important;
  align-items: end !important;
  background: rgba(255,250,240,.85) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.ai-browser-tab {
  --assistant-color: #9a6a0a;
  position: relative;
  flex: 0 0 auto;
  max-width: 210px;
  min-width: 116px;
  height: 36px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 8px 22px;
  align-items: center;
  gap: 7px;
  padding: 0 6px 0 9px;
  border: 1px solid rgba(190,146,58,.16);
  border-bottom-color: transparent;
  border-radius: 13px 13px 0 0;
  background: rgba(255,255,255,.70);
  color: #171410;
  cursor: pointer;
  box-shadow: 0 -2px 12px rgba(88,62,12,.035);
}

.ai-browser-tab:hover {
  background: #fff8e7;
}

.ai-browser-tab.active {
  height: 38px;
  background: #fff;
  border-color: rgba(190,146,58,.26);
  border-bottom-color: #fff;
  box-shadow: 0 -6px 20px rgba(88,62,12,.06);
}

.ai-browser-tab-avatar {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--assistant-color), #e5bd4f);
  color: #fff;
  font-size: 8.5px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.03em;
}

.ai-browser-tab-label {
  min-width: 0;
  color: #171410;
  font-size: 12.5px;
  font-weight: 900;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-browser-tab-status {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34,197,94,.12);
}

.ai-browser-tab-close {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #8a8175;
  font-size: 13px;
  font-weight: 950;
}

.ai-browser-tab-close:hover {
  background: #f3e6c8;
  color: #171410;
}

.ai-browser-tab.add {
  min-width: 38px;
  max-width: 38px;
  grid-template-columns: 1fr;
  padding: 0;
  border-radius: 12px 12px 0 0;
}

.ai-browser-tab-plus {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  justify-self: center;
  border-radius: 9px;
  background: #fff6df;
  color: #7b5208;
  font-size: 18px;
  font-weight: 950;
}

.ai-browser-tab.overflow {
  min-width: 78px;
  max-width: 88px;
}

/* Hide old avatar tab visuals from v261/v263 when new browser tabs are used */
.ai-avatar-tab,
.ai-avatar-tooltip,
.ai-avatar-tab-face {
  display: none !important;
}

/* Assistant-specific empty state: no quick action dashboard inside selected assistants */
.ai-assistant-ready-state {
  width: min(620px, 100%);
  margin: clamp(60px, 13vh, 120px) auto 0;
  display: grid;
  justify-items: center;
  gap: 10px;
  text-align: center;
  color: #171410;
}

.ai-assistant-ready-avatar {
  --assistant-color: #9a6a0a;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--assistant-color), #e5bd4f);
  color: #fff;
  font-size: 17px;
  font-weight: 950;
  box-shadow: 0 18px 42px rgba(88,62,12,.16);
}

.ai-assistant-ready-state h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  letter-spacing: -.055em;
  line-height: 1.05;
}

.ai-assistant-ready-state p {
  max-width: 520px;
  margin: 0;
  color: #6f6657;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 650;
}

.ai-assistant-ready-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-top: 4px;
}

.ai-assistant-ready-meta span {
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.16);
  color: #745005;
  font-size: 11px;
  font-weight: 900;
}

/* Only the global New Chat dashboard has quick actions */
body.ai-quiming-integrated-page .ai-welcome-dashboard {
  margin-top: clamp(28px, 7vh, 70px) !important;
}

/* User-facing copy cleanup */
body.ai-quiming-integrated-page .ai-gpt-primary-actions button,
body.ai-quiming-integrated-page .ai-gpt-section-title,
body.ai-quiming-integrated-page .ai-gpt-row-copy {
  letter-spacing: -.01em;
}

/* Mobile: browser tabs remain swipeable */
@media (max-width: 720px) {
  .ai-browser-tab {
    min-width: 96px;
    max-width: 150px;
    grid-template-columns: 22px minmax(0, 1fr) 18px;
  }

  .ai-browser-tab-status {
    display: none;
  }

  .ai-browser-tab-label {
    font-size: 11.5px;
  }

  .ai-browser-tab-close {
    width: 18px;
  }

  .ai-assistant-ready-state {
    margin-top: 36px;
    padding: 0 14px;
  }
}


/* V265 - Conversation Tabs Above Title, Collapsible Sidebar, VPN Globe */
body.ai-quiming-integrated-page.ai-chatgpt-workspace-page {
  --ai-sidebar-w-expanded: 280px;
  --ai-sidebar-w-collapsed: 72px;
  --ai-sidebar-current: var(--ai-sidebar-w-expanded);
}

/* Tabs are navigation and must sit above the active assistant name */
body.ai-quiming-integrated-page .ai-gpt-main {
  grid-template-rows: 44px 50px minmax(0, 1fr) auto !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
  order: 1 !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 6px 18px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  background: rgba(255,250,240,.86) !important;
  border-bottom: 1px solid rgba(190,146,58,.10) !important;
}

body.ai-quiming-integrated-page .ai-gpt-topbar {
  order: 2 !important;
}

body.ai-quiming-integrated-page .ai-gpt-chat-stream {
  order: 3 !important;
}

/* Initial/avatar-only topic tabs */
.ai-topic-tab {
  --tab-color: #c99522;
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: transform .14s ease;
}

.ai-topic-tab:hover {
  transform: translateY(-1px);
}

.ai-topic-tab-face {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--tab-color), color-mix(in srgb, var(--tab-color) 70%, #fff 30%));
  color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 8px 18px rgba(88,62,12,.16);
  font-size: 9.5px;
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
}

.ai-topic-tab.active .ai-topic-tab-face {
  border-color: #c99522;
  box-shadow: 0 0 0 3px rgba(201,149,34,.22), 0 8px 18px rgba(88,62,12,.18);
}

.ai-topic-tab-active {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -5px;
  height: 3px;
  border-radius: 999px;
  background: transparent;
}

.ai-topic-tab.active .ai-topic-tab-active {
  background: var(--tab-color);
}

.ai-topic-tab b {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 9px;
  font-weight: 950;
}

.ai-topic-tab-close {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 17px;
  height: 17px;
  display: none;
  place-items: center;
  border-radius: 999px;
  background: #171410;
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.ai-topic-tab:hover .ai-topic-tab-close {
  display: grid;
}

.ai-topic-tab.add .ai-topic-tab-face,
.ai-topic-tab.overflow .ai-topic-tab-face {
  background: #fff !important;
  color: #7b5208 !important;
  border: 1px dashed rgba(190,146,58,.50) !important;
}

.ai-topic-tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  z-index: 1000;
  width: 228px;
  display: grid;
  gap: 4px;
  padding: 11px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.22);
  box-shadow: 0 20px 50px rgba(88,62,12,.18);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -5px);
  transition: opacity .15s ease, transform .15s ease;
  text-align: left;
}

.ai-topic-tab:hover .ai-topic-tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.ai-topic-tooltip strong {
  color: #171410;
  font-size: 13px;
}

.ai-topic-tooltip small,
.ai-topic-tooltip em {
  color: #6f6657;
  font-size: 11px;
  font-style: normal;
}

.ai-topic-tooltip-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 7px;
}

.ai-topic-tooltip-actions span {
  padding: 5px 6px;
  border-radius: 8px;
  background: #fff6df;
  color: #745005;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
}

.ai-topic-tooltip-actions span:hover {
  background: #f3e6c8;
}

/* Hide older tab systems */
.ai-browser-tab,
.ai-avatar-tab,
.ai-avatar-tooltip {
  display: none !important;
}

/* Sidebar collapse / drawer behavior */
body.ai-quiming-integrated-page .ai-gpt-shell {
  grid-template-columns: var(--ai-sidebar-current) minmax(0, 1fr) !important;
  transition: grid-template-columns .18s ease;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page {
  --ai-sidebar-current: var(--ai-sidebar-w-collapsed);
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-sidebar {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-brand strong,
body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-primary-actions button:not(#collapseSidebarBtn) span + *,
body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-primary-actions button:not(#collapseSidebarBtn) {
  font-size: 0 !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-brand {
  justify-content: center !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page #collapseSidebarBtn {
  width: 38px !important;
  height: 38px !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-primary-actions {
  align-items: center !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-primary-actions button {
  width: 42px !important;
  min-height: 42px !important;
  justify-content: center !important;
  padding: 0 !important;
  margin-inline: auto !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-primary-actions button span {
  font-size: 17px !important;
  margin: 0 !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-search,
body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-conversation-quick-tools,
body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-sidebar-section,
body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-sidebar-footer {
  display: none !important;
}

body.ai-sidebar-collapsed.ai-quiming-integrated-page .ai-gpt-composer {
  left: calc(var(--ai-sidebar-w-collapsed) + max(18px, (100vw - var(--ai-sidebar-w-collapsed) - 820px) / 2)) !important;
  right: max(18px, calc((100vw - var(--ai-sidebar-w-collapsed) - 820px) / 2)) !important;
}

/* Mobile drawer sidebar */
@media (max-width: 760px) {
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page {
    --ai-sidebar-current: 0px;
  }

  body.ai-quiming-integrated-page .ai-gpt-shell {
    grid-template-columns: 1fr !important;
  }

  body.ai-quiming-integrated-page .ai-gpt-sidebar {
    position: fixed !important;
    top: 74px !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 1600 !important;
    width: min(310px, 86vw) !important;
    transform: translateX(-105%) !important;
    transition: transform .2s ease !important;
    box-shadow: 22px 0 60px rgba(88,62,12,.18) !important;
  }

  body.ai-sidebar-open.ai-quiming-integrated-page .ai-gpt-sidebar {
    transform: translateX(0) !important;
  }

  body.ai-sidebar-open.ai-quiming-integrated-page::after {
    content: "";
    position: fixed;
    inset: 74px 0 0 0;
    z-index: 1500;
    background: rgba(23,20,16,.28);
    backdrop-filter: blur(2px);
  }

  body.ai-quiming-integrated-page .ai-gpt-topbar::before {
    content: "☰";
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    border: 1px solid rgba(190,146,58,.22);
    background: #fff;
    color: #745005;
    font-size: 18px;
    font-weight: 950;
    margin-right: 6px;
  }

  body.ai-quiming-integrated-page .ai-gpt-topbar {
    cursor: default;
  }

  body.ai-quiming-integrated-page .ai-gpt-composer {
    left: 12px !important;
    right: 12px !important;
  }

  .ai-topic-tooltip {
    display: none !important;
  }
}

/* Tablet defaults to collapsed icons */
@media (min-width: 761px) and (max-width: 1100px) {
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page:not(.ai-sidebar-open) {
    --ai-sidebar-current: var(--ai-sidebar-w-collapsed);
  }

  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page:not(.ai-sidebar-open) .ai-gpt-search,
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page:not(.ai-sidebar-open) .ai-conversation-quick-tools,
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page:not(.ai-sidebar-open) .ai-gpt-sidebar-section,
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page:not(.ai-sidebar-open) .ai-gpt-sidebar-footer,
  body.ai-quiming-integrated-page.ai-chatgpt-workspace-page:not(.ai-sidebar-open) .ai-gpt-brand strong {
    display: none !important;
  }
}

/* VPN globe icon turns green when VPN is active */
html.quiming-vpn-active [data-nav-key="vpn"] .nav-icon,
html.quiming-vpn-active [data-nav-key="vpn"] svg {
  color: #16a34a !important;
  stroke: #16a34a !important;
  fill: none !important;
}

html.quiming-vpn-active [data-nav-key="vpn"] {
  background: rgba(22,163,74,.12) !important;
  border-color: rgba(22,163,74,.30) !important;
}


/* V266 - Multi-tab productivity indicators for hard-working users */
.ai-topic-tab-state {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #94a3b8;
  border: 2px solid #fffaf0;
  box-shadow: 0 0 0 1px rgba(148,163,184,.14);
}

.ai-topic-tab.status-idle .ai-topic-tab-state {
  background: #94a3b8;
}

.ai-topic-tab.status-generating .ai-topic-tab-face {
  box-shadow: 0 0 0 3px rgba(201,149,34,.16), 0 8px 18px rgba(88,62,12,.16);
}

.ai-topic-tab.status-generating .ai-topic-tab-state {
  width: 14px;
  height: 14px;
  right: -2px;
  bottom: -2px;
  background: conic-gradient(from 0deg, #c99522, #f8df99, #c99522);
  border: 2px solid #fffaf0;
  animation: aiTabSpin .85s linear infinite;
}

.ai-topic-tab.status-generating .ai-topic-tab-state::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  background: #fffaf0;
}

.ai-topic-tab.status-done .ai-topic-tab-state {
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22,163,74,.12);
}

.ai-topic-tab.status-done.has-unread .ai-topic-tab-face {
  box-shadow: 0 0 0 3px rgba(22,163,74,.20), 0 8px 18px rgba(88,62,12,.16);
}

.ai-topic-tab.status-failed .ai-topic-tab-state {
  background: #dc2626;
  box-shadow: 0 0 0 4px rgba(220,38,38,.12);
}

.ai-topic-tab.has-unread b {
  background: #c99522;
  color: #fff;
}

@keyframes aiTabSpin {
  to { transform: rotate(360deg); }
}

.ai-work-queue-pill {
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff6df;
  border: 1px solid rgba(190,146,58,.22);
  color: #745005;
  font-size: 11px;
  font-weight: 950;
}

.ai-work-queue-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #c99522;
  box-shadow: 0 0 0 4px rgba(201,149,34,.14);
}

.ai-working-message {
  display: inline-grid !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: min(520px, 92%) !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid rgba(190,146,58,.18) !important;
  box-shadow: 0 14px 34px rgba(88,62,12,.08) !important;
}

.ai-working-dots {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ai-working-dots span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #c99522;
  animation: aiWorkingBounce 1s ease-in-out infinite;
}

.ai-working-dots span:nth-child(2) {
  animation-delay: .12s;
}

.ai-working-dots span:nth-child(3) {
  animation-delay: .24s;
}

.ai-working-message small {
  color: #6f6657;
  font-size: 12px;
  font-weight: 750;
}

@keyframes aiWorkingBounce {
  0%, 80%, 100% { transform: translateY(0); opacity: .45; }
  40% { transform: translateY(-4px); opacity: 1; }
}

/* Do not lock the whole workspace when one tab is generating */
body.ai-quiming-integrated-page .ai-gpt-assistant-tabs {
  scrollbar-width: thin;
}

body.ai-quiming-integrated-page .ai-gpt-composer button:disabled {
  opacity: .55 !important;
  cursor: wait !important;
}

@media (max-width: 620px) {
  .ai-work-queue-pill {
    display: none;
  }

  .ai-topic-tab.status-generating .ai-topic-tab-state {
    width: 12px;
    height: 12px;
  }
}


/* V267 - Chrome-style tab creation behavior */
.ai-topic-tab .ai-topic-tooltip strong {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-topic-tab.assistant-fixed .ai-topic-tab-face,
.ai-topic-tab[data-assistant-tab-id] .ai-topic-tab-face {
  letter-spacing: -.05em;
}

.ai-topic-tab-close {
  z-index: 4;
}

/* Custom AI tabs use the assistant's assigned color and fixed initials.
   New Chat tabs keep topic-based colors after first prompt. */
.ai-topic-tab.status-idle:not(.active) .ai-topic-tab-face {
  opacity: .95;
}

.ai-topic-tab.add {
  margin-left: 2px;
}

.ai-topic-tab.add .ai-topic-tab-face {
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* Extra clarity that clicking left assistants opens a new tab */
body.ai-quiming-integrated-page .ai-gpt-assistant-row .ai-gpt-assistant-main:hover {
  background: #fff6df !important;
}

body.ai-quiming-integrated-page .ai-gpt-assistant-row .ai-gpt-assistant-main:hover::after {
  content: "opens new tab";
  margin-left: auto;
  padding: 3px 7px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(190,146,58,.18);
  color: #8a5a05;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 720px) {
  body.ai-quiming-integrated-page .ai-gpt-assistant-row .ai-gpt-assistant-main:hover::after {
    display: none;
  }
}


/* V269 - Fixed left-to-right tab order */
.ai-topic-tab {
  scroll-margin-inline: 18px;
}

.ai-topic-tab.assistant-fixed .ai-topic-tab-face {
  background: linear-gradient(135deg, var(--tab-color), color-mix(in srgb, var(--tab-color) 78%, #ffffff 22%)) !important;
}

.ai-topic-tab.new-chat-tab .ai-topic-tab-face {
  border-style: solid;
}

.ai-topic-tab.add {
  order: 9999;
}

/* New Chat tabs and Custom AI tabs are separate concepts */
.ai-topic-tab.new-chat-tab.status-idle .ai-topic-tab-face {
  outline: 1px dashed rgba(255,255,255,.72);
  outline-offset: -4px;
}

.ai-topic-tooltip em {
  text-transform: none;
}


/* V270 - New Chat ready-state separation */
.ai-new-chat-ready-state .ai-assistant-ready-avatar {
  background: linear-gradient(135deg, #c99522, #f2d37a) !important;
}

.ai-ready-eyebrow {
  margin: 4px 0 -4px;
  color: #8a5a05;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.ai-new-chat-ready-state h2 {
  letter-spacing: -.05em;
}

.ai-new-chat-ready-state .ai-assistant-ready-meta span {
  background: #fff9e8;
}


/* V271 - General New Chat behavior */
.ai-new-chat-ready-state .ai-assistant-ready-avatar {
  background: linear-gradient(135deg, #c99522, #49a3ff) !important;
}

.ai-new-chat-ready-state .ai-assistant-ready-meta span:first-child {
  color: #1f5d93;
  border-color: rgba(73,163,255,.22);
}

body.ai-quiming-integrated-page .ai-gpt-conversation-card .ai-gpt-conversation-row small {
  text-wrap: balance;
}


/* V272 - Connected Navigation Foundation */
.top-nav-links .connected-nav-item-v272 {
  position: relative;
}

.top-nav-links .connected-nav-item-v272::before,
.top-nav-links .connected-nav-item-v272::after {
  pointer-events: none;
}

.top-nav-links .connected-nav-item-v272[data-nav-group="work"],
.top-nav-links .connected-nav-item-v272[data-nav-group="communication"],
.top-nav-links .connected-nav-item-v272[data-nav-group="intelligence"],
.top-nav-links .connected-nav-item-v272[data-nav-group="operations"],
.top-nav-links .connected-nav-item-v272[data-nav-group="alerts"],
.top-nav-links .connected-nav-item-v272[data-nav-group="security"],
.top-nav-links .connected-nav-item-v272[data-nav-group="admin"] {
  margin-left: 8px;
}

/* group separators only when groups change in workflow order */
.top-nav-links .nav-group-work:first-of-type,
.top-nav-links .nav-group-communication,
.top-nav-links .nav-group-intelligence,
.top-nav-links .nav-group-operations,
.top-nav-links .nav-group-alerts,
.top-nav-links .nav-group-security,
.top-nav-links .nav-group-admin {
  border-left: 1px solid rgba(120, 95, 38, .14);
  padding-left: 10px;
}

.top-nav-links .connected-nav-item-v272[data-context-connected="1"] .nav-icon::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #c99522;
  border: 2px solid #fffaf0;
  box-shadow: 0 0 0 2px rgba(201,149,34,.16);
}

.connected-nav-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #c99522;
  color: #fff;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  border: 2px solid #fffaf0;
  box-shadow: 0 8px 18px rgba(88,62,12,.14);
}

.operational-context-pill-v272 {
  height: 38px;
  max-width: 240px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(201,149,34,.24);
  background: rgba(255,249,232,.86);
  color: #5e4209;
  box-shadow: 0 10px 24px rgba(88,62,12,.06);
}

.operational-context-pill-v272 .context-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #c99522;
  box-shadow: 0 0 0 4px rgba(201,149,34,.14);
}

.operational-context-pill-v272 strong {
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.operational-context-pill-v272 small {
  min-width: 0;
  max-width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 850;
}

.operational-context-pill-v272 button {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgba(201,149,34,.12);
  color: #6f4d08;
  font-weight: 950;
  cursor: pointer;
}

.operational-context-pill-v272 button:hover {
  background: rgba(201,149,34,.22);
}

html.quiming-vpn-active [data-nav-key="vpn"] .connected-nav-badge {
  background: #16a34a;
}

/* Tooltip-level purpose for connected nav */
.top-nav-links .connected-nav-item-v272:hover::after {
  content: attr(data-nav-flow);
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  z-index: 3000;
  width: max-content;
  max-width: 260px;
  transform: translateX(-50%);
  padding: 8px 10px;
  border-radius: 12px;
  background: #171410;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: 0 18px 46px rgba(23,20,16,.20);
}

@media (max-width: 980px) {
  .operational-context-pill-v272 {
    display: none;
  }

  .top-nav-links .connected-nav-item-v272:hover::after {
    display: none;
  }

  .top-nav-links .connected-nav-item-v272[data-nav-group] {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
  }
}


/* V273 - Navigation Visual Polish */
.connected-nav-badge[hidden],
.message-nav-badge-v183[hidden] {
  display: none !important;
}

.top-nav-links .connected-nav-item-v272[data-nav-group],
.top-nav-links .connected-nav-item-v273[data-nav-group] {
  margin-left: 0 !important;
  border-left: 0 !important;
  padding-left: 0 !important;
}

.top-nav-links .connected-nav-item-v273.nav-group-start {
  margin-left: 14px !important;
  padding-left: 14px !important;
  position: relative;
}

.top-nav-links .connected-nav-item-v273.nav-group-start::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  width: 1px;
  height: 24px;
  transform: translateY(-50%);
  background: linear-gradient(to bottom, transparent, rgba(120, 95, 38, .22), transparent);
  border-radius: 99px;
}

.top-nav-links .connected-nav-item-v273 .nav-icon {
  transition: transform .18s ease, color .18s ease;
}

.top-nav-links .connected-nav-item-v273:hover .nav-icon {
  transform: translateY(-1px);
}

.top-nav-links .connected-nav-item-v273.active {
  box-shadow: inset 0 -2px 0 #c99522;
}

.top-nav-links .connected-nav-item-v273[data-context-connected="1"] {
  background: linear-gradient(180deg, rgba(255,249,232,.98), rgba(255,255,255,.86));
}

.top-nav-links .connected-nav-item-v273[data-context-connected="1"] .nav-icon::after {
  width: 6px;
  height: 6px;
  right: -1px;
  bottom: -1px;
  background: #c99522;
  border: 2px solid #fffaf0;
}

.connected-nav-badge[data-visible="1"] {
  display: grid !important;
}

.connected-nav-badge {
  min-width: 15px;
  height: 15px;
  font-size: 8px;
  top: -4px;
  right: -4px;
}

.top-nav-links .connected-nav-item-v273:hover::after {
  top: calc(100% + 10px);
  max-width: 280px;
  text-align: left;
  font-weight: 780;
}

/* VPN side rail labels */
.vpn-nord-rail {
  overflow: visible !important;
}

.vpn-nord-rail::before {
  content: "VPN";
  display: block;
  margin: 10px auto 14px;
  width: max-content;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(201,149,34,.22);
  background: rgba(255,249,232,.9);
  color: #7a5207;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
}

.vpn-nord-rail .rail-icon {
  position: relative;
  display: grid;
  place-items: center;
}

.vpn-nord-rail .rail-icon .rail-glyph {
  line-height: 1;
}

.vpn-nord-rail .rail-icon .rail-label {
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  z-index: 40;
  transform: translateY(-50%) translateX(-4px);
  min-width: 88px;
  padding: 7px 10px;
  border-radius: 12px;
  background: #171410;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 16px 34px rgba(23,20,16,.18);
  transition: opacity .16s ease, transform .16s ease;
}

.vpn-nord-rail .rail-icon .rail-label::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent #171410 transparent transparent;
}

.vpn-nord-rail .rail-icon:hover .rail-label {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

@media (max-width: 980px) {
  .top-nav-links .connected-nav-item-v273.nav-group-start {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .top-nav-links .connected-nav-item-v273.nav-group-start::before,
  .vpn-nord-rail .rail-icon .rail-label,
  .vpn-nord-rail::before {
    display: none !important;
  }
}


/* V274 - Home Command Center Upgrade */
.home-command-page-v274 .dashboard-main.command-center-v274 {
  padding-bottom: 80px;
}

.command-hero-v274 {
  align-items: flex-start;
}

.command-user-stack-v274 {
  display: grid;
  justify-items: end;
  gap: 10px;
}

.command-soft-btn-v274 {
  border: 1px solid rgba(201,149,34,.24);
  background: rgba(255,250,240,.88);
  color: #6f4d08;
  border-radius: 999px;
  padding: 9px 14px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(88,62,12,.06);
}

.command-brief-v274 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background:
    radial-gradient(circle at 94% 16%, rgba(201,149,34,.18), transparent 32%),
    linear-gradient(135deg, rgba(255,250,240,.98), rgba(255,244,210,.78));
}

.command-brief-actions-v274 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.command-brief-actions-v274 .primary-btn {
  width: auto;
  min-width: 165px;
}

.command-secondary-link-v274 {
  border: 1px solid rgba(201,149,34,.24);
  background: rgba(255,255,255,.76);
  color: #6f4d08;
  border-radius: 15px;
  padding: 12px 16px;
  font-weight: 900;
}

.command-metric-link-v274 {
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.command-metric-link-v274:hover {
  transform: translateY(-2px);
  border-color: rgba(201,149,34,.38);
  box-shadow: 0 18px 42px rgba(88,62,12,.10);
}

.command-grid-v274 {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  gap: 18px;
  margin-top: 18px;
}

.lower-command-grid-v274 {
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) minmax(280px, .75fr);
}

.command-panel-v274 {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,253,248,.88);
  box-shadow: 0 18px 45px rgba(52,38,9,.08);
  padding: 22px;
}

.command-panel-head-v274 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.command-panel-head-v274 h2 {
  margin: 4px 0 0;
  font-size: 22px;
  letter-spacing: -.04em;
}

.command-panel-head-v274 a {
  color: #7a5207;
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
}

.command-count-badge-v274 {
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff5d8;
  border: 1px solid rgba(201,149,34,.28);
  color: #7a5207;
  font-weight: 950;
}

.priority-list-v274,
.mini-list-v274,
.quick-actions-v274,
.control-links-v274 {
  display: grid;
  gap: 10px;
}

.priority-item-v274,
.quick-action-card-v274,
.mini-row-v274,
.control-links-v274 a {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 18px;
  border: 1px solid rgba(234,223,202,.9);
  background: rgba(255,255,255,.72);
  color: #1f1b14;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.priority-item-v274:hover,
.quick-action-card-v274:hover,
.mini-row-v274:hover,
.control-links-v274 a:hover {
  transform: translateY(-1px);
  border-color: rgba(201,149,34,.36);
  box-shadow: 0 14px 30px rgba(52,38,9,.07);
}

.priority-item-v274 strong,
.quick-action-card-v274 strong,
.mini-row-v274 strong,
.control-links-v274 strong {
  display: block;
  font-size: 14px;
}

.priority-item-v274 small,
.quick-action-card-v274 small,
.mini-row-v274 small,
.control-links-v274 span {
  display: block;
  color: var(--muted);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.35;
}

.priority-dot-v274,
.mini-status-v274 {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: #d1b36b;
  box-shadow: 0 0 0 4px rgba(209,179,107,.14);
}

.priority-high .priority-dot-v274,
.status-high,
.status-urgent {
  background: #b45309;
  box-shadow: 0 0 0 4px rgba(180,83,9,.13);
}

.priority-medium .priority-dot-v274,
.status-medium {
  background: #c99522;
  box-shadow: 0 0 0 4px rgba(201,149,34,.14);
}

.priority-clear .priority-dot-v274,
.status-normal,
.status-low {
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22,163,74,.12);
}

.priority-item-v274 b {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff8e4;
  color: #6f4d08;
}

.priority-item-v274 em {
  font-style: normal;
  font-weight: 900;
  color: #8a5a05;
  font-size: 12px;
}

.quick-action-card-v274 {
  grid-template-columns: auto 1fr;
}

.quick-action-card-v274 > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #fff4d6, #fff);
  border: 1px solid rgba(201,149,34,.18);
  color: #7a5207;
  font-size: 11px;
  font-weight: 950;
}

.workflow-strip-v274 {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,253,248,.74);
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  box-shadow: 0 14px 34px rgba(52,38,9,.06);
}

.workflow-strip-v274 a {
  min-width: max-content;
  padding: 10px 13px;
  border-radius: 16px;
  background: rgba(255,249,232,.82);
  border: 1px solid rgba(201,149,34,.18);
}

.workflow-strip-v274 strong {
  display: block;
  font-size: 13px;
}

.workflow-strip-v274 span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 2px;
}

.workflow-strip-v274 i {
  width: 22px;
  min-width: 22px;
  height: 1px;
  background: linear-gradient(90deg, rgba(201,149,34,.2), rgba(201,149,34,.65));
}

.capacity-score-v274 {
  display: flex;
  align-items: end;
  gap: 10px;
}

.capacity-score-v274 strong {
  font-size: 42px;
  letter-spacing: -.06em;
}

.capacity-score-v274 span {
  color: var(--muted);
  font-weight: 800;
  margin-bottom: 8px;
}

.capacity-bar-v274 {
  height: 10px;
  border-radius: 999px;
  background: #f2eadb;
  overflow: hidden;
  margin: 16px 0 12px;
}

.capacity-bar-v274 i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c99522, #7a5207);
}

.capacity-box-v274 p {
  color: var(--muted);
  line-height: 1.5;
}

.capacity-box-v274 a {
  font-weight: 950;
  color: #7a5207;
}

.control-links-v274 a {
  grid-template-columns: 1fr;
}

.priority-drawer-v274[hidden] {
  display: none;
}

.priority-drawer-v274 {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
}

.priority-drawer-backdrop-v274 {
  position: absolute;
  inset: 0;
  background: rgba(23,20,16,.24);
  backdrop-filter: blur(6px);
}

.priority-drawer-panel-v274 {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 18px;
  width: min(520px, calc(100vw - 36px));
  border-radius: 28px;
  background: #fffdf8;
  border: 1px solid var(--line);
  box-shadow: 0 28px 80px rgba(23,20,16,.22);
  padding: 22px;
  overflow: auto;
}

.priority-drawer-panel-v274 header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.priority-drawer-panel-v274 header h2 {
  margin: 4px 0 0;
  font-size: 26px;
  letter-spacing: -.05em;
}

.priority-drawer-panel-v274 header button {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: #fff5d8;
  color: #7a5207;
  font-weight: 950;
  cursor: pointer;
}

.home-focus-mode-v274 .command-metrics-v274,
.home-focus-mode-v274 .workflow-strip-v274,
.home-focus-mode-v274 .lower-command-grid-v274 {
  display: none;
}

.home-focus-mode-v274 .command-grid-v274 {
  grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
  .command-grid-v274,
  .lower-command-grid-v274 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .command-brief-v274,
  .command-brief-actions-v274,
  .command-hero-v274 {
    align-items: stretch;
    flex-direction: column;
  }

  .command-user-stack-v274 {
    justify-items: stretch;
  }

  .priority-item-v274 {
    grid-template-columns: auto 1fr auto;
  }

  .priority-item-v274 em {
    display: none;
  }

  .workflow-strip-v274 {
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
}


/* V275 - Connected Workspace State Upgrade */
.home-connected-page-v275 .workspace-state-v275 {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);
  gap: 14px;
}

.workspace-health-card-v275,
.workspace-state-meta-v275 {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,253,248,.86);
  box-shadow: 0 16px 38px rgba(52,38,9,.06);
}

.workspace-health-card-v275 {
  padding: 20px 22px;
  background:
    radial-gradient(circle at 96% 12%, rgba(22,163,74,.10), transparent 30%),
    linear-gradient(135deg, rgba(255,253,248,.95), rgba(255,249,232,.82));
}

.workspace-health-card-v275 h2 {
  margin: 4px 0 6px;
  font-size: 24px;
  letter-spacing: -.05em;
}

.workspace-health-card-v275 p:last-child {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}

.workspace-state-meta-v275 {
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.workspace-state-meta-v275 span {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  border-radius: 14px;
  background: rgba(255,249,232,.74);
  border: 1px solid rgba(201,149,34,.14);
  color: #60450b;
  font-size: 12px;
  font-weight: 900;
}

.workflow-strip-v275 {
  display: grid;
  gap: 13px;
  align-items: stretch;
}

.workflow-strip-v275 .workflow-strip-head-v275 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.workflow-strip-head-v275 p,
.workflow-strip-head-v275 strong {
  margin: 0;
}

.workflow-strip-head-v275 strong {
  color: #211b12;
  font-size: 14px;
  letter-spacing: -.015em;
}

.workflow-modules-v275 {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  align-items: stretch;
  gap: 9px;
  min-width: 980px;
}

.workflow-modules-v275 > i {
  display: none;
}

.workflow-module-card-v275 {
  position: relative;
  min-height: 112px;
  padding: 14px 14px 13px;
  display: grid;
  align-content: start;
  gap: 4px;
  border-radius: 20px;
  border: 1px solid rgba(201,149,34,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,249,232,.78));
  color: #1f1b14;
  box-shadow: 0 12px 30px rgba(52,38,9,.045);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.workflow-module-card-v275:hover {
  transform: translateY(-2px);
  border-color: rgba(201,149,34,.42);
  box-shadow: 0 18px 38px rgba(52,38,9,.08);
}

.workflow-module-card-v275 strong {
  font-size: 16px;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.workflow-module-card-v275 small,
.workflow-module-card-v275 em {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 780;
}

.workflow-module-card-v275 em {
  margin-top: 6px;
  color: #694a0b;
  font-weight: 950;
}

.workflow-module-card-v275 b,
.quick-action-card-v275 b {
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 26px;
  height: 26px;
  padding: 0 7px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff5d8;
  color: #6f4d08;
  border: 1px solid rgba(201,149,34,.24);
  font-size: 11px;
  font-weight: 950;
}

.module-state-dot-v275 {
  width: 11px;
  height: 11px;
  margin-bottom: 5px;
  border-radius: 999px;
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22,163,74,.12);
}

.level-active.module-state-dot-v275,
.module-state-dot-v275.level-active,
.workflow-module-card-v275.level-active .module-state-dot-v275,
.quick-action-card-v275.level-active > span {
  background: #c99522;
  box-shadow: 0 0 0 4px rgba(201,149,34,.14);
}

.level-attention.module-state-dot-v275,
.module-state-dot-v275.level-attention,
.workflow-module-card-v275.level-attention .module-state-dot-v275,
.quick-action-card-v275.level-attention > span {
  background: #b45309;
  box-shadow: 0 0 0 4px rgba(180,83,9,.13);
}

.workflow-module-card-v275.level-attention {
  background: linear-gradient(180deg, rgba(255,247,237,.95), rgba(255,251,235,.82));
  border-color: rgba(180,83,9,.24);
}

.workflow-module-card-v275.level-active {
  background: linear-gradient(180deg, rgba(255,250,240,.98), rgba(255,246,218,.82));
}

.quick-action-card-v275 {
  position: relative;
  padding-right: 52px;
}

.quick-action-card-v275 b.clear-count-v275,
.workflow-module-card-v275 b.clear-count-v275 {
  background: rgba(22,163,74,.08);
  color: #15803d;
  border-color: rgba(22,163,74,.18);
}

.priority-drawer-v275 .priority-drawer-content-v274 {
  display: grid;
  gap: 12px;
}

.priority-drawer-group-v275 {
  border: 1px solid rgba(234,223,202,.95);
  border-radius: 20px;
  background: rgba(255,255,255,.70);
  overflow: hidden;
}

.priority-drawer-group-v275 > header {
  margin: 0;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(234,223,202,.75);
}

.priority-drawer-group-v275 > header strong {
  display: block;
  color: #171410;
  font-size: 14px;
}

.priority-drawer-group-v275 > header small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.priority-drawer-group-v275 > header a {
  color: #7a5207;
  font-size: 12px;
  font-weight: 950;
}

.priority-drawer-group-body-v275 {
  display: grid;
  gap: 8px;
  padding: 10px;
}

.priority-drawer-group-body-v275 > a {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255,249,232,.62);
  color: #1f1b14;
}

.priority-drawer-group-body-v275 p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.4;
}

.home-focus-mode-v275 .workspace-state-v275 {
  grid-template-columns: 1fr;
}

.home-focus-mode-v275 .workspace-state-meta-v275,
.home-focus-mode-v275 .workflow-strip-v275,
.home-focus-mode-v275 .lower-command-grid-v274,
.home-focus-mode-v275 .command-metrics-v274 {
  display: none;
}

.top-nav-links [data-workspace-state="attention"] .connected-nav-badge,
.top-nav-links [data-workspace-state="attention"] .message-nav-badge-v183 {
  background: #b45309;
}

.top-nav-links [data-workspace-state="active"] .connected-nav-badge,
.top-nav-links [data-workspace-state="active"] .message-nav-badge-v183 {
  background: #c99522;
}

@media (max-width: 1180px) {
  .home-connected-page-v275 .workspace-state-v275 {
    grid-template-columns: 1fr;
  }

  .workflow-strip-v275 {
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  .workspace-state-meta-v275 {
    grid-template-columns: 1fr;
  }

  .workflow-strip-v275 .workflow-strip-head-v275 {
    align-items: flex-start;
    flex-direction: column;
  }

  .workflow-modules-v275 {
    min-width: 840px;
    grid-template-columns: repeat(6, 136px);
  }

  .workflow-module-card-v275 {
    min-height: 108px;
  }
}

/* V276 - Client Workspace Regression Guard
   Keeps the polished Client TeamSpace panel and posting grouping visible even when older routes/cache are hit. */
.client-portal-v276 #teamSpacePanel .v46-team-panel,
.client-portal-v276 #teamSpacePanel .side-panel-card {
  max-width: min(520px, calc(100vw - 22px));
  border-radius: 26px;
  border: 1px solid rgba(32, 39, 47, .10);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,238,.96));
  box-shadow: 0 28px 80px rgba(35, 27, 12, .18);
}

.client-portal-v276 #teamSpacePanel .side-panel-head {
  border-bottom: 1px solid rgba(234, 223, 202, .9);
}

.client-portal-v276 .teamspace-header-row-v237,
.client-portal-v276 .assigned-members-section-v237,
.client-portal-v276 .sections-team-section {
  display: block;
}

.client-portal-v276 .assigned-members-title-row-v237,
.client-portal-v276 .section-title-row.compact-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.client-portal-v276 .teamspace-type-group-v130 {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(234, 223, 202, .88);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
}

.client-portal-v276 .teamspace-type-group-v130 > h4 {
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 950;
  color: #6b4b0b;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.client-portal-v276 [data-delivery-cycle-control],
.client-portal-v276 .delivery-cycle-cell-v111,
.client-portal-v276 .delivery-cycle-toolbar-v111,
.client-portal-v276 .delivery-selection-actions-v111 {
  visibility: visible !important;
}

.client-portal-v276 .delivery-cycle-menu-v111.open,
.client-portal-v276 .assign-cycle-menu-v114.open {
  z-index: 3001000;
}

.client-portal-v276 .delivery-cycle-add-row-v111,
.client-portal-v276 .delivery-cycle-add-row-v114 {
  font-weight: 950;
}

/* V277 - TeamSpace compact state restore + Posting Groups toolbar restore
   Corrects the v276 regression where the TeamSpace drawer became wide again,
   Assigned Members opened by default, and posting grouping moved away from Add Content. */
html body.client-portal-v277 #teamSpacePanel,
html body.client-portal-v277 #teamSpacePanel.v46-team-shell {
  --teamspace-panel-width-v277: min(392px, calc(100vw - 18px));
  --teamspace-line-v277: rgba(184,138,45,.16);
  --teamspace-soft-v277: #fffaf0;
  --teamspace-text-v277: #111827;
  --teamspace-muted-v277: #766a58;
}

html body.client-portal-v277 #teamSpacePanel .side-panel-card,
html body.client-portal-v277 #teamSpacePanel .v46-team-panel,
html body.client-portal-v277 #teamSpacePanel .v47-team-panel,
html body.client-portal-v277 #teamSpacePanel .v48-team-panel,
html body.client-portal-v277 #teamSpacePanel .v49-team-panel {
  width: var(--teamspace-panel-width-v277) !important;
  max-width: var(--teamspace-panel-width-v277) !important;
  padding: 16px !important;
  border-radius: 24px 0 0 24px !important;
  border-left: 1px solid rgba(184,138,45,.26) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: #fffdf8 !important;
  box-shadow: -18px 0 44px rgba(42,33,18,.16) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

html body.client-portal-v277 #teamSpacePanel .side-panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--teamspace-line-v277) !important;
}

html body.client-portal-v277 #teamSpacePanel .side-panel-head h2 {
  font-size: 24px !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
}

html body.client-portal-v277 #teamSpacePanel .side-panel-head p {
  max-width: 285px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.client-portal-v277 .teamspace-header-row-v237 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 98px !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--teamspace-line-v277) !important;
}

html body.client-portal-v277 .teamspace-search-field-v237 input,
html body.client-portal-v277 #teamSpaceSearch {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
}

html body.client-portal-v277 .teamspace-member-count-v237 {
  width: 98px !important;
  min-width: 98px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 9px !important;
  gap: 4px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
}

html body.client-portal-v277 #assignedMembersSection[hidden],
html body.client-portal-v277 #assignedMembersBody[hidden],
html body.client-portal-v277 #assignedMembersBody.collapsed {
  display: none !important;
}

html body.client-portal-v277 #assignedMembersSection.is-expanded {
  display: block !important;
}

html body.client-portal-v277 #assignedMembersSection.is-collapsed {
  display: none !important;
}

html body.client-portal-v277 .assigned-members-section-v237 {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.client-portal-v277 .assigned-members-title-row-v237 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 0 9px !important;
  margin: 0 !important;
}

html body.client-portal-v277 .assigned-members-title-row-v237 h3,
html body.client-portal-v277 #teamSpacePanel h3 {
  font-size: 17px !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;
}

html body.client-portal-v277 .assigned-member-row-v237,
html body.client-portal-v277 .compact-team-member-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto 28px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 8px !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 14px rgba(75,52,14,.026) !important;
}

html body.client-portal-v277 .teamspace-type-group-v130 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.client-portal-v277 .teamspace-type-group-v130 > h4 {
  display: none !important;
}

html body.client-portal-v277 .sections-team-section {
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--teamspace-line-v277) !important;
}

html body.client-portal-v277 .section-title-row.compact-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 10px !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}

html body.client-portal-v277 #clientInfoSections {
  display: grid !important;
  gap: 8px !important;
}

html body.client-portal-v277 .teamspace-item-card-v130,
html body.client-portal-v277 .teamspace-item-card-v240,
html body.client-portal-v277 .teamspace-item-card-v242 {
  border-radius: 13px !important;
  border: 1px solid rgba(184,138,45,.14) !important;
  box-shadow: 0 6px 14px rgba(75,52,14,.026) !important;
  overflow: hidden !important;
}

html body.client-portal-v277 .client-global-filter-strip-v98 .global-content-search-v98 {
  grid-template-columns: minmax(190px, .82fr) minmax(160px, .54fr) minmax(160px, .54fr) minmax(160px, .54fr) minmax(150px, .50fr) !important;
}

html body.client-portal-v277 .content-management-toolbar-v98,
html body.client-portal-v277 .delivery-cycle-toolbar-v119 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

html body.client-portal-v277 .posting-group-toolbar-control-v277 {
  width: auto !important;
  min-width: 210px !important;
  max-width: min(260px, 100%) !important;
  margin: 0 !important;
  position: relative !important;
}

html body.client-portal-v277 .posting-group-toolbar-control-v277 label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.client-portal-v277 .posting-group-toolbar-control-v277 .delivery-cycle-toggle-v111 {
  height: 40px !important;
  min-height: 40px !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184,138,45,.30) !important;
  background: #fffaf0 !important;
  color: #6f4b0b !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(75,52,14,.045) !important;
}

html body.client-portal-v277 .posting-group-toolbar-control-v277 .delivery-cycle-menu-v111 {
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  min-width: 260px !important;
  z-index: 3001000 !important;
}

@media (max-width: 680px) {
  html body.client-portal-v277 #teamSpacePanel,
  html body.client-portal-v277 #teamSpacePanel.v46-team-shell {
    --teamspace-panel-width-v277: min(100vw, 100vw);
  }
  html body.client-portal-v277 #teamSpacePanel .side-panel-card {
    border-radius: 0 !important;
  }
  html body.client-portal-v277 .client-global-filter-strip-v98 .global-content-search-v98 {
    grid-template-columns: 1fr !important;
  }
  html body.client-portal-v277 .posting-group-toolbar-control-v277 {
    width: 100% !important;
    max-width: none !important;
  }
}

/* V278 - Client v231 Restore Lock
   Uses the proven v231 Client Workspace structure while keeping newer Home/navigation modules.
   Prevents v276/v277 TeamSpace regression styles from forcing the wide visible members drawer.
*/
html body.client-portal-v278 #teamSpacePanel,
html body.client-portal-v278 #teamSpacePanel.teamspace-v231-shell{
  --teamspace-v278-width:min(460px, calc(100vw - 24px));
}
html body.client-portal-v278 #teamSpacePanel .side-panel-card,
html body.client-portal-v278 #teamSpacePanel .v46-team-panel,
html body.client-portal-v278 #teamSpacePanel .teamspace-v231-panel{
  width:var(--teamspace-v278-width)!important;
  max-width:var(--teamspace-v278-width)!important;
  padding:22px!important;
  border-radius:22px 0 0 22px!important;
  background:#fffdf8!important;
  border-left:1px solid rgba(184,138,45,.26)!important;
  box-shadow:-22px 0 64px rgba(15,23,42,.20)!important;
}
html body.client-portal-v278 #teamSpacePanel .side-panel-head,
html body.client-portal-v278 #teamSpacePanel .teamspace-v231-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 0 14px!important;
  margin:0 0 12px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
}
html body.client-portal-v278 #teamSpacePanel .side-panel-head h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  color:#0f172a!important;
  font-weight:950!important;
}
html body.client-portal-v278 #teamSpacePanel .side-panel-head p{
  margin:6px 0 0!important;
  color:#706653!important;
  font-size:13px!important;
  font-weight:800!important;
}
html body.client-portal-v278 .teamspace-v231-search-row{
  margin:0 0 14px!important;
}
html body.client-portal-v278 .teamspace-v231-search input{
  width:100%!important;
  min-height:42px!important;
  border-radius:999px!important;
  padding:0 16px!important;
  border:1px solid rgba(184,138,45,.26)!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:750!important;
}
html body.client-portal-v278 .teamspace-v231-section,
html body.client-portal-v278 .client-subaccount-section-v125,
html body.client-portal-v278 .assigned-members-section,
html body.client-portal-v278 .sections-team-section{
  display:block!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.client-portal-v278 .teamspace-v231-title-row,
html body.client-portal-v278 .section-title-row.compact-title-row{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body.client-portal-v278 .teamspace-v231-title-row h3,
html body.client-portal-v278 .section-title-row.compact-title-row h3{
  margin:0!important;
  font-size:16px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  color:#111827!important;
  font-weight:950!important;
}
html body.client-portal-v278 .teamspace-v231-subtitle{
  display:block!important;
  margin:4px 0 0!important;
  color:#766a58!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
html body.client-portal-v278 #showAddTeamMemberBtn,
html body.client-portal-v278 #showAddWorkspaceUserBtn,
html body.client-portal-v278 #addSectionBlockBtn{
  width:auto!important;
  min-width:108px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.28)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:12.5px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
html body.client-portal-v278 #assignedMembersToggle.teamspace-v231-member-toggle{
  position:static!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0 0 10px!important;
  padding:0 12px!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#6f4b0b!important;
  font-size:12.5px!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.client-portal-v278 #assignedMembersBody.team-collapsible-body.collapsed,
html body.client-portal-v278 #assignedMembersBody[hidden]{
  display:none!important;
}
html body.client-portal-v278 #assignedMembersBody.team-collapsible-body:not(.collapsed){
  display:block!important;
}
html body.client-portal-v278 #addTeamMemberForm,
html body.client-portal-v278 #addWorkspaceUserForm{
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:16px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}
html body.client-portal-v278 #addTeamMemberForm.hidden-panel,
html body.client-portal-v278 #addWorkspaceUserForm.hidden-panel{
  display:none!important;
}
html body.client-portal-v278 #availableTeamMembers,
html body.client-portal-v278 #addWorkspaceUserForm input{
  width:100%!important;
  min-height:40px!important;
  border-radius:12px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fff!important;
}
html body.client-portal-v278 .client-subaccount-section-v125,
html body.client-portal-v278 #showAddWorkspaceUserBtn,
html body.client-portal-v278 #addWorkspaceUserForm,
html body.client-portal-v278 #clientSubAccountsList{
  display:block!important;
}
html body.client-portal-v278 #addWorkspaceUserForm.hidden-panel{
  display:none!important;
}
html body.client-portal-v278 .team-member-list,
html body.client-portal-v278 .client-subaccount-list-v125,
html body.client-portal-v278 #clientInfoSections{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
}
html body.client-portal-v278 .team-member-row,
html body.client-portal-v278 .compact-team-member-row,
html body.client-portal-v278 .client-subaccount-row-v125{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:9px 10px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.client-portal-v278 .team-member-identity{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
html body.client-portal-v278 .team-member-identity .access-avatar,
html body.client-portal-v278 .compact-team-member-row .access-avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  margin:0!important;
}
html body.client-portal-v278 .member-copy strong{
  display:block!important;
  max-width:230px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  color:#111827!important;
}
html body.client-portal-v278 .member-copy small{
  display:block!important;
  margin-top:3px!important;
  max-width:230px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#746856!important;
  font-size:11.5px!important;
  font-weight:750!important;
}
html body.client-portal-v278 .teamspace-type-group-v130{
  display:grid!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body.client-portal-v278 .teamspace-type-group-v130 > h4{
  margin:2px 0 2px!important;
  color:#7b5208!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
html body.client-portal-v278 .teamspace-item-card-v130{
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.client-portal-v278 .section-summary-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
}
html body.client-portal-v278 .section-collapse-btn{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
}
html body.client-portal-v278 .content-management-toolbar-v98,
html body.client-portal-v278 .delivery-cycle-toolbar-v119{
  display:flex!important;
  align-items:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
html body.client-portal-v278 [data-delivery-cycle-control],
html body.client-portal-v278 .delivery-cycle-cell-v111{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  min-width:220px!important;
  max-width:280px!important;
  order:2!important;
}
html body.client-portal-v278 #newPostBtn{
  order:1!important;
}
html body.client-portal-v278 .delivery-cycle-menu-v111.open,
html body.client-portal-v278 .assign-cycle-menu-v114.open{
  z-index:5000000!important;
}
@media (max-width:680px){
  html body.client-portal-v278 #teamSpacePanel .side-panel-card,
  html body.client-portal-v278 #teamSpacePanel .v46-team-panel,
  html body.client-portal-v278 #teamSpacePanel .teamspace-v231-panel{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
    padding:18px!important;
  }
  html body.client-portal-v278 .teamspace-v231-title-row,
  html body.client-portal-v278 .section-title-row.compact-title-row{
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v278 #showAddTeamMemberBtn,
  html body.client-portal-v278 #showAddWorkspaceUserBtn,
  html body.client-portal-v278 #addSectionBlockBtn{
    width:100%!important;
  }
}

/* V279 Client v241 Restore Lock */
html body.client-portal-v279 #teamSpacePanel .side-panel-card,
html body.client-portal-v279 #teamSpacePanel .v46-team-panel,
html body.client-portal-v279 #teamSpacePanel .teamspace-v241-panel{
  width:min(392px, calc(100vw - 18px))!important;
  max-width:min(392px, calc(100vw - 18px))!important;
  padding:18px!important;
  border-radius:28px 0 0 28px!important;
  background:#fffefa!important;
  border-left:1px solid rgba(184,138,45,.18)!important;
  box-shadow:-18px 0 55px rgba(17,24,39,.14)!important;
}
html body.client-portal-v279 #teamSpacePanel .side-panel-head,
html body.client-portal-v279 #teamSpacePanel .teamspace-v241-head{
  padding:0 0 14px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
}
html body.client-portal-v279 #teamSpacePanel .side-panel-head h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.05em!important;
  color:#111827!important;
  font-weight:950!important;
}
html body.client-portal-v279 #teamSpacePanel .side-panel-head .muted{
  margin:5px 0 0!important;
  font-size:12.5px!important;
  color:#756a58!important;
  font-weight:800!important;
}
html body.client-portal-v279 .teamspace-header-row-v241{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 118px!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:0!important;
}
html body.client-portal-v279 .teamspace-search-field-v241 input,
html body.client-portal-v279 .teamspace-member-count-v241{
  height:40px!important;
  min-height:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.client-portal-v279 .teamspace-search-field-v241 input{
  width:100%!important;
  padding:0 14px!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:750!important;
}
html body.client-portal-v279 .teamspace-member-count-v241{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 12px!important;
  color:#111827!important;
  background:#fffaf0!important;
  cursor:pointer!important;
}
html body.client-portal-v279 .teamspace-member-count-v241 span{
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
}
html body.client-portal-v279 .teamspace-member-count-v241 small{
  font-size:12px!important;
  font-weight:850!important;
  color:#6f6657!important;
}
html body.client-portal-v279 #assignedMembersSection.assigned-members-section-v241,
html body.client-portal-v279 .sections-team-section-v241{
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.client-portal-v279 #assignedMembersSection.assigned-members-section-v241[hidden],
html body.client-portal-v279 #assignedMembersSection.assigned-members-section-v241.is-collapsed,
html body.client-portal-v279 #assignedMembersBody[hidden],
html body.client-portal-v279 #assignedMembersBody.collapsed{
  display:none!important;
}
html body.client-portal-v279 #assignedMembersSection.assigned-members-section-v241.is-expanded,
html body.client-portal-v279 #assignedMembersBody:not([hidden]):not(.collapsed){
  display:block!important;
}
html body.client-portal-v279 .assigned-members-title-row-v241,
html body.client-portal-v279 .section-title-row-v241{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
  padding:0!important;
}
html body.client-portal-v279 .assigned-members-title-row-v241 h3,
html body.client-portal-v279 .section-title-row-v241 h3{
  margin:0!important;
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  color:#111827!important;
  font-weight:950!important;
}
html body.client-portal-v279 .assigned-members-title-row-v241 p{
  margin:3px 0 0!important;
  color:#766a58!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
html body.client-portal-v279 #showAddTeamMemberBtn,
html body.client-portal-v279 #addSectionBlockBtn{
  height:34px!important;
  min-height:34px!important;
  width:auto!important;
  min-width:96px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.24)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
html body.client-portal-v279 #addTeamMemberForm{
  margin:0 0 10px!important;
  padding:10px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:14px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}
html body.client-portal-v279 #addTeamMemberForm.hidden-panel{display:none!important;}
html body.client-portal-v279 .team-user-search-label-v241,
html body.client-portal-v279 .team-user-search-label-v241 input{
  width:100%!important;
}
html body.client-portal-v279 .team-user-search-label-v241 input{
  min-height:38px!important;
  margin-top:6px!important;
  border-radius:12px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fff!important;
  padding:0 12px!important;
}
html body.client-portal-v279 .team-member-list,
html body.client-portal-v279 #clientInfoSections{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
}
html body.client-portal-v279 .team-member-row,
html body.client-portal-v279 .compact-team-member-row,
html body.client-portal-v279 .assigned-member-row-v237{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:46px!important;
  padding:7px 9px!important;
  border:1px solid rgba(184,138,45,.13)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.client-portal-v279 .team-member-identity{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;}
html body.client-portal-v279 .team-member-identity .access-avatar,
html body.client-portal-v279 .compact-team-member-row .access-avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  margin:0!important;
}
html body.client-portal-v279 .member-copy strong{
  display:block!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12.8px!important;
  line-height:1.15!important;
  color:#111827!important;
}
html body.client-portal-v279 .member-copy small{
  display:block!important;
  margin-top:2px!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#746856!important;
  font-size:11px!important;
  font-weight:750!important;
}
html body.client-portal-v279 .account-type-badge-v237{
  height:24px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body.client-portal-v279 .teamspace-type-group-v130{
  display:grid!important;
  gap:7px!important;
  margin:0 0 9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body.client-portal-v279 .teamspace-type-group-v130 > h4{
  margin:2px 0!important;
  color:#7b5208!important;
  font-size:10.5px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
html body.client-portal-v279 .teamspace-item-card-v130,
html body.client-portal-v279 .teamspace-item-card-v240{
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(184,138,45,.13)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.client-portal-v279 .teamspace-item-meta-row-v240,
html body.client-portal-v279 .teamspace-item-title-row-v240{
  min-height:34px!important;
  padding:7px 9px!important;
}
html body.client-portal-v279 .content-management-toolbar-v98,
html body.client-portal-v279 .delivery-cycle-toolbar-v119{
  display:flex!important;
  align-items:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
html body.client-portal-v279 [data-delivery-cycle-control],
html body.client-portal-v279 .delivery-cycle-cell-v111{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  min-width:220px!important;
  max-width:280px!important;
  order:2!important;
}
html body.client-portal-v279 #newPostBtn{order:1!important;}
html body.client-portal-v279 .delivery-cycle-menu-v111.open,
html body.client-portal-v279 .assign-cycle-menu-v114.open{z-index:5000000!important;}
@media (max-width:680px){
  html body.client-portal-v279 #teamSpacePanel .side-panel-card,
  html body.client-portal-v279 #teamSpacePanel .v46-team-panel,
  html body.client-portal-v279 #teamSpacePanel .teamspace-v241-panel{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
    padding:16px!important;
  }
  html body.client-portal-v279 .teamspace-header-row-v241{grid-template-columns:1fr!important;}
  html body.client-portal-v279 #showAddTeamMemberBtn,
  html body.client-portal-v279 #addSectionBlockBtn{width:100%!important;}
  html body.client-portal-v279 .team-member-row,
  html body.client-portal-v279 .compact-team-member-row,
  html body.client-portal-v279 .assigned-member-row-v237{grid-template-columns:minmax(0,1fr) auto!important;}
}


/* v281: remove Client Attention sample-task panel from Home and rebalance lower command grid */
.lower-command-grid-v281 {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

@media (max-width: 1180px) {
  .lower-command-grid-v281 {
    grid-template-columns: 1fr;
  }
}

/* v282 — TeamSpace + Workspace Information + Grouping refinement */
html body.client-portal-v282 .assigned-members-section-v241 .assigned-members-title-row-v241 p{
  display:none!important;
}
html body.client-portal-v282 .teamspace-member-count-v241{
  cursor:pointer!important;
}
html body.client-portal-v282 .assigned-member-row-v237.auto-member,
html body.client-portal-v282 [data-remove-client-sub-account]{
  display:none!important;
}
html body.client-portal-v282 .teamspace-item-card-v282 .teamspace-status-pill-v240,
html body.client-portal-v282 .teamspace-item-card-v282 .chevron-icon-v240{
  display:none!important;
}
html body.client-portal-v282 .teamspace-item-card-v282 .teamspace-item-title-row-v282{
  grid-template-columns:minmax(0,1fr)!important;
  padding:0 10px 11px!important;
}
html body.client-portal-v282 .teamspace-item-card-v282 .teamspace-item-title-row-v282:hover .section-summary-title{
  color:#8a5a00!important;
}
html body.client-portal-v282 .teamspace-action-popover-v282{
  min-width:auto!important;
  width:88px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
html body.client-portal-v282 .teamspace-action-option-v240.icon-only-v282{
  min-height:34px!important;
  width:34px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  padding:0!important;
  border-radius:10px!important;
}
html body.client-portal-v282 .teamspace-action-option-v240.icon-only-v282 svg{
  width:17px!important;
  height:17px!important;
}
html body.client-portal-v282 .delivery-cycle-cell-v111.posting-group-toolbar-control-v277 label{
  content:"Grouping";
}
html body.client-portal-v282 .delivery-cycle-toggle-v111{
  min-width:176px!important;
}
html body.client-portal-v282 .delivery-cycle-menu-v111{
  width:288px!important;
}
html body.client-portal-v282 .delivery-group-row-v282{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px!important;
  border-radius:12px!important;
  position:relative!important;
}
html body.client-portal-v282 .delivery-group-row-v282.active{
  background:rgba(143,98,15,.075)!important;
}
html body.client-portal-v282 .delivery-group-row-v282 .delivery-cycle-main-select-v111{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
html body.client-portal-v282 .delivery-group-row-v282 .delivery-cycle-main-select-v111 small{
  white-space:nowrap!important;
  color:#8a5a00!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
html body.client-portal-v282 .delivery-group-actions-menu-v282{
  position:relative!important;
}
html body.client-portal-v282 .delivery-group-actions-menu-v282 summary{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,138,45,.2)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#7a4f00!important;
  cursor:pointer!important;
  list-style:none!important;
}
html body.client-portal-v282 .delivery-group-actions-menu-v282 summary::-webkit-details-marker{
  display:none!important;
}
html body.client-portal-v282 .delivery-group-actions-menu-v282 summary svg{
  width:16px!important;
  height:16px!important;
  fill:currentColor!important;
}
html body.client-portal-v282 .delivery-group-action-popover-v282{
  position:absolute!important;
  top:34px!important;
  right:0!important;
  min-width:126px!important;
  padding:6px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(75,52,14,.16)!important;
  z-index:300!important;
}
html body.client-portal-v282 .delivery-group-action-option-v282{
  width:100%!important;
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:18px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#1f2937!important;
  font-size:12px!important;
  font-weight:850!important;
  text-align:left!important;
  cursor:pointer!important;
}
html body.client-portal-v282 .delivery-group-action-option-v282:hover{
  background:#fff7e8!important;
}
html body.client-portal-v282 .delivery-group-action-option-v282.danger{
  color:#b42318!important;
}
html body.client-portal-v282 .delivery-group-action-option-v282 svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body.client-portal-v282.delivery-selection-mode-v115 .workspace-content-table tr.is-selected-v111 td,
html body.client-portal-v282 .workspace-content-table tr.is-selected-v111 td{
  background:rgba(180,126,12,.14)!important;
  box-shadow:inset 4px 0 0 rgba(180,126,12,.75)!important;
}
html body.client-portal-v282 .mobile-content-card-v191.is-selected-v111{
  background:rgba(180,126,12,.12)!important;
  border-color:rgba(180,126,12,.36)!important;
}

/* v283 — Workspace Information grid refinement */
html body.client-portal-v283 #clientInfoSections.compact-section-list,
html body.client-portal-v283 .client-info-section-list.compact-section-list{
  display:block!important;
}
html body.client-portal-v283 .teamspace-information-grid-v283{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
html body.client-portal-v283 .teamspace-type-group-v130{
  display:contents!important;
}
html body.client-portal-v283 .teamspace-type-group-v130 h4,
html body.client-portal-v283 .teamspace-empty-state-v130,
html body.client-portal-v283 .teamspace-type-pill-v240,
html body.client-portal-v283 .teamspace-status-pill-v240,
html body.client-portal-v283 .teamspace-item-meta-row-v240,
html body.client-portal-v283 .teamspace-item-title-row-v240,
html body.client-portal-v283 .teamspace-item-title-row-v282,
html body.client-portal-v283 .teamspace-info-fields-v283 label:first-child:has(select[name="section_type"]){
  display:none!important;
}
html body.client-portal-v283 .teamspace-info-grid-card-v283{
  --info-accent-v283:#b88a2d;
  --info-soft-v283:#fff8e8;
  --info-border-v283:rgba(184,138,45,.28);
  position:relative!important;
  margin:0!important;
  border:1px solid var(--info-border-v283)!important;
  border-left:5px solid var(--info-accent-v283)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,var(--info-soft-v283),#fffdf8 78%)!important;
  box-shadow:0 10px 24px rgba(75,52,14,.045)!important;
  overflow:visible!important;
}
html body.client-portal-v283 .teamspace-info-grid-card-v283[data-teamspace-type="note"]{
  --info-accent-v283:#b88a2d;
  --info-soft-v283:#fff8e8;
  --info-border-v283:rgba(184,138,45,.30);
}
html body.client-portal-v283 .teamspace-info-grid-card-v283[data-teamspace-type="file"]{
  --info-accent-v283:#2563eb;
  --info-soft-v283:#eff6ff;
  --info-border-v283:rgba(37,99,235,.24);
}
html body.client-portal-v283 .teamspace-info-grid-card-v283[data-teamspace-type="link"]{
  --info-accent-v283:#7c3aed;
  --info-soft-v283:#f5f3ff;
  --info-border-v283:rgba(124,58,237,.24);
}
html body.client-portal-v283 .teamspace-info-grid-card-v283[data-teamspace-type="task"]{
  --info-accent-v283:#16a34a;
  --info-soft-v283:#f0fdf4;
  --info-border-v283:rgba(22,163,74,.24);
}
html body.client-portal-v283 .teamspace-info-grid-card-v283[data-teamspace-type="announcement"]{
  --info-accent-v283:#ea580c;
  --info-soft-v283:#fff7ed;
  --info-border-v283:rgba(234,88,12,.24);
}
html body.client-portal-v283 .teamspace-info-grid-card-v283[data-teamspace-type="knowledge_base"]{
  --info-accent-v283:#0f766e;
  --info-soft-v283:#f0fdfa;
  --info-border-v283:rgba(15,118,110,.24);
}
html body.client-portal-v283 .teamspace-info-grid-head-v283{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 10px!important;
}
html body.client-portal-v283 .teamspace-info-title-btn-v283{
  min-width:0!important;
  width:100%!important;
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer!important;
}
html body.client-portal-v283 .teamspace-info-color-dot-v283{
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:var(--info-accent-v283)!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--info-accent-v283) 15%, transparent)!important;
}
html body.client-portal-v283 .teamspace-info-title-btn-v283 .section-summary-title{
  min-width:0!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v283 .teamspace-info-grid-card-v283.is-expanded .teamspace-info-title-btn-v283 .section-summary-title,
html body.client-portal-v283 .teamspace-info-title-btn-v283:hover .section-summary-title{
  color:#6f4700!important;
}
html body.client-portal-v283 .teamspace-actions-menu-v283{
  width:31px!important;
  height:31px!important;
  justify-self:end!important;
  position:relative!important;
}
html body.client-portal-v283 .teamspace-actions-menu-v283 summary{
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid var(--info-border-v283)!important;
  background:rgba(255,255,255,.78)!important;
  color:var(--info-accent-v283)!important;
  cursor:pointer!important;
  list-style:none!important;
}
html body.client-portal-v283 .teamspace-actions-menu-v283 summary::-webkit-details-marker{
  display:none!important;
}
html body.client-portal-v283 .teamspace-actions-menu-v283 summary svg{
  width:16px!important;
  height:16px!important;
  fill:currentColor!important;
}
html body.client-portal-v283 .teamspace-action-popover-v283{
  top:35px!important;
  right:0!important;
  min-width:auto!important;
  width:88px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:6px!important;
  border:1px solid var(--info-border-v283)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(75,52,14,.16)!important;
  z-index:500!important;
}
html body.client-portal-v283 .teamspace-info-expanded-v283{
  padding:10px!important;
  border-top:1px solid var(--info-border-v283)!important;
  background:rgba(255,255,255,.74)!important;
  border-radius:0 0 14px 14px!important;
}
html body.client-portal-v283 .teamspace-info-fields-v283{
  display:grid!important;
  gap:8px!important;
}
html body.client-portal-v283 .teamspace-info-fields-v283 label{
  gap:5px!important;
  color:#6b5a3f!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
html body.client-portal-v283 .teamspace-info-fields-v283 input,
html body.client-portal-v283 .teamspace-info-fields-v283 textarea{
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:12.5px!important;
}
html body.client-portal-v283 .teamspace-info-fields-v283 input:disabled,
html body.client-portal-v283 .teamspace-info-fields-v283 textarea:disabled{
  opacity:1!important;
  background:#fffdf8!important;
  color:#1f2937!important;
  cursor:default!important;
}
html body.client-portal-v283 .teamspace-info-save-row-v283{
  margin-top:9px!important;
  justify-content:flex-end!important;
}
@media (max-width:680px){
  html body.client-portal-v283 .teamspace-information-grid-v283{
    grid-template-columns:1fr!important;
  }
}

/* v284 TeamSpace Member Access Control */
html body.client-portal-v284 .assigned-member-row-v237.removable-member-v284{
  grid-template-columns:minmax(0,1fr) auto!important;
}
html body.client-portal-v284 .assigned-member-row-v237.removable-member-v284 .compact-member-actions,
html body.client-portal-v284 .assigned-member-row-v237.removable-member-v284 .team-member-actions{
  display:none!important;
}
html body.client-portal-v284 .assigned-member-row-v237.locked-member-v284{
  background:#fffaf0!important;
  border-color:rgba(184,138,45,.16)!important;
}
html body.client-portal-v284 .assigned-member-row-v237 .member-name-line-v284{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
}
html body.client-portal-v284 .assigned-member-row-v237 .member-name-line-v284 strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.client-portal-v284 .assigned-member-row-v237 .inline-member-delete-v284{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid rgba(239,68,68,.22)!important;
  background:#fff7f7!important;
  color:#b91c1c!important;
  display:inline-grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
html body.client-portal-v284 .assigned-member-row-v237 .inline-member-delete-v284 .trash-svg{
  width:13px!important;
  height:13px!important;
}
html body.client-portal-v284 .assigned-member-row-v237.locked-member-v284 .inline-member-delete-v284{
  display:none!important;
}
@media (max-width:680px){
  html body.client-portal-v284 .assigned-member-row-v237.removable-member-v284,
  html body.client-portal-v284 .assigned-member-row-v237.locked-member-v284{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.client-portal-v284 .assigned-member-row-v237 .account-type-badge-v237{
    justify-self:start!important;
  }
}

/* v285 · Account creation flow + Workforce Control Center */
.account-creation-flow-v285,
.account-flow-summary-v285,
.workforce-hero-v285,
.workforce-metrics-v285 article,
.workforce-integration-strip-v285 a,
.workforce-panel-v285,
.invite-registration-card-v285 {
  border: 1px solid rgba(128, 84, 17, 0.16);
  background: rgba(255, 252, 246, 0.88);
  box-shadow: 0 18px 60px rgba(45, 32, 13, 0.08);
}

.account-creation-flow-v285 {
  border-radius: 24px;
  padding: 18px;
  display: grid;
  gap: 14px;
}
.account-flow-head-v285,
.workforce-hero-v285 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.account-flow-head-v285 h3,
.workforce-hero-v285 h1 { margin: 0; }
.account-flow-status-v285 {
  border: 1px solid rgba(182, 134, 42, 0.25);
  background: #fff6df;
  color: #6f4b08;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  white-space: nowrap;
}
.account-flow-options-v285 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.account-flow-card-v285 {
  text-align: left;
  border: 1px solid rgba(182, 134, 42, 0.24);
  background: #fffdf8;
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 7px;
  cursor: pointer;
}
.account-flow-card-v285 strong { color: #17120b; font-size: 15px; }
.account-flow-card-v285 span { color: #746650; font-size: 13px; line-height: 1.45; }
.account-flow-card-v285.active {
  border-color: rgba(183, 126, 12, 0.6);
  background: linear-gradient(135deg, #fff5dc, #ffffff);
  box-shadow: inset 0 0 0 2px rgba(183, 126, 12, 0.10);
}
.invite-result-box-v285 {
  border: 1px dashed rgba(183, 126, 12, 0.42);
  border-radius: 18px;
  padding: 14px;
  background: #fffbef;
  display: grid;
  gap: 8px;
}
.invite-result-box-v285 strong { color: #17120b; }
.invite-result-box-v285 span { color: #6f604b; }
.invite-link-row-v285 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}
.invite-link-row-v285 input {
  width: 100%;
  border: 1px solid rgba(182, 134, 42, 0.26);
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
}

.invite-registration-page-v285 {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at top, #fff5dd, #f7efe2 45%, #efe4d4);
  padding: 24px;
}
.invite-registration-shell-v285 { width: min(720px, 100%); }
.invite-registration-card-v285 {
  border-radius: 32px;
  padding: 34px;
}
.invite-brand-v285 {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-weight: 1000;
  color: #17120b;
  background: linear-gradient(135deg, #f6ca53, #fff7d7);
  box-shadow: 0 16px 36px rgba(136, 93, 11, 0.18);
  margin-bottom: 18px;
}
.invite-registration-card-v285 h1 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.04em; }
.invite-registration-form-v285 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.invite-registration-form-v285 label { display: grid; gap: 7px; font-weight: 800; color: #2b2418; }
.invite-registration-form-v285 input {
  border: 1px solid rgba(182, 134, 42, 0.24);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fffdf8;
}
.invite-registration-form-v285 button,
.invite-login-link-v285 { grid-column: 1 / -1; }
.invite-login-link-v285 { display: inline-block; margin-top: 18px; color: #6f4b08; font-weight: 900; }

.workforce-main-v285 { display: grid; gap: 22px; }
.workforce-hero-v285 {
  border-radius: 32px;
  padding: 28px;
}
.workforce-hero-v285 h1 { font-size: clamp(34px, 5vw, 58px); letter-spacing: -0.055em; }
.account-flow-summary-v285 {
  border-radius: 26px;
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.account-flow-summary-v285 article {
  border: 1px solid rgba(182, 134, 42, 0.18);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255,255,255,0.72);
  display: grid;
  gap: 6px;
}
.account-flow-summary-v285 span { color: #766a58; line-height: 1.45; }
.workforce-metrics-v285 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.workforce-metrics-v285 article {
  border-radius: 22px;
  padding: 18px;
  display: grid;
  gap: 6px;
}
.workforce-metrics-v285 span { color: #7a6c56; font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; }
.workforce-metrics-v285 strong { font-size: 36px; letter-spacing: -0.06em; color: #17120b; }
.workforce-metrics-v285 small { color: #766a58; }
.workforce-integration-strip-v285 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.workforce-integration-strip-v285 a {
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 6px;
  color: inherit;
  text-decoration: none;
  min-height: 92px;
}
.workforce-integration-strip-v285 a:hover { transform: translateY(-1px); border-color: rgba(183, 126, 12, 0.38); }
.workforce-integration-strip-v285 span { color: #766a58; font-size: 13px; line-height: 1.35; }
.workforce-grid-v285 {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  gap: 18px;
}
.workforce-panel-v285 {
  border-radius: 28px;
  padding: 22px;
  min-height: 220px;
}
.workforce-wide-v285 { grid-row: span 2; }
.workforce-member-list-v285,
.workforce-suggestion-list-v285,
.workforce-approval-list-v285 {
  display: grid;
  gap: 12px;
}
.workforce-member-card-v285 {
  border: 1px solid rgba(182, 134, 42, 0.18);
  border-radius: 22px;
  background: rgba(255,255,255,0.72);
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 0.8fr) auto;
  gap: 14px;
  align-items: center;
}
.workforce-member-card-v285.category-ceo { border-left: 5px solid #d39b13; }
.workforce-member-card-v285.category-admin { border-left: 5px solid #3b82f6; }
.workforce-member-card-v285.category-team_member { border-left: 5px solid #16a34a; }
.workforce-member-main-v285 { display: flex; gap: 12px; align-items: center; min-width: 0; }
.workforce-avatar-v285 {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f9e6af;
  color: #4c3204;
  font-weight: 1000;
  flex: 0 0 auto;
}
.workforce-member-main-v285 div { min-width: 0; }
.workforce-member-main-v285 strong,
.workforce-member-main-v285 small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workforce-member-main-v285 small { color: #766a58; margin-top: 3px; }
.workforce-member-stats-v285 { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.workforce-member-stats-v285 span,
.workforce-member-stats-v285 em {
  border-radius: 999px;
  padding: 7px 10px;
  background: #fff6df;
  color: #6f4b08;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.workforce-member-actions-v285 { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.workforce-member-actions-v285 a,
.workforce-suggestion-v285,
.workforce-approval-list-v285 div {
  border: 1px solid rgba(182, 134, 42, 0.18);
  background: rgba(255,255,255,0.78);
  border-radius: 16px;
}
.workforce-member-actions-v285 a {
  padding: 8px 10px;
  color: #6f4b08;
  font-weight: 900;
  text-decoration: none;
  font-size: 12px;
}
.workforce-suggestion-v285,
.workforce-approval-list-v285 div {
  padding: 14px;
  display: grid;
  gap: 5px;
}
.workforce-suggestion-v285 span,
.workforce-approval-list-v285 span,
.workforce-suggestion-v285 small { color: #766a58; line-height: 1.42; }

@media (max-width: 1100px) {
  .workforce-metrics-v285 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workforce-integration-strip-v285 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workforce-grid-v285 { grid-template-columns: 1fr; }
  .workforce-member-card-v285 { grid-template-columns: 1fr; align-items: stretch; }
  .workforce-member-actions-v285 { justify-content: flex-start; }
}
@media (max-width: 720px) {
  .account-flow-options-v285,
  .account-flow-summary-v285,
  .invite-registration-form-v285 { grid-template-columns: 1fr; }
  .invite-link-row-v285 { grid-template-columns: 1fr; }
  .workforce-metrics-v285,
  .workforce-integration-strip-v285 { grid-template-columns: 1fr; }
  .workforce-hero-v285,
  .account-flow-head-v285 { flex-direction: column; }
}

/* v286 · TeamSpace visual repair: clean member rows + read-first information cards */
html body.client-portal-v286 .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0 0 22px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.client-portal-v286 .assigned-member-row-v237,
html body.client-portal-v286 .assigned-member-row-v237.removable-member-v284,
html body.client-portal-v286 .assigned-member-row-v237.locked-member-v284,
html body.client-portal-v286 .assigned-member-row-v237.auto-member{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  padding:9px 10px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  box-shadow:0 8px 20px rgba(75,52,14,.035)!important;
  overflow:visible!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .team-member-identity{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .access-avatar,
html body.client-portal-v286 .assigned-member-row-v237 .team-member-avatar,
html body.client-portal-v286 .assigned-member-row-v237 .team-member-identity>img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .member-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .member-name-line-v284{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .member-name-line-v284 strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1.12!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .member-copy small{
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .inline-member-delete-v284{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  border-radius:8px!important;
  flex:0 0 auto!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .inline-member-delete-v284 .trash-svg{
  width:12px!important;
  height:12px!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .team-member-actions,
html body.client-portal-v286 .assigned-member-row-v237 .compact-member-actions{
  display:none!important;
}
html body.client-portal-v286 .assigned-member-row-v237 .account-type-badge-v237{
  justify-self:end!important;
  max-width:112px!important;
  white-space:nowrap!important;
}
html body.client-portal-v286 .assigned-member-row-v237.locked-member-v284 .account-type-badge-v237::after{
  content:' locked';
  font-size:9px!important;
  opacity:.62!important;
}

html body.client-portal-v286 .teamspace-information-grid-v283{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  align-items:start!important;
}
html body.client-portal-v286 .teamspace-info-card-v286,
html body.client-portal-v286 .teamspace-info-grid-card-v283{
  width:100%!important;
  min-width:0!important;
  border-radius:14px!important;
  overflow:visible!important;
}
html body.client-portal-v286 .teamspace-info-head-v286{
  min-height:46px!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  padding:8px 9px!important;
}
html body.client-portal-v286 .teamspace-info-title-btn-v286 .section-summary-title{
  font-size:13.4px!important;
  line-height:1.12!important;
}
html body.client-portal-v286 .teamspace-info-expanded-v286{
  padding:9px 11px 11px!important;
  background:rgba(255,255,255,.78)!important;
}
html body.client-portal-v286 .teamspace-info-view-v286{
  display:grid!important;
  gap:7px!important;
}
html body.client-portal-v286 .teamspace-info-view-v286[hidden],
html body.client-portal-v286 .teamspace-info-edit-fields-v286[hidden],
html body.client-portal-v286 .teamspace-info-save-row-v286[hidden]{
  display:none!important;
}
html body.client-portal-v286 .teamspace-info-description-v286{
  margin:0!important;
  color:#4f4638!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  font-weight:650!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body.client-portal-v286 .teamspace-info-link-v286{
  width:max-content!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:11.6px!important;
  font-weight:900!important;
  text-decoration:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v286 .teamspace-info-edit-fields-v286{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
html body.client-portal-v286 .teamspace-info-edit-fields-v286 input,
html body.client-portal-v286 .teamspace-info-edit-fields-v286 textarea{
  width:100%!important;
  max-width:100%!important;
  font-size:12px!important;
}
html body.client-portal-v286 .teamspace-info-save-row-v286{
  margin-top:9px!important;
}
@media (max-width:680px){
  html body.client-portal-v286 .assigned-member-row-v237,
  html body.client-portal-v286 .assigned-member-row-v237.removable-member-v284,
  html body.client-portal-v286 .assigned-member-row-v237.locked-member-v284,
  html body.client-portal-v286 .assigned-member-row-v237.auto-member{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.client-portal-v286 .assigned-member-row-v237 .account-type-badge-v237{
    justify-self:start!important;
  }
}

/* v288 · TeamSpace scoped member list + professional compact layout */
html body.client-portal-v288 #teamSpacePanel{
  width:min(460px, 100vw)!important;
}
html body.client-portal-v288 #teamSpacePanel .panel-section-title,
html body.client-portal-v288 #teamSpacePanel h3{
  letter-spacing:-.03em!important;
}
html body.client-portal-v288 .assigned-member-list-v237{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.client-portal-v288 .teamspace-member-row-v288,
html body.client-portal-v288 .assigned-member-row-v237.teamspace-member-row-v288,
html body.client-portal-v288 .assigned-member-row-v237.teamspace-member-row-v288.locked-member-v284,
html body.client-portal-v288 .assigned-member-row-v237.teamspace-member-row-v288.removable-member-v284{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:8px 9px!important;
  border:1px solid rgba(144,96,20,.13)!important;
  border-radius:14px!important;
  background:rgba(255,253,248,.96)!important;
  box-shadow:0 8px 22px rgba(74,51,18,.035)!important;
  overflow:hidden!important;
}
html body.client-portal-v288 .teamspace-member-row-v288:hover{
  border-color:rgba(184,138,45,.26)!important;
  box-shadow:0 12px 26px rgba(74,51,18,.055)!important;
}
html body.client-portal-v288 .teamspace-member-identity-v288{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
html body.client-portal-v288 .teamspace-member-row-v288 .access-avatar,
html body.client-portal-v288 .teamspace-member-row-v288 .team-member-avatar,
html body.client-portal-v288 .teamspace-member-row-v288 .team-member-identity > img{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
html body.client-portal-v288 .teamspace-member-copy-v288{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
html body.client-portal-v288 .member-name-line-v288{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
}
html body.client-portal-v288 .member-name-line-v288 strong{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#17120b!important;
}
html body.client-portal-v288 .teamspace-member-copy-v288 small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.8px!important;
  line-height:1.1!important;
  color:#7a6b56!important;
  font-weight:750!important;
}
html body.client-portal-v288 .teamspace-member-meta-v288{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
}
html body.client-portal-v288 .teamspace-member-meta-v288 .account-type-badge-v237{
  max-width:92px!important;
  min-height:24px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v288 .workspace-lock-dot-v288{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fff7df!important;
  color:#7a5209!important;
  font-size:10px!important;
  line-height:1!important;
}
html body.client-portal-v288 .assigned-member-row-v237.locked-member-v284 .account-type-badge-v237::after,
html body.client-portal-v288 .assigned-member-row-v237.locked-member-v288 .account-type-badge-v237::after{
  content:''!important;
  display:none!important;
}
html body.client-portal-v288 .inline-member-delete-v284{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:8px!important;
  border:1px solid rgba(220,38,38,.18)!important;
  background:#fff7f7!important;
  color:#b91c1c!important;
  display:inline-grid!important;
  place-items:center!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.client-portal-v288 .inline-member-delete-v284:hover{
  border-color:rgba(220,38,38,.34)!important;
  background:#fff1f1!important;
}
html body.client-portal-v288 .inline-member-delete-v284 .trash-svg{
  width:11.5px!important;
  height:11.5px!important;
}
html body.client-portal-v288 .teamspace-member-row-v288 .team-member-actions,
html body.client-portal-v288 .teamspace-member-row-v288 .compact-member-actions{
  display:none!important;
}
html body.client-portal-v288 #assignedMembersCount,
html body.client-portal-v288 #teamSpaceHeaderMemberCount{
  font-weight:950!important;
}
@media (max-width:680px){
  html body.client-portal-v288 #teamSpacePanel{ width:100vw!important; }
  html body.client-portal-v288 .teamspace-member-row-v288,
  html body.client-portal-v288 .assigned-member-row-v237.teamspace-member-row-v288{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.client-portal-v288 .teamspace-member-meta-v288{
    justify-content:flex-start!important;
    padding-left:41px!important;
  }
}

/* V289 - TeamSpace right drawer reset + professional compact member layout
   Purpose: undo the v288 visual regression where the drawer could render from the left
   and member rows became bulky. This locks TeamSpace to a right-side executive drawer. */
html body.client-portal-v289.team-space-open,
html body.client-portal-v289.modal-open {
  overflow: hidden !important;
}
html body.client-portal-v289 #teamSpacePanel.side-panel-shell,
html body.client-portal-v289 #teamSpacePanel.side-panel-shell.open {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999999 !important;
  pointer-events: none !important;
  background: transparent !important;
  overflow: hidden !important;
}
html body.client-portal-v289 #teamSpacePanel.side-panel-shell.open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body.client-portal-v289 #teamSpacePanel > .side-panel-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgba(22, 20, 17, .52) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}
html body.client-portal-v289 #teamSpacePanel > .side-panel-card,
html body.client-portal-v289 #teamSpacePanel > .side-panel-card.v46-team-panel,
html body.client-portal-v289 #teamSpacePanel > .side-panel-card.v47-team-panel,
html body.client-portal-v289 #teamSpacePanel > .side-panel-card.v48-team-panel,
html body.client-portal-v289 #teamSpacePanel > .side-panel-card.v49-team-panel,
html body.client-portal-v289 #teamSpacePanel > .side-panel-card.teamspace-v241-panel {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
  width: min(430px, calc(100vw - 16px)) !important;
  max-width: min(430px, calc(100vw - 16px)) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  margin: 0 !important;
  padding: 20px 20px 24px !important;
  border: 0 !important;
  border-left: 1px solid rgba(184, 138, 45, .22) !important;
  border-radius: 28px 0 0 28px !important;
  background: linear-gradient(180deg, #fffefb 0%, #fffaf1 100%) !important;
  box-shadow: -28px 0 72px rgba(17, 13, 7, .24) !important;
  color: #111827 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
html body.client-portal-v289 #teamSpacePanel .side-panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  align-items: start !important;
  gap: 14px !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(184, 138, 45, .13) !important;
}
html body.client-portal-v289 #teamSpacePanel .side-panel-head h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
}
html body.client-portal-v289 #teamSpaceClientName,
html body.client-portal-v289 #teamSpacePanel .side-panel-head .muted {
  margin: 5px 0 0 !important;
  max-width: 100% !important;
  color: #766a58 !important;
  font-size: 12.2px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.client-portal-v289 #teamSpacePanel .side-panel-head .icon-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 138, 45, .15) !important;
  background: #fffaf0 !important;
  color: #111827 !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .teamspace-header-row-v237,
html body.client-portal-v289 .teamspace-header-row-v241 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 128px !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
}
html body.client-portal-v289 .teamspace-search-field-v237 input,
html body.client-portal-v289 .teamspace-search-field-v241 input,
html body.client-portal-v289 .teamspace-member-count-v237,
html body.client-portal-v289 .teamspace-member-count-v241 {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 138, 45, .20) !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .teamspace-search-field-v237 input,
html body.client-portal-v289 .teamspace-search-field-v241 input {
  padding: 0 14px !important;
  background: #fff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
html body.client-portal-v289 .teamspace-member-count-v237,
html body.client-portal-v289 .teamspace-member-count-v241 {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  background: #fffaf0 !important;
  color: #111827 !important;
}
html body.client-portal-v289 .assigned-members-section-v237,
html body.client-portal-v289 .assigned-members-section-v241 {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .assigned-members-title-row-v237,
html body.client-portal-v289 .assigned-members-title-row-v241,
html body.client-portal-v289 .sections-team-section .section-title-row,
html body.client-portal-v289 .sections-team-section .compact-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html body.client-portal-v289 .assigned-members-title-row-v237 h3,
html body.client-portal-v289 .assigned-members-title-row-v241 h3,
html body.client-portal-v289 .sections-team-section .section-title-row h3,
html body.client-portal-v289 .sections-team-section .compact-title-row h3 {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em !important;
  color: #111827 !important;
  font-weight: 950 !important;
}
html body.client-portal-v289 .assigned-members-title-row-v237 p,
html body.client-portal-v289 .assigned-members-title-row-v241 p {
  display: none !important;
}
html body.client-portal-v289 #showAddTeamMemberBtn,
html body.client-portal-v289 #addSectionBlockBtn {
  width: auto !important;
  min-width: 112px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 138, 45, .26) !important;
  background: #fff !important;
  color: #7b5208 !important;
  font-size: 12.6px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .assigned-member-list-v237,
html body.client-portal-v289 .assigned-member-list-v241 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body.client-portal-v289 .teamspace-member-row-v288,
html body.client-portal-v289 .teamspace-member-row-v289,
html body.client-portal-v289 .assigned-member-row-v237.teamspace-member-row-v288,
html body.client-portal-v289 .assigned-member-row-v237.teamspace-member-row-v289 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(184, 138, 45, .15) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(75, 52, 14, .025) !important;
  overflow: hidden !important;
}
html body.client-portal-v289 .teamspace-member-row-v288:hover,
html body.client-portal-v289 .teamspace-member-row-v289:hover {
  border-color: rgba(184, 138, 45, .27) !important;
  box-shadow: 0 12px 24px rgba(75, 52, 14, .045) !important;
}
html body.client-portal-v289 .teamspace-member-identity-v288,
html body.client-portal-v289 .teamspace-member-identity-v289,
html body.client-portal-v289 .assigned-member-row-v237 .team-member-identity {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
}
html body.client-portal-v289 .teamspace-member-row-v288 .access-avatar,
html body.client-portal-v289 .teamspace-member-row-v289 .access-avatar,
html body.client-portal-v289 .teamspace-member-row-v288 .team-member-avatar,
html body.client-portal-v289 .teamspace-member-row-v289 .team-member-avatar,
html body.client-portal-v289 .teamspace-member-row-v288 .team-member-identity > img,
html body.client-portal-v289 .teamspace-member-row-v289 .team-member-identity > img {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .teamspace-member-copy-v288,
html body.client-portal-v289 .teamspace-member-copy-v289,
html body.client-portal-v289 .assigned-member-row-v237 .member-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  width: 100% !important;
}
html body.client-portal-v289 .member-name-line-v288,
html body.client-portal-v289 .member-name-line-v289 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  width: 100% !important;
}
html body.client-portal-v289 .member-name-line-v288 strong,
html body.client-portal-v289 .member-name-line-v289 strong,
html body.client-portal-v289 .assigned-member-row-v237 .member-copy strong {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.client-portal-v289 .teamspace-member-copy-v288 small,
html body.client-portal-v289 .teamspace-member-copy-v289 small,
html body.client-portal-v289 .assigned-member-row-v237 .member-copy small {
  display: block !important;
  max-width: 100% !important;
  color: #756b5c !important;
  font-size: 11.2px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.client-portal-v289 .inline-member-delete-v284 {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin-left: 2px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(220, 38, 38, .18) !important;
  background: #fff7f7 !important;
  color: #b91c1c !important;
  display: inline-grid !important;
  place-items: center !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .inline-member-delete-v284 .trash-svg {
  width: 12px !important;
  height: 12px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
}
html body.client-portal-v289 .teamspace-member-meta-v288,
html body.client-portal-v289 .teamspace-member-meta-v289 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: 0 !important;
}
html body.client-portal-v289 .teamspace-member-meta-v288 .account-type-badge-v237,
html body.client-portal-v289 .teamspace-member-meta-v289 .account-type-badge-v237,
html body.client-portal-v289 .account-type-badge-v237 {
  max-width: 86px !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: 10.6px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}
html body.client-portal-v289 .workspace-lock-dot-v288,
html body.client-portal-v289 .workspace-lock-dot-v289 {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 138, 45, .18) !important;
  background: #fff7df !important;
  color: #7a5209 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
html body.client-portal-v289 .workspace-lock-dot-v288 svg,
html body.client-portal-v289 .workspace-lock-dot-v289 svg {
  width: 12px !important;
  height: 12px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
html body.client-portal-v289 .teamspace-member-row-v288 .team-member-actions,
html body.client-portal-v289 .teamspace-member-row-v289 .team-member-actions,
html body.client-portal-v289 .teamspace-member-row-v288 .compact-member-actions,
html body.client-portal-v289 .teamspace-member-row-v289 .compact-member-actions {
  display: none !important;
}
html body.client-portal-v289 .teamspace-information-grid-v283 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}
html body.client-portal-v289 .teamspace-info-card-v286,
html body.client-portal-v289 .teamspace-info-grid-card-v283 {
  width: 100% !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(75, 52, 14, .025) !important;
}
html body.client-portal-v289 .teamspace-info-head-v286,
html body.client-portal-v289 .teamspace-info-grid-head-v283 {
  min-height: 50px !important;
  padding: 0 10px !important;
}
html body.client-portal-v289 .teamspace-info-title-btn-v286 .section-summary-title,
html body.client-portal-v289 .teamspace-info-title-btn-v283 .section-summary-title {
  font-size: 13px !important;
  max-width: 260px !important;
}
@media (max-width: 680px) {
  html body.client-portal-v289 #teamSpacePanel > .side-panel-card,
  html body.client-portal-v289 #teamSpacePanel > .side-panel-card.teamspace-v241-panel {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    padding: 18px !important;
  }
  html body.client-portal-v289 .teamspace-header-row-v237,
  html body.client-portal-v289 .teamspace-header-row-v241 {
    grid-template-columns: 1fr !important;
  }
}

/* V296 Quiming Clips / Loom-style recorder */
.clips-page-v296 {
  background: #fffaf0;
}
.clips-main-v296 {
  max-width: 1320px;
}
.clips-hero-v296,
.clips-panel-v296 {
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(209, 172, 96, .32);
  box-shadow: 0 24px 70px rgba(46, 32, 8, .08);
  border-radius: 28px;
}
.clips-hero-v296 {
  padding: 26px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #fff7df, #ffffff 62%, #fff4d8);
}
.clips-hero-v296 h1 {
  margin: 4px 0 8px;
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: -.06em;
  color: #16120b;
}
.clips-hero-v296 .muted {
  max-width: 720px;
  color: #6b5b44;
  font-weight: 700;
}
.clips-hero-actions-v296,
.clip-action-row-v296,
.clip-toggle-row-v296,
.clip-card-actions-v296,
.clip-meta-row-v296 {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.clips-grid-v296 {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(320px, .8fr);
  gap: 18px;
  align-items: start;
}
.clips-panel-v296 {
  padding: 20px;
}
.clips-panel-head-v296,
.clip-card-title-v296 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}
.clips-panel-head-v296 h2 {
  margin: 2px 0 0;
  color: #16120b;
  letter-spacing: -.04em;
}
.clip-status-pill-v296,
.clip-count-v296 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid rgba(209, 172, 96, .38);
  background: #fff8e8;
  color: #7a5a12;
}
.clip-status-pill-v296.recording {
  color: #9f1239;
  background: #fff1f2;
  border-color: rgba(225, 29, 72, .25);
}
.clip-status-pill-v296.working {
  color: #075985;
  background: #eef8ff;
  border-color: rgba(14, 165, 233, .25);
}
.clip-status-pill-v296.success {
  color: #166534;
  background: #f0fdf4;
  border-color: rgba(34, 197, 94, .25);
}
.clip-form-grid-v296 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.clip-form-grid-v296 label,
.clip-check-v296 {
  display: grid;
  gap: 7px;
  font-weight: 900;
  color: #2d2417;
  font-size: 13px;
}
.clip-form-grid-v296 input,
.clip-form-grid-v296 select {
  width: 100%;
  border: 1px solid rgba(209, 172, 96, .45);
  background: #fffdf8;
  border-radius: 15px;
  padding: 12px 13px;
  color: #18130c;
  font: 800 14px/1.2 Inter, system-ui, sans-serif;
  outline: none;
}
.clip-form-grid-v296 input:focus,
.clip-form-grid-v296 select:focus {
  border-color: rgba(190, 137, 31, .75);
  box-shadow: 0 0 0 4px rgba(251, 191, 36, .14);
}
.clip-toggle-row-v296 {
  margin: 14px 0;
}
.clip-check-v296 {
  display: inline-flex;
  grid-template-columns: auto 1fr;
  align-items: center;
  border: 1px solid rgba(209, 172, 96, .28);
  background: #fffdf8;
  border-radius: 999px;
  padding: 9px 12px;
}
.clip-preview-stage-v296 {
  position: relative;
  min-height: 420px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(209, 172, 96, .35);
  background: #111827;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}
.clip-preview-stage-v296 canvas,
.clip-preview-stage-v296 video {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  object-fit: contain;
  background: #111827;
}
.clip-placeholder-v296 {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 8px;
  padding: 24px;
  color: white;
  background:
    radial-gradient(circle at 20% 20%, rgba(251, 191, 36, .22), transparent 30%),
    radial-gradient(circle at 80% 75%, rgba(252, 211, 77, .18), transparent 34%),
    #111827;
}
.clip-placeholder-v296 strong {
  font-size: 22px;
  letter-spacing: -.04em;
}
.clip-placeholder-v296 span {
  color: rgba(255,255,255,.72);
  max-width: 420px;
  font-weight: 700;
}
.clip-timer-v296 {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(17, 24, 39, .82);
  color: white;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 8px 12px;
  font: 900 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.clip-action-row-v296 {
  margin-top: 14px;
}
.danger-soft-btn-v296 {
  border: 1px solid rgba(225, 29, 72, .25);
  background: #fff1f2;
  color: #9f1239;
  border-radius: 14px;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
}
.danger-soft-btn-v296:disabled,
.clip-action-row-v296 button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.clips-help-v296 {
  position: sticky;
  top: 94px;
}
.clip-use-list-v296 {
  display: grid;
  gap: 10px;
}
.clip-use-list-v296 div {
  border: 1px solid rgba(209, 172, 96, .26);
  border-radius: 18px;
  padding: 13px;
  background: #fffdf8;
}
.clip-use-list-v296 strong,
.clip-use-list-v296 span {
  display: block;
}
.clip-use-list-v296 span {
  margin-top: 3px;
  color: #6b5b44;
  font-size: 13px;
  font-weight: 700;
}
.library-panel-v296 {
  margin-top: 18px;
}
.clips-library-v296 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 14px;
}
.clip-card-v296 {
  background: #fffdf8;
  border: 1px solid rgba(209, 172, 96, .3);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(46, 32, 8, .055);
}
.clip-card-v296.highlight {
  outline: 4px solid rgba(251, 191, 36, .28);
}
.clip-card-v296 video {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #111827;
  display: block;
}
.clip-card-body-v296 {
  padding: 14px;
}
.clip-card-title-v296 {
  align-items: flex-start;
  margin-bottom: 10px;
}
.clip-card-title-v296 strong,
.clip-card-title-v296 small,
.clip-owner-v296 {
  display: block;
}
.clip-card-title-v296 strong {
  color: #16120b;
  letter-spacing: -.025em;
}
.clip-card-title-v296 small,
.clip-owner-v296,
.clip-meta-row-v296 {
  color: #6b5b44;
  font-size: 12px;
  font-weight: 800;
}
.clip-menu-btn-v296,
.clip-card-actions-v296 button,
.clip-card-actions-v296 a {
  border: 1px solid rgba(209, 172, 96, .34);
  background: #fff;
  color: #5b4210;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}
.clip-card-actions-v296 button {
  color: #9f1239;
  border-color: rgba(225, 29, 72, .22);
}
.clip-owner-v296 {
  margin: 10px 0;
}
@media (max-width: 980px) {
  .clips-grid-v296 {
    grid-template-columns: 1fr;
  }
  .clips-help-v296 {
    position: static;
  }
}
@media (max-width: 680px) {
  .clips-hero-v296,
  .clips-panel-head-v296,
  .clip-card-title-v296 {
    display: grid;
  }
  .clip-form-grid-v296 {
    grid-template-columns: 1fr;
  }
  .clip-preview-stage-v296,
  .clip-preview-stage-v296 canvas,
  .clip-preview-stage-v296 video {
    min-height: 240px;
  }
  .clips-library-v296 {
    grid-template-columns: 1fr;
  }
}

/* V298 Role-Based Navigation polish */
.top-nav-links.icon-nav-links a,
.top-nav-links.icon-nav-links button{
  white-space:nowrap;
}
.top-nav-links.icon-nav-links .nav-label{
  max-width:118px;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.team-member-shell-v298 .top-nav-links.icon-nav-links .nav-label,
body.client-shell-v298 .top-nav-links.icon-nav-links .nav-label,
body.sub-client-shell-v298 .top-nav-links.icon-nav-links .nav-label{
  max-width:110px;
}
@media (max-width:1180px){
  .top-nav-links.icon-nav-links .nav-label{max-width:86px;font-size:11px;}
}

/* V299 Unified Navigation Shell Lock
   Keeps the top navigation visually identical across every module/page.
   Some nav items are anchors and Content Approval is a button dropdown, so both must share the same rules. */
html[data-quiming-shell-version="299"] body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
html[data-quiming-nav-preboot-version="299"] body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: minmax(430px, 520px) minmax(420px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 8px 28px !important;
  background: rgba(255, 253, 248, .985) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .08) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links::-webkit-scrollbar { display: none !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button) {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  width: 52px !important;
  height: 48px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #655d4e !important;
  font: inherit !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button):hover,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button).active {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
  transform: translateY(-1px) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button).active::after {
  content: '' !important;
  position: absolute !important;
  left: 15px !important;
  right: 15px !important;
  bottom: 4px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  pointer-events: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .connected-nav-badge,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .message-nav-badge-v183 {
  position: absolute !important;
  top: 7px !important;
  right: 8px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  text-align: center !important;
}
@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "left profile" "nav nav" !important;
    padding: 8px 16px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
}
@media (max-width: 680px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar { padding: 8px 12px !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-brand.compact-brand div { display: none !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search { width: min(290px, 68vw) !important; min-width: 0 !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button) {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
}


/* V300 Clean Consolidated Shell Lock
   Canonical nav shape. This block overrides legacy/patched page-specific nav styles. */
:root {
  --quiming-nav-height-v300: 68px;
  --quiming-nav-icon-size-v300: 52px;
  --quiming-nav-icon-size-mobile-v300: 44px;
}
html[data-quiming-shell-version="301"] body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
html[data-quiming-nav-preboot-version="301"] body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  min-height: var(--quiming-nav-height-v300) !important;
  display: grid !important;
  grid-template-columns: minmax(430px, 520px) minmax(420px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 8px 28px !important;
  background: rgba(255, 253, 248, .985) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .08) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-actions {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links::-webkit-scrollbar { display: none !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button) {
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  position: relative !important;
  width: var(--quiming-nav-icon-size-v300) !important;
  height: 48px !important;
  min-width: var(--quiming-nav-icon-size-v300) !important;
  max-width: var(--quiming-nav-icon-size-v300) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--quiming-nav-icon-size-v300) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #655d4e !important;
  font: inherit !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button):hover,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button).active {
  background: #f2e3c4 !important;
  color: var(--gold-dark) !important;
  transform: translateY(-1px) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button).active::after {
  content: '' !important;
  position: absolute !important;
  left: 15px !important;
  right: 15px !important;
  bottom: 4px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--gold-dark) !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  pointer-events: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links .nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 980px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "left profile" "nav nav" !important;
    padding: 8px 16px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; justify-content: flex-start !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; }
}
@media (max-width: 680px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar { padding: 8px 12px !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-brand.compact-brand div { display: none !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search { width: min(290px, 68vw) !important; min-width: 0 !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button) {
    width: var(--quiming-nav-icon-size-mobile-v300) !important;
    min-width: var(--quiming-nav-icon-size-mobile-v300) !important;
    max-width: var(--quiming-nav-icon-size-mobile-v300) !important;
    height: 44px !important;
    flex-basis: var(--quiming-nav-icon-size-mobile-v300) !important;
  }
}

/* V301 Topbar Grid Repair
   Fixes the broken two-line desktop header where the profile avatar was pushed below
   the navigation. The topbar now uses explicit grid areas and a four-zone desktop
   layout: Brand/Search | Role Nav | Clock | Profile. */
:root {
  --quiming-nav-height-v301: 72px;
  --quiming-nav-icon-size-v301: 46px;
  --quiming-profile-size-v301: 46px;
}

html[data-quiming-shell-version="301"] body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
html[data-quiming-nav-preboot-version="301"] body.dashboard-page > .top-taskbar.linkedin-style-taskbar,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  min-height: var(--quiming-nav-height-v301) !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 520px) minmax(0, 1fr) auto var(--quiming-profile-size-v301) !important;
  grid-template-areas: "left nav clock profile" !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 32px !important;
  background: rgba(255, 253, 248, .985) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 6px 18px rgba(52, 38, 9, .08) !important;
  overflow: visible !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
  grid-area: left !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand {
  flex: 0 0 auto !important;
  min-width: 180px !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
  flex: 1 1 260px !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 320px !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .mobile-top-actions-v193 {
  display: none !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar #topNavLinks,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  grid-area: nav !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  scrollbar-width: none !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar #topNavLinks::-webkit-scrollbar,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links::-webkit-scrollbar { display: none !important; }

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links :is(a, button, .nav-icon-button) {
  width: var(--quiming-nav-icon-size-v301) !important;
  min-width: var(--quiming-nav-icon-size-v301) !important;
  max-width: var(--quiming-nav-icon-size-v301) !important;
  height: 48px !important;
  flex: 0 0 var(--quiming-nav-icon-size-v301) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock {
  grid-area: clock !important;
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  min-width: max-content !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone,
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-actions.profile-action-zone {
  grid-area: profile !important;
  justify-self: end !important;
  align-self: center !important;
  width: var(--quiming-profile-size-v301) !important;
  min-width: var(--quiming-profile-size-v301) !important;
  height: var(--quiming-profile-size-v301) !important;
  min-height: var(--quiming-profile-size-v301) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-menu {
  width: var(--quiming-profile-size-v301) !important;
  height: var(--quiming-profile-size-v301) !important;
  position: relative !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-button {
  width: var(--quiming-profile-size-v301) !important;
  height: var(--quiming-profile-size-v301) !important;
}

body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-avatar {
  width: 36px !important;
  height: 36px !important;
}

@media (max-width: 1260px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(280px, 1fr) auto var(--quiming-profile-size-v301) !important;
    grid-template-areas:
      "left clock profile"
      "nav nav nav" !important;
    row-gap: 6px !important;
    min-height: 118px !important;
    padding: 10px 20px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand div { display: none !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .compact-brand { min-width: auto !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search { max-width: 360px !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar #topNavLinks,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { justify-content: flex-start !important; }
}

@media (max-width: 820px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(0, 1fr) 48px 48px !important;
    grid-template-areas: "search messages profile" !important;
    min-height: 72px !important;
    row-gap: 0 !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone {
    grid-area: search !important;
    display: block !important;
    width: 100% !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-brand { display: none !important; }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .smart-search.topbar-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .mobile-top-actions-v193 {
    grid-area: messages !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar #topNavLinks,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock {
    display: none !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-actions.profile-action-zone {
    grid-area: profile !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }
}


/* V305 no-flash navigation shell lock
   Never show stale cached/old role navigation before /api/auth/me hydrates the real role. */
body.dashboard-page > .top-taskbar.nav-preboot-skeleton-v305 {
  pointer-events: none !important;
}
body.dashboard-page.shell-nav-loading-v305 > .top-taskbar.linkedin-style-taskbar .icon-nav-links {
  visibility: hidden !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .nav-loading-placeholder-v305 {
  display: block !important;
  min-width: min(520px, 34vw) !important;
  height: 48px !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
  grid-template-columns: minmax(360px, 520px) minmax(320px, 1fr) auto auto !important;
  grid-template-areas: "left nav clock profile" !important;
}
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .top-left-zone { grid-area: left !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { grid-area: nav !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock { grid-area: clock !important; justify-self: end !important; }
body.dashboard-page > .top-taskbar.linkedin-style-taskbar .profile-action-zone { grid-area: profile !important; justify-self: end !important; }
body.dashboard-page > .top-taskbar.nav-preboot-v188 .icon-nav-links,
body.dashboard-page > .top-taskbar.nav-preboot-v299 .icon-nav-links,
body.dashboard-page > .top-taskbar.nav-preboot-v300 .icon-nav-links,
body.dashboard-page > .top-taskbar.nav-preboot-v301 .icon-nav-links {
  visibility: hidden !important;
}
@media (max-width: 1180px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: minmax(300px, 1fr) auto auto !important;
    grid-template-areas: "left clock profile" "nav nav nav" !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { justify-content: flex-start !important; overflow-x: auto !important; }
}
@media (max-width: 680px) {
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "left profile" !important;
  }
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .company-clock,
  body.dashboard-page > .top-taskbar.linkedin-style-taskbar .icon-nav-links { display: none !important; }
  body.dashboard-page.shell-nav-ready-v305 > .mobile-bottom-nav-v193 { display: grid !important; }
}

/* V305 Team Office / Digital Workplace Hub */
html body.team-member-dashboard-v137 .team-office-main-v305,
html body.team-member-dashboard-v137 .team-member-main-v137{
  background: radial-gradient(circle at top left, rgba(250,224,160,.34), transparent 34%), #f8f2e8;
}
.team-office-hero-v305{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  padding:28px;
  border:1px solid rgba(157,105,20,.16);
  border-radius:30px;
  background:linear-gradient(135deg,#fffdf8 0%,#fff6df 48%,#f7e3b0 100%);
  box-shadow:0 24px 54px rgba(71,45,7,.08);
}
.team-office-hero-v305 h1{margin:4px 0 8px;font-size:clamp(34px,4.5vw,58px);line-height:.94;letter-spacing:-.06em;color:#18130b;}
.team-office-hero-v305 .muted{max-width:860px;color:#7b6d58;font-size:16px;line-height:1.55;}
.team-office-zone-grid-v305{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.team-office-zone-grid-v305 a{
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  padding:16px;
  text-decoration:none;
  color:#20180b;
  border:1px solid rgba(157,105,20,.14);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 30px rgba(70,47,11,.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.team-office-zone-grid-v305 a:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(70,47,11,.085);border-color:rgba(157,105,20,.26);}
.team-office-zone-grid-v305 span{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:#f7e6bc;color:#8a5d08;font-weight:950;font-size:18px;}
.team-office-zone-grid-v305 strong{font-size:15px;font-weight:950;letter-spacing:-.02em;}
.team-office-zone-grid-v305 small{font-size:12px;color:#7d705d;line-height:1.35;}
.team-office-layout-v305{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  gap:18px;
  align-items:start;
}
.team-office-panel-v305,
.team-office-limited-v305{
  background:rgba(255,255,255,.93);
  border:1px solid rgba(157,105,20,.13);
  border-radius:26px;
  padding:20px;
  box-shadow:0 18px 44px rgba(70,47,11,.06);
}
.team-office-wide-v305{grid-row:span 2;}
.office-coworker-list-v305{display:grid;gap:12px;}
.office-coworker-card-v305{border-radius:22px!important;background:#fffdf8!important;border-color:rgba(157,105,20,.12)!important;}
.office-workload-pill-v305{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;border:1px solid transparent;}
.office-workload-pill-v305.available,.office-workload-row-v305.available em{background:#eafbf0;color:#14783e;border-color:#a8e5bb;}
.office-workload-pill-v305.busy,.office-workload-row-v305.busy em{background:#fff5d6;color:#8a5d08;border-color:#eed079;}
.office-workload-pill-v305.overloaded,.office-workload-row-v305.overloaded em{background:#fff0ef;color:#b42318;border-color:#ffc6c1;}
.office-org-chart-v305{display:grid;gap:12px;}
.office-org-level-v305{position:relative;padding:14px;border:1px solid rgba(157,105,20,.12);border-radius:18px;background:#fffaf0;}
.office-org-level-v305 + .office-org-level-v305::before{content:"";position:absolute;top:-13px;left:28px;width:2px;height:13px;background:#e1c78f;}
.office-org-level-v305 strong{display:block;font-size:13px;font-weight:950;color:#7b5208;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
.office-org-level-v305 div{display:flex;flex-wrap:wrap;gap:8px;}
.office-org-level-v305 span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid rgba(157,105,20,.14);font-size:12px;font-weight:850;color:#33220d;}
.office-org-level-v305 small{color:#8a806f;}
.office-client-wall-v305{display:grid;gap:10px;}
.office-client-card-v305{display:grid;gap:4px;padding:14px;border:1px solid rgba(157,105,20,.12);border-radius:18px;background:#fffaf0;color:#23180a;text-decoration:none;}
.office-client-card-v305:hover{border-color:rgba(157,105,20,.28);box-shadow:0 12px 26px rgba(70,47,11,.07);}
.office-client-card-v305 strong{font-size:14px;font-weight:950;}
.office-client-card-v305 small,.office-client-card-v305 span{font-size:12px;color:#7d705d;line-height:1.35;}
.office-workload-list-v305{display:grid;gap:10px;}
.office-workload-row-v305{display:grid;gap:4px;padding:14px;border:1px solid rgba(157,105,20,.12);border-radius:18px;background:#fffaf0;}
.office-workload-row-v305 strong{font-size:14px;font-weight:950;color:#20180b;}
.office-workload-row-v305 span{font-size:13px;color:#4b3a20;font-weight:800;}
.office-workload-row-v305 small{font-size:12px;color:#7d705d;}
.office-suggestion-form-v305{display:grid;gap:10px;margin-bottom:14px;}
.office-suggestion-form-v305 input,
.office-suggestion-form-v305 select,
.office-suggestion-form-v305 textarea{width:100%;border:1px solid rgba(157,105,20,.18);background:#fffdf8;border-radius:15px;padding:12px 13px;font:inherit;color:#20180b;outline:none;}
.office-suggestion-form-v305 textarea{resize:vertical;min-height:90px;}
.office-suggestion-list-v305{display:grid;gap:10px;}
.office-suggestion-row-v305{display:grid;gap:6px;padding:13px;border:1px solid rgba(157,105,20,.12);border-radius:18px;background:#fffaf0;}
.office-suggestion-row-v305 strong{font-size:14px;font-weight:950;}
.office-suggestion-row-v305 small{display:block;margin-top:2px;color:#8a806f;font-size:12px;}
.office-suggestion-row-v305 p{margin:0;color:#554936;font-size:13px;line-height:1.45;}
.office-suggestion-row-v305 em{justify-self:start;border-radius:999px;padding:5px 9px;background:#f6e7bd;color:#7b5208;font-size:11px;font-weight:950;font-style:normal;}
.office-announcement-list-v305{display:grid;gap:10px;}
.office-announcement-row-v305{display:grid;gap:4px;text-decoration:none;color:#20180b;padding:13px;border-radius:18px;background:#fffaf0;border:1px solid rgba(157,105,20,.12);}
.office-announcement-row-v305 strong{font-size:14px;font-weight:950;}
.office-announcement-row-v305 small{font-size:12px;color:#7d705d;line-height:1.35;}
.team-office-limited-v305{margin:18px 0;}
.team-office-limited-v305 > header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;}
.team-office-limited-v305 h2{margin:3px 0 5px;font-size:26px;letter-spacing:-.04em;}
.team-office-limited-grid-v305{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.team-office-limited-grid-v305 > article{padding:16px;border:1px solid rgba(157,105,20,.12);border-radius:20px;background:#fffdf8;min-width:0;}
.team-office-limited-grid-v305 > article > strong{display:block;margin-bottom:12px;font-size:14px;font-weight:950;color:#7b5208;}
@media (max-width:1180px){
  .team-office-zone-grid-v305{grid-template-columns:repeat(3,minmax(0,1fr));}
  .team-office-layout-v305{grid-template-columns:1fr;}
  .team-office-wide-v305{grid-row:auto;}
  .team-office-limited-grid-v305{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .team-office-hero-v305{grid-template-columns:1fr;padding:20px;border-radius:24px;}
  .team-office-zone-grid-v305{grid-template-columns:repeat(2,minmax(0,1fr));}
  .team-office-zone-grid-v305 a{min-height:104px;padding:14px;}
  .team-office-limited-v305 > header{display:grid;}
  .team-office-limited-grid-v305{grid-template-columns:1fr;}
}

/* V305 Team Office polished Workplace Hub - role-scoped and connected */
html body.dashboard-page .team-office-main-v305{
  min-height:100vh;
  padding:28px;
  background:radial-gradient(circle at top left,rgba(245,205,117,.18),transparent 34%),#fbf7ef;
  color:#21180b;
}
.team-office-top-v305{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  margin-bottom:18px;
}
.team-office-top-v305 h1{margin:4px 0 8px;font-size:clamp(36px,4.3vw,58px);line-height:.95;letter-spacing:-.06em;color:#19130b;}
.team-office-top-v305 .muted{max-width:820px;color:#7b6d58;font-size:16px;line-height:1.55;}
.team-office-actions-v305{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;min-width:min(640px,100%);}
.team-office-actions-v305 a{min-height:54px;display:grid;place-items:center;text-align:center;text-decoration:none;color:#24180a;font-weight:950;font-size:13px;padding:10px 12px;border:1px solid rgba(157,105,20,.13);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 25px rgba(70,47,11,.055);}
.team-office-actions-v305 a:hover{border-color:rgba(157,105,20,.34);transform:translateY(-1px);}
.office-kpi-strip-v305{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;}
.office-kpi-strip-v305 article{padding:16px 18px;border:1px solid rgba(157,105,20,.12);border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 14px 32px rgba(70,47,11,.05);}
.office-kpi-strip-v305 span{display:block;color:#7b5208;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;}
.office-kpi-strip-v305 strong{display:block;margin:5px 0 1px;font-size:28px;letter-spacing:-.04em;}
.office-kpi-strip-v305 small{font-size:12px;color:#7d705d;}
.office-main-grid-v305{display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(640px,.92fr);gap:18px;align-items:start;}
.office-right-grid-v305{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.office-card-v305{min-width:0;border:1px solid rgba(157,105,20,.13);border-radius:26px;background:rgba(255,255,255,.95);box-shadow:0 18px 42px rgba(70,47,11,.055);padding:18px;}
.office-hub-card-v305{padding:20px;}
.office-card-head-v305{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.office-card-head-v305 h2{margin:0;font-size:18px;letter-spacing:-.03em;color:#21180b;}
.office-card-head-v305 p{margin:4px 0 0;color:#7d705d;font-size:12px;}
.office-card-head-v305 button,.office-card-head-v305 a{border:1px solid rgba(157,105,20,.14);border-radius:13px;background:#fffdf8;color:#7b5208;padding:8px 11px;font-weight:900;font-size:11px;text-decoration:none;white-space:nowrap;}
.office-role-section-v305{border:1px solid rgba(157,105,20,.10);border-radius:22px;background:#fffdf8;padding:14px;margin-bottom:14px;}
.office-role-section-v305 > header{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#8a5d08;font-weight:950;font-size:13px;letter-spacing:.03em;}
.office-role-section-v305 > header span{width:24px;height:24px;border-radius:10px;background:#fff1c7;display:grid;place-items:center;}
.office-role-grid-v305{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.office-role-grid-v305.one{grid-template-columns:1fr;}
.office-person-card-v305{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;position:relative;min-height:142px;border:1px solid rgba(157,105,20,.12);border-radius:20px;background:#fff;padding:14px;overflow:hidden;}
.office-person-card-v305.prominent{grid-template-columns:auto minmax(0,1fr) auto;min-height:104px;align-items:center;}
.office-avatar-v305{width:48px;height:48px;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#f7dd9b,#b57a15);display:grid;place-items:center;color:#fff;font-weight:950;flex:0 0 auto;box-shadow:0 10px 22px rgba(100,64,12,.16);}
.office-person-card-v305.prominent .office-avatar-v305{width:76px;height:76px;}
.office-avatar-v305 img{width:100%;height:100%;object-fit:cover;display:block;}
.office-avatar-v305 span{font-size:14px;}
.office-person-info-v305{display:grid;gap:4px;min-width:0;}
.office-person-info-v305 strong{font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.office-person-info-v305 small{font-size:11px;color:#756956;line-height:1.25;min-height:26px;}
.office-status-v305{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:850;color:#655842;}
.office-status-v305 i{width:7px;height:7px;border-radius:50%;background:#26a852;display:inline-block;}
.office-status-v305.busy i{background:#f59e0b;}.office-status-v305.meeting i{background:#3284e6;}.office-status-v305.leave i,.office-status-v305.offline i{background:#a8a29e;}
.office-load-pill-v305{justify-self:start;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950;font-style:normal;border:1px solid transparent;}
.office-load-pill-v305.light{background:#eefcf3;color:#14783e;border-color:#b8ebc6;}.office-load-pill-v305.balanced{background:#fff0bd;color:#835505;border-color:#edd078;}.office-load-pill-v305.high{background:#ffe1bd;color:#98530b;border-color:#ffc77d;}.office-load-pill-v305.overloaded{background:#ffe8e5;color:#b42318;border-color:#ffbbb4;}
.office-person-stats-v305{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}
.office-person-card-v305.prominent .office-person-stats-v305{grid-column:auto;min-width:220px;}
.office-person-stats-v305 span{display:grid;text-align:center;border-radius:14px;background:#fffaf0;padding:8px 5px;}
.office-person-stats-v305 b{font-size:15px;}.office-person-stats-v305 small{font-size:10px;color:#7d705d;}
.office-org-tree-v305{display:grid;gap:10px;text-align:center;}
.office-org-node-v305{display:grid;gap:3px;justify-items:center;align-items:center;min-width:96px;justify-self:center;padding:9px;border:1px solid rgba(157,105,20,.13);border-radius:15px;background:#fffdf8;}
.office-org-node-v305 .office-avatar-v305{width:34px;height:34px;box-shadow:none;}
.office-org-node-v305 strong{font-size:11px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.office-org-node-v305 small{font-size:9px;color:#7d705d;}
.office-org-connector-v305{height:18px;width:1px;background:#dfc38b;justify-self:center;}
.office-org-row-v305{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;}
.office-org-row-v305.team span{font-size:9px;font-weight:850;border:1px solid rgba(157,105,20,.13);border-radius:12px;background:#fff7e4;padding:7px 9px;color:#604210;}
.office-client-row-v305{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;color:#21180b;text-decoration:none;padding:10px;border:1px solid rgba(157,105,20,.09);border-radius:16px;background:#fffdf8;margin-bottom:8px;}
.office-client-row-v305:hover{border-color:rgba(157,105,20,.26);box-shadow:0 10px 20px rgba(70,47,11,.06);}
.office-client-letter-v305{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:950;color:#166534;background:#dcfce7;}
.office-client-letter-v305.tone-1{background:#e7f7ff;color:#075985}.office-client-letter-v305.tone-2{background:#eef0ff;color:#4338ca}.office-client-letter-v305.tone-3{background:#fff0dc;color:#b45309}.office-client-letter-v305.tone-4{background:#ffe4e6;color:#be123c}
.office-client-row-v305 strong{font-size:13px;}.office-client-row-v305 small{font-size:10px;color:#7d705d;}.office-client-row-v305 div small{display:block;margin-top:2px;}
.office-mini-avatars-v305{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:70px;}
.office-mini-avatars-v305 > span{width:24px;height:24px;border-radius:999px;border:2px solid #fff;overflow:hidden;background:#f3e0b0;margin-left:-7px;display:grid;place-items:center;font-size:9px;color:#7b5208;font-weight:950;}
.office-mini-avatars-v305 .office-avatar-v305{width:100%;height:100%;box-shadow:none;}.office-mini-avatars-v305 img{width:100%;height:100%;object-fit:cover;}.office-mini-avatars-v305 em{font-style:normal;font-size:10px;color:#8a806f;}
.office-status-row-v305,.office-suggestion-row-v305,.office-request-row-v305,.office-activity-row-v305{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(157,105,20,.08);}
.office-status-row-v305{grid-template-columns:minmax(0,1fr) auto;}
.office-status-row-v305 > span{display:flex;align-items:center;gap:8px;font-weight:850;font-size:12px;}.office-status-row-v305 i{width:8px;height:8px;border-radius:50%;background:#22c55e;}.office-status-row-v305.meeting i{background:#3b82f6}.office-status-row-v305.leave i{background:#a8a29e}.office-status-row-v305.busy i{background:#f97316}
.office-suggestion-row-v305 > span,.office-request-row-v305 > span,.office-activity-row-v305 > span{width:30px;height:30px;border-radius:12px;background:#fff7e4;display:grid;place-items:center;color:#8a5d08;}
.office-suggestion-row-v305 strong,.office-request-row-v305 strong,.office-activity-row-v305 strong{font-size:12px;line-height:1.25;}.office-suggestion-row-v305 small,.office-request-row-v305 small,.office-activity-row-v305 small{display:block;margin-top:2px;color:#7d705d;font-size:10px;}
.office-suggestion-row-v305 em,.office-request-row-v305 em{border-radius:999px;padding:5px 8px;background:#fff0bd;color:#835505;font-style:normal;font-size:10px;font-weight:950;white-space:nowrap;}.office-suggestion-row-v305 em.implemented{background:#e9fbea;color:#137333}.office-suggestion-row-v305 em.open{background:#eaf3ff;color:#1d4ed8}
.office-suggestion-form-v305{display:grid;gap:8px;margin:0 0 10px;padding:10px;border-radius:18px;background:#fffaf0;border:1px solid rgba(157,105,20,.10);}.office-suggestion-form-v305[hidden]{display:none;}.office-suggestion-form-v305 input,.office-suggestion-form-v305 select,.office-suggestion-form-v305 textarea{width:100%;border:1px solid rgba(157,105,20,.16);background:#fff;border-radius:12px;padding:10px;font:inherit;outline:none;}.office-suggestion-form-v305 button{border:0;border-radius:13px;padding:10px 14px;background:linear-gradient(135deg,#c9962c,#805000);color:#fff;font-weight:950;}
.office-empty-v305{padding:14px;border-radius:16px;background:#fffaf0;border:1px dashed rgba(157,105,20,.20);color:#7d705d;font-size:12px;}
.office-connected-strip-v305{display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(5,minmax(130px,1fr));gap:12px;align-items:center;margin:18px 0 0;padding:16px;border:1px solid rgba(157,105,20,.13);border-radius:24px;background:linear-gradient(135deg,#fffaf0,#f8e6bc);box-shadow:0 18px 42px rgba(70,47,11,.055);}
.office-connected-strip-v305 > div,.office-connected-strip-v305 a{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.76);text-decoration:none;color:#21180b;}.office-connected-strip-v305 span{font-size:22px;}.office-connected-strip-v305 strong,.office-connected-strip-v305 b{display:block;font-size:13px;font-weight:950;}.office-connected-strip-v305 small{display:block;color:#7d705d;font-size:11px;}
@media (max-width:1320px){.office-main-grid-v305{grid-template-columns:1fr}.office-right-grid-v305{grid-template-columns:repeat(2,minmax(0,1fr));}.office-connected-strip-v305{grid-template-columns:repeat(3,minmax(0,1fr));}.team-office-actions-v305{grid-template-columns:repeat(2,minmax(120px,1fr));min-width:0;}}
@media (max-width:900px){html body.dashboard-page .team-office-main-v305{padding:18px}.team-office-top-v305{grid-template-columns:1fr}.office-kpi-strip-v305{grid-template-columns:repeat(2,minmax(0,1fr));}.office-right-grid-v305{grid-template-columns:1fr}.office-role-grid-v305{grid-template-columns:repeat(2,minmax(0,1fr));}.office-person-card-v305.prominent{grid-template-columns:auto minmax(0,1fr)}.office-person-card-v305.prominent .office-person-stats-v305{grid-column:1/-1;min-width:0}.office-connected-strip-v305{grid-template-columns:1fr;}}
@media (max-width:560px){.office-kpi-strip-v305{grid-template-columns:1fr}.office-role-grid-v305{grid-template-columns:1fr}.team-office-actions-v305{grid-template-columns:1fr}.office-client-row-v305{grid-template-columns:auto minmax(0,1fr)}.office-client-row-v305 .office-mini-avatars-v305,.office-client-row-v305 > small{grid-column:2}.office-card-v305{padding:14px;border-radius:20px}}
.team-office-loading-v305{max-width:760px;margin:40px auto;padding:34px;border-radius:28px;border:1px solid rgba(157,105,20,.14);background:#fffdf8;box-shadow:0 18px 45px rgba(70,47,11,.055);text-align:center}.team-office-loading-v305 h1{margin:6px 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.team-office-loading-v305 .muted{color:#7d705d;line-height:1.5}

/* V306 Team Office compact density repair */
html body.dashboard-page .team-office-main-v305{
  padding:20px 24px!important;
  background:radial-gradient(circle at top left,rgba(245,205,117,.13),transparent 30%),#fbf7ef!important;
}
.team-office-top-v305{
  gap:16px!important;
  margin-bottom:12px!important;
  align-items:center!important;
}
.team-office-top-v305 h1{
  margin:2px 0 4px!important;
  font-size:clamp(30px,3.1vw,42px)!important;
  line-height:1!important;
}
.team-office-top-v305 .muted{
  font-size:13px!important;
  line-height:1.35!important;
  max-width:760px!important;
}
.team-office-actions-v305{
  grid-template-columns:repeat(5,minmax(96px,1fr))!important;
  gap:8px!important;
  min-width:min(680px,100%)!important;
}
.team-office-actions-v305 a{
  min-height:42px!important;
  padding:7px 9px!important;
  border-radius:14px!important;
  font-size:11px!important;
  box-shadow:0 8px 18px rgba(70,47,11,.045)!important;
}
.office-kpi-strip-v305{
  gap:8px!important;
  margin:0 0 12px!important;
}
.office-kpi-strip-v305 article{
  padding:10px 13px!important;
  border-radius:16px!important;
  box-shadow:0 8px 18px rgba(70,47,11,.035)!important;
}
.office-kpi-strip-v305 span{font-size:9px!important;letter-spacing:.1em!important;}
.office-kpi-strip-v305 strong{font-size:21px!important;margin:2px 0 0!important;}
.office-kpi-strip-v305 small{font-size:10px!important;}
.office-main-grid-v305{
  grid-template-columns:minmax(500px,1.03fr) minmax(610px,.97fr)!important;
  gap:12px!important;
}
.office-right-grid-v305{
  gap:10px!important;
}
.office-card-v305{
  border-radius:20px!important;
  padding:12px!important;
  box-shadow:0 10px 24px rgba(70,47,11,.042)!important;
}
.office-hub-card-v305{padding:14px!important;}
.office-card-head-v305{
  gap:8px!important;
  margin-bottom:8px!important;
}
.office-card-head-v305 h2{
  font-size:14px!important;
  letter-spacing:-.02em!important;
}
.office-card-head-v305 p{
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.25!important;
}
.office-card-head-v305 button,.office-card-head-v305 a{
  border-radius:10px!important;
  padding:6px 8px!important;
  font-size:9px!important;
}
.office-role-section-v305{
  border-radius:16px!important;
  padding:9px!important;
  margin-bottom:9px!important;
}
.office-role-section-v305 > header{
  gap:6px!important;
  margin-bottom:7px!important;
  font-size:11px!important;
}
.office-role-section-v305 > header span{
  width:20px!important;
  height:20px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
.office-role-grid-v305{
  gap:8px!important;
}
.office-person-card-v305{
  gap:8px!important;
  min-height:104px!important;
  padding:9px!important;
  border-radius:14px!important;
  align-items:start!important;
}
.office-person-card-v305.prominent{
  min-height:82px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.office-avatar-v305{
  width:38px!important;
  height:38px!important;
  box-shadow:0 6px 14px rgba(100,64,12,.12)!important;
}
.office-person-card-v305.prominent .office-avatar-v305{
  width:58px!important;
  height:58px!important;
}
.office-person-info-v305{
  gap:2px!important;
}
.office-person-info-v305 strong{
  font-size:12px!important;
  line-height:1.12!important;
}
.office-person-info-v305 small{
  font-size:9.5px!important;
  line-height:1.18!important;
  min-height:auto!important;
}
.office-status-v305{
  gap:5px!important;
  font-size:9.5px!important;
}
.office-status-v305 i{
  width:6px!important;
  height:6px!important;
}
.office-load-pill-v305{
  padding:3px 7px!important;
  font-size:9px!important;
}
.office-person-stats-v305{
  gap:5px!important;
  margin-top:1px!important;
}
.office-person-card-v305.prominent .office-person-stats-v305{
  min-width:170px!important;
}
.office-person-stats-v305 span{
  border-radius:10px!important;
  padding:5px 3px!important;
}
.office-person-stats-v305 b{
  font-size:12px!important;
  line-height:1!important;
}
.office-person-stats-v305 small{
  font-size:8px!important;
  margin-top:1px!important;
}
.office-org-tree-v305{gap:6px!important;}
.office-org-node-v305{
  min-width:78px!important;
  padding:6px!important;
  border-radius:12px!important;
}
.office-org-node-v305 .office-avatar-v305{
  width:26px!important;
  height:26px!important;
}
.office-org-node-v305 strong{
  font-size:9px!important;
  max-width:92px!important;
}
.office-org-node-v305 small{font-size:7.5px!important;}
.office-org-connector-v305{height:10px!important;}
.office-org-row-v305{gap:5px!important;}
.office-org-row-v305.team span{
  font-size:7.5px!important;
  border-radius:9px!important;
  padding:4px 6px!important;
}
.office-client-row-v305{
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  gap:7px!important;
  padding:7px!important;
  border-radius:12px!important;
  margin-bottom:5px!important;
}
.office-client-letter-v305{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
.office-client-row-v305 strong{font-size:11px!important;}
.office-client-row-v305 small{font-size:8.5px!important;}
.office-mini-avatars-v305{min-width:55px!important;}
.office-mini-avatars-v305 > span{
  width:20px!important;
  height:20px!important;
  border-width:1.5px!important;
  margin-left:-6px!important;
  font-size:8px!important;
}
.office-status-row-v305,.office-suggestion-row-v305,.office-request-row-v305,.office-activity-row-v305{
  gap:7px!important;
  padding:7px!important;
}
.office-status-row-v305 > span{font-size:10.5px!important;gap:6px!important;}
.office-status-row-v305 i{width:6px!important;height:6px!important;}
.office-suggestion-row-v305 > span,.office-request-row-v305 > span,.office-activity-row-v305 > span{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
.office-suggestion-row-v305 strong,.office-request-row-v305 strong,.office-activity-row-v305 strong{
  font-size:10.5px!important;
  line-height:1.2!important;
}
.office-suggestion-row-v305 small,.office-request-row-v305 small,.office-activity-row-v305 small{
  font-size:8.5px!important;
  margin-top:1px!important;
}
.office-suggestion-row-v305 em,.office-request-row-v305 em{
  padding:3px 6px!important;
  font-size:8.5px!important;
}
.office-suggestion-form-v305{
  gap:6px!important;
  margin-bottom:7px!important;
  padding:8px!important;
  border-radius:14px!important;
}
.office-suggestion-form-v305 input,.office-suggestion-form-v305 select,.office-suggestion-form-v305 textarea{
  border-radius:10px!important;
  padding:8px!important;
  font-size:12px!important;
}
.office-suggestion-form-v305 textarea{min-height:64px!important;}
.office-suggestion-form-v305 button{border-radius:10px!important;padding:8px 10px!important;font-size:11px!important;}
.office-empty-v305{
  padding:10px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
}
.office-connected-strip-v305{
  grid-template-columns:minmax(210px,1.2fr) repeat(5,minmax(112px,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
  padding:10px!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(70,47,11,.045)!important;
}
.office-connected-strip-v305 > div,.office-connected-strip-v305 a{
  min-height:44px!important;
  gap:7px!important;
  padding:7px 9px!important;
  border-radius:14px!important;
}
.office-connected-strip-v305 span{font-size:17px!important;}
.office-connected-strip-v305 strong,.office-connected-strip-v305 b{font-size:11px!important;}
.office-connected-strip-v305 small{font-size:9px!important;}
.team-office-loading-v305{
  padding:24px!important;
  border-radius:22px!important;
}
@media (max-width:1320px){
  .office-main-grid-v305{grid-template-columns:1fr!important;}
  .team-office-actions-v305{grid-template-columns:repeat(3,minmax(100px,1fr))!important;}
}
@media (max-width:900px){
  html body.dashboard-page .team-office-main-v305{padding:14px!important;}
  .team-office-actions-v305{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* V307 Team Office balanced density repair
   Fixes v306 unstyled class mismatch and restores a compact-but-premium dashboard. */
html body.dashboard-page .team-office-main-v307,
html body.dashboard-page .team-office-main-v306{
  padding:28px 32px 34px!important;
  background:
    radial-gradient(circle at top left,rgba(245,205,117,.15),transparent 30%),
    linear-gradient(180deg,#fbf7ef 0%,#fffaf2 100%)!important;
  min-height:calc(100vh - var(--topbar-height, 96px));
  color:#1f190f;
}
.team-office-top-v307,.team-office-top-v306{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,620px)!important;
  gap:22px!important;
  align-items:end!important;
  margin-bottom:18px!important;
}
.team-office-top-v307 .eyebrow,.team-office-top-v306 .eyebrow{margin:0 0 8px!important;color:#7b5208;font-size:12px!important;font-weight:950!important;letter-spacing:.22em!important;text-transform:uppercase!important;}
.team-office-top-v307 h1,.team-office-top-v306 h1{margin:0 0 8px!important;font-size:clamp(40px,4.1vw,58px)!important;line-height:.94!important;letter-spacing:-.065em!important;color:#18130b!important;}
.team-office-top-v307 .muted,.team-office-top-v306 .muted{margin:0!important;color:#7b6d58!important;font-size:15.5px!important;line-height:1.48!important;max-width:920px!important;}
.team-office-actions-v307,.team-office-actions-v306{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(104px,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.team-office-actions-v307 a,.team-office-actions-v306 a{
  min-height:54px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#24180a!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1.15!important;
  padding:10px 12px!important;
  border:1px solid rgba(157,105,20,.14)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 26px rgba(70,47,11,.055)!important;
}
.team-office-actions-v307 a:hover,.team-office-actions-v306 a:hover{transform:translateY(-1px);border-color:rgba(157,105,20,.32)!important;}
.office-kpi-strip-v307,.office-kpi-strip-v306{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
.office-kpi-strip-v307 article,.office-kpi-strip-v306 article{
  padding:15px 17px!important;
  border:1px solid rgba(157,105,20,.12)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 26px rgba(70,47,11,.04)!important;
}
.office-kpi-strip-v307 span,.office-kpi-strip-v306 span{display:block!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:900!important;color:#8a5d08!important;}
.office-kpi-strip-v307 strong,.office-kpi-strip-v306 strong{display:block!important;margin:3px 0 1px!important;font-size:28px!important;line-height:1!important;letter-spacing:-.04em!important;color:#19130b!important;}
.office-kpi-strip-v307 small,.office-kpi-strip-v306 small{display:block!important;font-size:11px!important;color:#7d705d!important;}
.office-main-grid-v307,.office-main-grid-v306{
  display:grid!important;
  grid-template-columns:minmax(580px,1.04fr) minmax(640px,.96fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.office-right-grid-v307,.office-right-grid-v306{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.office-card-v307,.office-card-v306{
  border:1px solid rgba(157,105,20,.12)!important;
  border-radius:24px!important;
  padding:17px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 16px 34px rgba(70,47,11,.055)!important;
  min-width:0!important;
}
.office-hub-card-v307,.office-hub-card-v306{padding:18px!important;}
.office-card-head-v307,.office-card-head-v306{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:13px!important;}
.office-card-head-v307 h2,.office-card-head-v306 h2{margin:0!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#1d160c!important;}
.office-card-head-v307 p,.office-card-head-v306 p{margin:4px 0 0!important;font-size:12px!important;line-height:1.3!important;color:#7b6d58!important;}
.office-card-head-v307 button,.office-card-head-v306 button,.office-card-head-v307 a,.office-card-head-v306 a{
  flex:0 0 auto!important;
  border:1px solid rgba(157,105,20,.14)!important;
  border-radius:13px!important;
  padding:8px 10px!important;
  background:#fffdf8!important;
  color:#5f4008!important;
  font-size:11px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.office-role-section-v307,.office-role-section-v306{
  border:1px solid rgba(157,105,20,.1)!important;
  border-radius:20px!important;
  padding:13px!important;
  margin-bottom:13px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,253,248,.78))!important;
}
.office-role-section-v307:last-child,.office-role-section-v306:last-child{margin-bottom:0!important;}
.office-role-section-v307 > header,.office-role-section-v306 > header{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:11px!important;color:#7b5208!important;font-size:13px!important;font-weight:950!important;letter-spacing:.02em!important;}
.office-role-section-v307 > header span,.office-role-section-v306 > header span{width:27px!important;height:27px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#fff0c7!important;color:#8a5d08!important;font-size:14px!important;}
.office-role-grid-v307,.office-role-grid-v306{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;}
.office-role-grid-v307.one,.office-role-grid-v306.one{grid-template-columns:1fr!important;}
.office-person-card-v307,.office-person-card-v306{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px!important;
  min-height:138px!important;
  padding:13px!important;
  border:1px solid rgba(157,105,20,.11)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 20px rgba(70,47,11,.035)!important;
  align-items:start!important;
}
.office-person-card-v307.prominent,.office-person-card-v306.prominent{
  min-height:104px!important;
  grid-template-columns:auto minmax(0,1fr) minmax(190px,auto)!important;
  align-items:center!important;
}
.office-avatar-v307,.office-avatar-v306{width:46px!important;height:46px!important;border-radius:50%!important;overflow:hidden!important;background:#f1d48d!important;display:grid!important;place-items:center!important;color:#7b5208!important;font-weight:950!important;box-shadow:0 8px 16px rgba(100,64,12,.13)!important;}
.office-person-card-v307.prominent .office-avatar-v307,.office-person-card-v306.prominent .office-avatar-v306{width:70px!important;height:70px!important;}
.office-avatar-v307 img,.office-avatar-v306 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.office-person-info-v307,.office-person-info-v306{min-width:0!important;display:grid!important;gap:4px!important;align-content:start!important;}
.office-person-info-v307 strong,.office-person-info-v306 strong{font-size:14px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.02em!important;color:#21180d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-person-info-v307 small,.office-person-info-v306 small{font-size:11px!important;line-height:1.25!important;color:#6d604e!important;min-height:27px!important;}
.office-status-v307,.office-status-v306{display:flex!important;align-items:center!important;gap:6px!important;font-size:11px!important;color:#6d604e!important;font-style:normal!important;}
.office-status-v307 i,.office-status-v306 i{width:7px!important;height:7px!important;border-radius:999px!important;background:#22a06b!important;}
.office-status-v307.busy i,.office-status-v306.busy i{background:#e89116!important}.office-status-v307.meeting i,.office-status-v306.meeting i{background:#2b77d4!important}.office-status-v307.leave i,.office-status-v306.leave i{background:#9b8b76!important}.office-status-v307.offline i,.office-status-v306.offline i{background:#a2a09a!important}
.office-load-pill-v307,.office-load-pill-v306{width:max-content!important;border-radius:999px!important;padding:4px 9px!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;background:#f7e5b7!important;color:#7b5208!important;}
.office-load-pill-v307.light,.office-load-pill-v306.light{background:#eef2f7!important;color:#667085!important}.office-load-pill-v307.high,.office-load-pill-v306.high{background:#ffe0b0!important;color:#8a4d04!important}.office-load-pill-v307.overloaded,.office-load-pill-v306.overloaded{background:#ffe1dc!important;color:#a33b22!important}
.office-person-stats-v307,.office-person-stats-v306{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:2px!important;}
.office-person-card-v307.prominent .office-person-stats-v307,.office-person-card-v306.prominent .office-person-stats-v306{grid-column:auto!important;min-width:190px!important;}
.office-person-stats-v307 span,.office-person-stats-v306 span{display:grid!important;place-items:center!important;padding:7px 4px!important;border-radius:13px!important;background:#fbf7ef!important;}
.office-person-stats-v307 b,.office-person-stats-v306 b{font-size:15px!important;line-height:1!important;color:#1d160c!important;}
.office-person-stats-v307 small,.office-person-stats-v306 small{margin-top:3px!important;font-size:9.5px!important;color:#7d705d!important;}
.office-org-tree-v307,.office-org-tree-v306{display:grid!important;justify-items:center!important;gap:8px!important;text-align:center!important;}
.office-org-node-v307,.office-org-node-v306{min-width:98px!important;padding:8px!important;border:1px solid rgba(157,105,20,.13)!important;border-radius:15px!important;background:#fffdf8!important;display:grid!important;justify-items:center!important;gap:5px!important;}
.office-org-node-v307 .office-avatar-v307,.office-org-node-v306 .office-avatar-v306{width:34px!important;height:34px!important;}
.office-org-node-v307 strong,.office-org-node-v306 strong{font-size:10px!important;max-width:112px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-org-node-v307 small,.office-org-node-v306 small{font-size:8.5px!important;color:#6d604e!important;}
.office-org-connector-v307,.office-org-connector-v306{width:1px!important;height:18px!important;background:rgba(157,105,20,.18)!important;}
.office-org-row-v307,.office-org-row-v306{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}
.office-org-row-v307.team span,.office-org-row-v306.team span{font-size:9px!important;font-weight:800!important;border-radius:11px!important;padding:6px 8px!important;background:#fff7e5!important;border:1px solid rgba(157,105,20,.09)!important;}
.office-client-row-v307,.office-client-row-v306{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:9px!important;align-items:center!important;padding:9px!important;border:1px solid rgba(157,105,20,.08)!important;border-radius:15px!important;background:#fffdf9!important;margin-bottom:7px!important;}
.office-client-letter-v307,.office-client-letter-v306{width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:950!important;background:#e6f5e8!important;color:#138045!important;}
.office-client-row-v307 strong,.office-client-row-v306 strong{font-size:12.5px!important;line-height:1.1!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-client-row-v307 small,.office-client-row-v306 small{font-size:10px!important;color:#7d705d!important;}
.office-mini-avatars-v307,.office-mini-avatars-v306{display:flex!important;align-items:center!important;min-width:68px!important;}
.office-mini-avatars-v307 > span,.office-mini-avatars-v306 > span{width:24px!important;height:24px!important;border-radius:50%!important;border:2px solid #fff!important;margin-left:-7px!important;display:grid!important;place-items:center!important;background:#f1d48d!important;font-size:9px!important;font-weight:900!important;overflow:hidden!important;}
.office-mini-avatars-v307 > span:first-child,.office-mini-avatars-v306 > span:first-child{margin-left:0!important;}
.office-status-row-v307,.office-status-row-v306,.office-suggestion-row-v307,.office-suggestion-row-v306,.office-request-row-v307,.office-request-row-v306,.office-activity-row-v307,.office-activity-row-v306{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:10px!important;border-bottom:1px solid rgba(157,105,20,.075)!important;}
.office-status-row-v307:last-child,.office-status-row-v306:last-child,.office-suggestion-row-v307:last-child,.office-suggestion-row-v306:last-child,.office-request-row-v307:last-child,.office-request-row-v306:last-child,.office-activity-row-v307:last-child,.office-activity-row-v306:last-child{border-bottom:0!important;}
.office-status-row-v307 > span,.office-status-row-v306 > span{grid-column:1/2!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;font-weight:850!important;}
.office-status-row-v307 i,.office-status-row-v306 i{width:7px!important;height:7px!important;border-radius:999px!important;background:#22a06b!important;}
.office-suggestion-row-v307 > span,.office-suggestion-row-v306 > span,.office-request-row-v307 > span,.office-request-row-v306 > span,.office-activity-row-v307 > span,.office-activity-row-v306 > span{width:30px!important;height:30px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#fff4d9!important;color:#8a5d08!important;font-size:14px!important;}
.office-suggestion-row-v307 strong,.office-suggestion-row-v306 strong,.office-request-row-v307 strong,.office-request-row-v306 strong,.office-activity-row-v307 strong,.office-activity-row-v306 strong{font-size:12px!important;line-height:1.3!important;display:block!important;color:#20190f!important;}
.office-suggestion-row-v307 small,.office-suggestion-row-v306 small,.office-request-row-v307 small,.office-request-row-v306 small,.office-activity-row-v307 small,.office-activity-row-v306 small{font-size:10px!important;color:#7d705d!important;margin-top:2px!important;display:block!important;}
.office-suggestion-row-v307 em,.office-suggestion-row-v306 em,.office-request-row-v307 em,.office-request-row-v306 em{border-radius:999px!important;padding:4px 8px!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;background:#ffe9b8!important;color:#8a5d08!important;}
.office-empty-v307,.office-empty-v306{padding:14px!important;border:1px dashed rgba(157,105,20,.18)!important;border-radius:15px!important;background:#fffaf0!important;font-size:12px!important;color:#7d705d!important;}
.office-suggestion-form-v307,.office-suggestion-form-v306{display:grid!important;gap:8px!important;margin-bottom:10px!important;padding:10px!important;border-radius:16px!important;background:#fffaf0!important;border:1px solid rgba(157,105,20,.11)!important;}
.office-suggestion-form-v307 input,.office-suggestion-form-v306 input,.office-suggestion-form-v307 select,.office-suggestion-form-v306 select,.office-suggestion-form-v307 textarea,.office-suggestion-form-v306 textarea{width:100%!important;border:1px solid rgba(157,105,20,.14)!important;border-radius:12px!important;padding:9px 10px!important;background:#fff!important;font:inherit!important;font-size:12px!important;}
.office-suggestion-form-v307 button,.office-suggestion-form-v306 button{border:0!important;border-radius:12px!important;padding:10px 12px!important;background:#9b6a08!important;color:#fff!important;font-weight:900!important;}
.office-connected-strip-v307,.office-connected-strip-v306{display:grid!important;grid-template-columns:minmax(230px,1.2fr) repeat(5,minmax(125px,1fr))!important;gap:10px!important;margin-top:18px!important;padding:13px!important;border-radius:22px!important;border:1px solid rgba(157,105,20,.12)!important;background:linear-gradient(90deg,#fbecd0,#fffaf0)!important;box-shadow:0 14px 32px rgba(70,47,11,.05)!important;}
.office-connected-strip-v307 > div,.office-connected-strip-v306 > div,.office-connected-strip-v307 a,.office-connected-strip-v306 a{min-height:54px!important;display:grid!important;align-content:center!important;gap:3px!important;padding:9px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.8)!important;text-decoration:none!important;color:#20180d!important;}
.office-connected-strip-v307 span,.office-connected-strip-v306 span{font-size:19px!important;}
.office-connected-strip-v307 strong,.office-connected-strip-v306 strong,.office-connected-strip-v307 b,.office-connected-strip-v306 b{font-size:13px!important;line-height:1.05!important;}
.office-connected-strip-v307 small,.office-connected-strip-v306 small{font-size:10px!important;color:#7d705d!important;}
.team-office-loading-v307,.team-office-loading-v306{max-width:760px!important;margin:44px auto!important;padding:32px!important;border-radius:28px!important;border:1px solid rgba(157,105,20,.14)!important;background:#fffdf8!important;box-shadow:0 18px 45px rgba(70,47,11,.055)!important;text-align:center!important;}
.team-office-loading-v307 h1,.team-office-loading-v306 h1{margin:6px 0 8px!important;font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.05em!important;}
.team-office-loading-v307 .muted,.team-office-loading-v306 .muted{color:#7d705d!important;line-height:1.5!important;}
@media (max-width:1420px){
  .office-main-grid-v307,.office-main-grid-v306{grid-template-columns:1fr!important;}
  .office-right-grid-v307,.office-right-grid-v306{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .team-office-top-v307,.team-office-top-v306{grid-template-columns:1fr!important;}
  .team-office-actions-v307,.team-office-actions-v306{grid-template-columns:repeat(5,minmax(100px,1fr))!important;}
}
@media (max-width:900px){
  html body.dashboard-page .team-office-main-v307,html body.dashboard-page .team-office-main-v306{padding:18px!important;}
  .office-kpi-strip-v307,.office-kpi-strip-v306{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .office-right-grid-v307,.office-right-grid-v306{grid-template-columns:1fr!important;}
  .office-role-grid-v307,.office-role-grid-v306{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .team-office-actions-v307,.team-office-actions-v306{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .office-connected-strip-v307,.office-connected-strip-v306{grid-template-columns:1fr!important;}
}
@media (max-width:560px){
  .office-kpi-strip-v307,.office-kpi-strip-v306{grid-template-columns:1fr!important;}
  .office-role-grid-v307,.office-role-grid-v306{grid-template-columns:1fr!important;}
  .team-office-actions-v307,.team-office-actions-v306{grid-template-columns:1fr!important;}
  .office-person-card-v307.prominent,.office-person-card-v306.prominent{grid-template-columns:auto minmax(0,1fr)!important;}
  .office-person-card-v307.prominent .office-person-stats-v307,.office-person-card-v306.prominent .office-person-stats-v306{grid-column:1/-1!important;min-width:0!important;}
}

/* V308 Team Office Progressive Disclosure UI
   Balanced density: icons, filters, collapsible role groups, popups, drawers. */
html body.dashboard-page .team-office-main-v308{
  width:min(100%, 1720px)!important;
  margin:0 auto!important;
  padding:clamp(20px,3vw,38px)!important;
  color:#211a10!important;
}
.team-office-top-v308{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:end!important;
  margin-bottom:18px!important;
}
.team-office-top-v308 .eyebrow{font-size:12px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#835809!important;font-weight:950!important;margin:0 0 8px!important;}
.team-office-top-v308 h1{font-size:clamp(34px,4.5vw,58px)!important;line-height:.95!important;letter-spacing:-.06em!important;margin:0 0 10px!important;font-weight:950!important;}
.team-office-top-v308 .muted{margin:0!important;color:#7d705d!important;font-size:15px!important;line-height:1.45!important;max-width:780px!important;}
.team-office-actions-v308{display:grid!important;grid-template-columns:repeat(5,minmax(108px,1fr))!important;gap:10px!important;align-items:stretch!important;min-width:min(680px,100%)!important;}
.team-office-actions-v308 button{border:1px solid rgba(141,94,13,.13)!important;border-radius:18px!important;background:#fffdf8!important;min-height:70px!important;padding:11px 12px!important;display:grid!important;place-items:center!important;gap:7px!important;box-shadow:0 12px 28px rgba(65,44,12,.045)!important;color:#2a2115!important;font-weight:900!important;cursor:pointer!important;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;}
.team-office-actions-v308 button:hover{transform:translateY(-1px)!important;border-color:rgba(151,102,15,.26)!important;box-shadow:0 16px 36px rgba(65,44,12,.075)!important;}
.team-office-actions-v308 button span:last-child{font-size:11.5px!important;white-space:nowrap!important;}
.office-icon-v308{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;color:currentColor!important;vertical-align:middle!important;}
.office-icon-v308 svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.office-kpi-strip-v308{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important;}
.office-kpi-strip-v308 article{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 15px!important;border-radius:20px!important;background:rgba(255,253,248,.93)!important;border:1px solid rgba(141,94,13,.105)!important;box-shadow:0 12px 30px rgba(70,47,11,.045)!important;min-width:0!important;}
.office-kpi-strip-v308 .office-icon-v308{width:22px!important;height:22px!important;color:#986507!important;background:#fff7df!important;border-radius:12px!important;padding:8px!important;box-sizing:content-box!important;}
.office-kpi-strip-v308 div{display:grid!important;gap:1px!important;min-width:0!important;}
.office-kpi-strip-v308 span{font-size:11px!important;font-weight:900!important;color:#7d705d!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.office-kpi-strip-v308 strong{font-size:23px!important;line-height:1!important;font-weight:950!important;color:#211a10!important;}
.office-kpi-strip-v308 small{font-size:11.5px!important;color:#887964!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-control-bar-v308{display:grid!important;grid-template-columns:minmax(240px,1fr) 170px 170px auto auto!important;gap:10px!important;align-items:center!important;margin:0 0 14px!important;padding:10px!important;border:1px solid rgba(141,94,13,.1)!important;border-radius:22px!important;background:rgba(255,253,248,.72)!important;box-shadow:0 14px 34px rgba(70,47,11,.035)!important;backdrop-filter:blur(10px)!important;}
.office-search-v308{height:44px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 14px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(141,94,13,.12)!important;min-width:0!important;}
.office-search-v308 .office-icon-v308{color:#8b7b65!important;}
.office-search-v308 input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font:inherit!important;font-size:13px!important;color:#2a2115!important;}
.office-control-bar-v308 select,.office-control-bar-v308 button{height:44px!important;border-radius:16px!important;border:1px solid rgba(141,94,13,.12)!important;background:#fff!important;padding:0 12px!important;font:inherit!important;font-size:12.5px!important;font-weight:850!important;color:#2a2115!important;cursor:pointer!important;}
.office-control-bar-v308 button{background:#fffaf0!important;color:#84580b!important;}
.office-main-grid-v308{display:grid!important;grid-template-columns:minmax(0,1.14fr) minmax(560px,.86fr)!important;gap:16px!important;align-items:start!important;}
.office-right-grid-v308{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;}
.office-card-v308{border:1px solid rgba(141,94,13,.11)!important;border-radius:24px!important;background:rgba(255,253,248,.96)!important;box-shadow:0 14px 34px rgba(70,47,11,.048)!important;padding:14px!important;min-width:0!important;overflow:hidden!important;}
.office-hub-card-v308{min-height:520px!important;}
.office-card-head-v308{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
.office-card-head-v308 > div:first-child{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.office-card-head-v308 h2{font-size:15px!important;line-height:1.05!important;letter-spacing:-.03em!important;font-weight:950!important;margin:0!important;color:#211a10!important;}
.office-card-head-v308 p{font-size:11.5px!important;line-height:1.2!important;margin:3px 0 0!important;color:#7d705d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-card-head-v308 .office-icon-v308{width:19px!important;height:19px!important;color:#9a6809!important;background:#fff6dc!important;border-radius:11px!important;padding:7px!important;box-sizing:content-box!important;}
.office-card-head-v308 button,.office-card-head-v308 a{border:1px solid rgba(141,94,13,.12)!important;background:#fff!important;color:#755008!important;border-radius:13px!important;padding:8px 10px!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;}
.office-role-section-v308{border:1px solid rgba(141,94,13,.085)!important;border-radius:20px!important;background:#fffefb!important;margin-bottom:10px!important;overflow:hidden!important;}
.office-role-toggle-v308{width:100%!important;border:0!important;background:linear-gradient(90deg,#fffaf0,#fffdf9)!important;padding:12px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;cursor:pointer!important;color:#211a10!important;}
.office-role-title-v308{display:flex!important;align-items:center!important;gap:9px!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#84580b!important;}
.office-role-title-v308 .office-icon-v308{width:17px!important;height:17px!important;}
.office-role-summary-v308{display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;font-weight:850!important;color:#7d705d!important;}
.office-role-summary-v308 .office-icon-v308{width:14px!important;height:14px!important;transition:transform .16s ease!important;}
.office-role-section-v308.collapsed .office-role-summary-v308 .office-icon-v308{transform:rotate(-90deg)!important;}
.office-role-body-v308{display:block!important;padding:12px!important;}
.office-role-section-v308.collapsed .office-role-body-v308{display:none!important;}
.office-role-grid-v308{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.office-role-grid-v308.one{grid-template-columns:1fr!important;}
.office-person-card-v308{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"avatar info menu" "avatar load stats"!important;gap:8px 10px!important;align-items:center!important;min-height:98px!important;padding:12px!important;border:1px solid rgba(141,94,13,.1)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 22px rgba(70,47,11,.035)!important;cursor:pointer!important;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease!important;}
.office-person-card-v308:hover,.office-person-card-v308:focus{outline:0!important;transform:translateY(-1px)!important;border-color:rgba(151,102,15,.22)!important;box-shadow:0 16px 30px rgba(70,47,11,.07)!important;}
.office-person-card-v308.prominent{grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"avatar info load menu" "avatar stats stats stats"!important;min-height:116px!important;}
.office-avatar-v308{grid-area:avatar!important;width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(135deg,#f7d98e,#fff0bd)!important;color:#6f4704!important;font-size:13px!important;font-weight:950!important;box-shadow:inset 0 0 0 1px rgba(141,94,13,.11)!important;}
.office-avatar-v308.large{width:68px!important;height:68px!important;font-size:18px!important;}
.office-avatar-v308 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.office-person-info-v308{grid-area:info!important;display:grid!important;gap:3px!important;min-width:0!important;}
.office-person-info-v308 strong{font-size:13px!important;line-height:1.05!important;font-weight:950!important;color:#211a10!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-person-info-v308 small{font-size:11px!important;color:#6d604e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-status-v308{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10.5px!important;font-weight:850!important;color:#6d604e!important;}
.office-status-v308 i{width:7px!important;height:7px!important;border-radius:999px!important;background:#22a06b!important;}
.office-status-v308.busy i{background:#f39c12!important;}.office-status-v308.meeting i{background:#2b83d3!important;}.office-status-v308.leave i{background:#84817a!important;}.office-status-v308.offline i{background:#b8ada0!important;}
.office-load-pill-v308{grid-area:load!important;display:inline-flex!important;align-items:center!important;gap:5px!important;justify-self:start!important;border-radius:999px!important;padding:5px 8px!important;font-size:10px!important;font-weight:950!important;background:#fff2cb!important;color:#835809!important;white-space:nowrap!important;}
.office-load-pill-v308 .office-icon-v308{width:12px!important;height:12px!important;}.office-load-pill-v308.light{background:#f2f3f0!important;color:#686159!important;}.office-load-pill-v308.high{background:#ffe0ba!important;color:#914b00!important;}.office-load-pill-v308.overloaded{background:#ffe2de!important;color:#ad3526!important;}.office-load-pill-v308.balanced{background:#fff2cb!important;color:#835809!important;}
.office-person-stats-v308{grid-area:stats!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;min-width:0!important;}
.office-person-stats-v308 span{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important;font-size:11px!important;font-weight:950!important;color:#32291d!important;}
.office-person-stats-v308 .office-icon-v308{width:12px!important;height:12px!important;color:#8b7b65!important;}
.office-more-btn-v308{grid-area:menu!important;align-self:start!important;justify-self:end!important;width:30px!important;height:30px!important;border-radius:11px!important;border:1px solid rgba(141,94,13,.08)!important;background:#fffaf0!important;color:#7f570b!important;display:grid!important;place-items:center!important;cursor:pointer!important;}
.office-more-btn-v308 .office-icon-v308{width:16px!important;height:16px!important;}
.office-empty-v308{padding:14px!important;border:1px dashed rgba(141,94,13,.16)!important;border-radius:16px!important;background:#fffaf0!important;font-size:12px!important;color:#7d705d!important;}
.office-org-tree-v308{display:grid!important;justify-items:center!important;gap:9px!important;padding:6px 0 2px!important;}
.office-org-node-v308{min-width:94px!important;max-width:132px!important;padding:8px!important;border:1px solid rgba(141,94,13,.1)!important;border-radius:14px!important;background:#fff!important;display:grid!important;justify-items:center!important;gap:4px!important;text-align:center!important;cursor:pointer!important;}
.office-org-node-v308 .office-avatar-v308{width:31px!important;height:31px!important;font-size:10px!important;}
.office-org-node-v308 strong{font-size:10px!important;line-height:1.05!important;max-width:112px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-org-node-v308 small{font-size:8.5px!important;color:#6d604e!important;}
.office-org-connector-v308{width:1px!important;height:14px!important;background:rgba(141,94,13,.18)!important;}
.office-org-row-v308{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;}
.office-org-row-v308.team button,.office-org-row-v308.team span{border:1px solid rgba(141,94,13,.09)!important;background:#fff7e5!important;border-radius:999px!important;padding:6px 8px!important;font-size:9px!important;font-weight:900!important;color:#6f4704!important;cursor:pointer!important;}
.office-client-row-v308,.office-status-row-v308,.office-suggestion-row-v308,.office-request-row-v308,.office-activity-row-v308{width:100%!important;border:0!important;background:transparent!important;text-align:left!important;color:#211a10!important;cursor:pointer!important;}
.office-client-row-v308{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:9px!important;align-items:center!important;padding:8px!important;border-radius:15px!important;margin-bottom:6px!important;background:#fffdf9!important;border:1px solid rgba(141,94,13,.075)!important;}
.office-client-row-v308:hover,.office-status-row-v308:hover,.office-suggestion-row-v308:hover,.office-request-row-v308:hover,.office-activity-row-v308:hover{background:#fffaf0!important;}
.office-client-letter-v308{width:31px!important;height:31px!important;border-radius:11px!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:950!important;background:#e6f5e8!important;color:#138045!important;}
.office-client-letter-v308.tone-1{background:#e8f4ff!important;color:#0c5a9e!important;}.office-client-letter-v308.tone-2{background:#f2ecff!important;color:#6042a3!important;}.office-client-letter-v308.tone-3{background:#fff0df!important;color:#9b4e06!important;}.office-client-letter-v308.tone-4{background:#ffe8e8!important;color:#a33232!important;}
.office-client-row-v308 strong{font-size:12px!important;line-height:1.1!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-client-row-v308 small{font-size:10px!important;color:#7d705d!important;white-space:nowrap!important;}
.office-mini-avatars-v308{display:flex!important;align-items:center!important;min-width:54px!important;}
.office-mini-avatars-v308 > span{width:22px!important;height:22px!important;border-radius:50%!important;border:2px solid #fff!important;margin-left:-7px!important;display:grid!important;place-items:center!important;background:#f1d48d!important;font-size:8px!important;font-weight:900!important;overflow:hidden!important;box-shadow:0 2px 6px rgba(70,47,11,.08)!important;}
.office-mini-avatars-v308 > span:first-child{margin-left:0!important;}.office-mini-avatars-v308 img{width:100%!important;height:100%!important;object-fit:cover!important;}.office-mini-avatars-v308 em{font-size:10px!important;color:#8a7c66!important;font-style:normal!important;}
.office-status-row-v308,.office-suggestion-row-v308,.office-request-row-v308,.office-activity-row-v308{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:9px!important;border-radius:14px!important;border-bottom:1px solid rgba(141,94,13,.065)!important;}
.office-status-row-v308:last-child,.office-suggestion-row-v308:last-child,.office-request-row-v308:last-child,.office-activity-row-v308:last-child{border-bottom:0!important;}
.office-status-row-v308 > span:first-child{grid-column:1/2!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:11.5px!important;font-weight:900!important;}
.office-status-row-v308 i{width:7px!important;height:7px!important;border-radius:999px!important;background:#22a06b!important;}.office-status-row-v308.meeting i{background:#2b83d3!important;}.office-status-row-v308.leave i{background:#84817a!important;}.office-status-row-v308.busy i{background:#f39c12!important;}
.office-suggestion-row-v308 > span,.office-request-row-v308 > span,.office-activity-row-v308 > span{width:30px!important;height:30px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#fff4d9!important;color:#8a5d08!important;}
.office-suggestion-row-v308 .office-icon-v308,.office-request-row-v308 .office-icon-v308,.office-activity-row-v308 .office-icon-v308{width:15px!important;height:15px!important;}
.office-suggestion-row-v308 strong,.office-request-row-v308 strong,.office-activity-row-v308 strong{font-size:11.5px!important;line-height:1.25!important;display:block!important;color:#20190f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-suggestion-row-v308 small,.office-request-row-v308 small,.office-activity-row-v308 small{font-size:9.8px!important;color:#7d705d!important;margin-top:2px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-suggestion-row-v308 em,.office-request-row-v308 em,.office-drawer-row-v308 em{border-radius:999px!important;padding:4px 8px!important;font-size:9.5px!important;font-style:normal!important;font-weight:950!important;background:#ffe9b8!important;color:#8a5d08!important;white-space:nowrap!important;}
.office-connected-strip-v308{display:grid!important;grid-template-columns:minmax(220px,1.2fr) repeat(5,minmax(110px,1fr))!important;gap:9px!important;margin-top:16px!important;padding:11px!important;border-radius:22px!important;border:1px solid rgba(141,94,13,.12)!important;background:linear-gradient(90deg,#fbecd0,#fffaf0)!important;box-shadow:0 14px 32px rgba(70,47,11,.05)!important;}
.office-connected-strip-v308 > div,.office-connected-strip-v308 a{min-height:54px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-content:center!important;align-items:center!important;gap:4px 8px!important;padding:9px 11px!important;border-radius:16px!important;background:rgba(255,255,255,.8)!important;text-decoration:none!important;color:#20180d!important;}
.office-connected-strip-v308 .office-icon-v308{grid-row:1/3!important;width:20px!important;height:20px!important;color:#9a6809!important;}.office-connected-strip-v308 strong,.office-connected-strip-v308 b{font-size:12.5px!important;line-height:1.05!important;}.office-connected-strip-v308 small{font-size:9.8px!important;color:#7d705d!important;}
.office-drawer-v308,.office-modal-v308{position:fixed!important;inset:0!important;z-index:1200!important;pointer-events:none!important;}.office-drawer-v308[aria-hidden="true"],.office-modal-v308[aria-hidden="true"]{display:none!important;}
.office-drawer-v308::before{content:""!important;position:absolute!important;inset:0!important;background:rgba(28,20,10,.22)!important;backdrop-filter:blur(4px)!important;pointer-events:auto!important;}
.office-drawer-panel-v308{position:absolute!important;right:18px!important;top:18px!important;bottom:18px!important;width:min(500px,calc(100vw - 36px))!important;background:#fffdf8!important;border:1px solid rgba(141,94,13,.14)!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(37,24,6,.22)!important;overflow:auto!important;pointer-events:auto!important;}
.office-drawer-panel-v308 header{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:20px!important;background:rgba(255,253,248,.94)!important;border-bottom:1px solid rgba(141,94,13,.08)!important;backdrop-filter:blur(12px)!important;}
.office-drawer-panel-v308 header h2{font-size:24px!important;line-height:1!important;margin:2px 0!important;letter-spacing:-.04em!important;}.office-drawer-panel-v308 header small{color:#7d705d!important;}.office-drawer-panel-v308 header button,.office-modal-card-v308 header button{width:36px!important;height:36px!important;border-radius:13px!important;border:1px solid rgba(141,94,13,.12)!important;background:#fff!important;color:#7a5207!important;display:grid!important;place-items:center!important;cursor:pointer!important;}
.office-drawer-body-v308{padding:18px 20px 22px!important;}.office-drawer-body-v308 h3{font-size:13px!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#835809!important;margin:18px 0 8px!important;}
.office-profile-card-v308{display:flex!important;align-items:center!important;gap:13px!important;padding:14px!important;border-radius:20px!important;background:#fffaf0!important;border:1px solid rgba(141,94,13,.1)!important;}.office-profile-card-v308 > div:last-child{display:grid!important;gap:4px!important;}.office-profile-card-v308 strong{font-size:17px!important;}.office-profile-card-v308 small{color:#6d604e!important;}
.office-drawer-tabs-v308{display:flex!important;gap:7px!important;margin:14px 0!important;overflow:auto!important;}.office-drawer-tabs-v308 button{border:1px solid rgba(141,94,13,.1)!important;background:#fff!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;}.office-drawer-tabs-v308 .active{background:#9b6a08!important;color:#fff!important;}
.office-drawer-grid-v308{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}.office-drawer-grid-v308 article{display:grid!important;gap:3px!important;padding:12px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(141,94,13,.1)!important;}.office-drawer-grid-v308 .office-icon-v308{width:18px!important;height:18px!important;color:#9a6809!important;}.office-drawer-grid-v308 strong{font-size:18px!important;line-height:1!important;}.office-drawer-grid-v308 small{font-size:10.5px!important;color:#7d705d!important;}
.office-drawer-row-v308{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid rgba(141,94,13,.08)!important;background:#fff!important;border-radius:15px!important;margin-bottom:7px!important;text-decoration:none!important;color:#211a10!important;text-align:left!important;}.office-drawer-row-v308 .office-icon-v308{color:#8a5d08!important;}.office-drawer-row-v308 strong{font-size:12.5px!important;display:block!important;}.office-drawer-row-v308 small{font-size:10.5px!important;color:#7d705d!important;}
.office-drawer-actions-v308,.office-modal-actions-v308{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:18px!important;flex-wrap:wrap!important;}.office-drawer-actions-v308 a,.office-modal-actions-v308 a,.office-modal-actions-v308 button{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(141,94,13,.12)!important;background:#fffaf0!important;color:#7a5207!important;border-radius:14px!important;padding:10px 13px!important;font-size:12px!important;font-weight:950!important;text-decoration:none!important;cursor:pointer!important;}.office-modal-actions-v308 button:last-child,.office-modal-actions-v308 a:last-child{background:#9b6a08!important;color:#fff!important;}
.office-modal-v308{display:grid!important;place-items:center!important;}.office-modal-backdrop-v308{position:absolute!important;inset:0!important;background:rgba(28,20,10,.24)!important;backdrop-filter:blur(5px)!important;pointer-events:auto!important;}.office-modal-card-v308{position:relative!important;width:min(720px,calc(100vw - 32px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;background:#fffdf8!important;border-radius:28px!important;border:1px solid rgba(141,94,13,.14)!important;box-shadow:0 30px 80px rgba(37,24,6,.24)!important;padding:18px!important;pointer-events:auto!important;}.office-modal-card-v308 header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid rgba(141,94,13,.08)!important;padding-bottom:12px!important;margin-bottom:14px!important;}.office-modal-card-v308 h2{font-size:22px!important;line-height:1!important;margin:0!important;letter-spacing:-.04em!important;}
.office-modal-copy-v308{font-size:14px!important;line-height:1.5!important;color:#6d604e!important;margin:4px 0 16px!important;}.office-suggestion-form-v308{display:grid!important;gap:11px!important;}.office-suggestion-form-v308 label{display:grid!important;gap:5px!important;font-size:12px!important;font-weight:900!important;color:#6d604e!important;}.office-suggestion-form-v308 input,.office-suggestion-form-v308 select,.office-suggestion-form-v308 textarea{width:100%!important;border:1px solid rgba(141,94,13,.14)!important;border-radius:14px!important;padding:11px 12px!important;background:#fff!important;font:inherit!important;font-size:13px!important;}
.office-modal-org-v308{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}.office-modal-org-v308 section{background:#fffaf0!important;border:1px solid rgba(141,94,13,.1)!important;border-radius:18px!important;padding:12px!important;}.office-modal-org-v308 h3{font-size:13px!important;margin:0 0 10px!important;color:#835809!important;text-transform:uppercase!important;letter-spacing:.05em!important;}.office-modal-org-v308 button{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important;align-items:center!important;border:1px solid rgba(141,94,13,.08)!important;background:#fff!important;border-radius:14px!important;padding:9px!important;margin-bottom:7px!important;text-align:left!important;cursor:pointer!important;}.office-modal-org-v308 .office-avatar-v308{width:34px!important;height:34px!important;grid-row:1/3!important;}.office-modal-org-v308 strong{font-size:12px!important;}.office-modal-org-v308 small{font-size:10px!important;color:#7d705d!important;}
.office-menu-layer-v308{position:fixed!important;z-index:1300!important;width:205px!important;padding:7px!important;border-radius:16px!important;border:1px solid rgba(141,94,13,.14)!important;background:#fffdf8!important;box-shadow:0 18px 50px rgba(37,24,6,.18)!important;}.office-menu-layer-v308 button{width:100%!important;border:0!important;background:transparent!important;border-radius:11px!important;padding:9px 10px!important;display:flex!important;align-items:center!important;gap:9px!important;color:#211a10!important;font-size:12px!important;font-weight:850!important;text-align:left!important;cursor:pointer!important;}.office-menu-layer-v308 button:hover{background:#fff4d9!important;}.office-menu-layer-v308 .office-icon-v308{width:16px!important;height:16px!important;color:#895c08!important;}
.team-office-loading-v308{max-width:760px!important;margin:44px auto!important;padding:32px!important;border-radius:28px!important;border:1px solid rgba(157,105,20,.14)!important;background:#fffdf8!important;box-shadow:0 18px 45px rgba(70,47,11,.055)!important;text-align:center!important;}.team-office-loading-v308 h1{margin:6px 0 8px!important;font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.05em!important;}.team-office-loading-v308 .muted{color:#7d705d!important;line-height:1.5!important;}
@media (max-width:1280px){.team-office-top-v308{grid-template-columns:1fr!important;}.team-office-actions-v308{grid-template-columns:repeat(5,minmax(100px,1fr))!important;min-width:0!important;}.office-main-grid-v308{grid-template-columns:1fr!important;}.office-right-grid-v308{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.office-connected-strip-v308{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.office-connected-strip-v308>div{grid-column:1/-1!important;}}
@media (max-width:820px){html body.dashboard-page .team-office-main-v308{padding:18px!important;}.team-office-actions-v308{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.office-kpi-strip-v308{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.office-control-bar-v308{grid-template-columns:1fr 1fr!important;}.office-search-v308{grid-column:1/-1!important;}.office-right-grid-v308{grid-template-columns:1fr!important;}.office-role-grid-v308{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.office-modal-org-v308{grid-template-columns:1fr!important;}.office-connected-strip-v308{grid-template-columns:1fr!important;}.office-drawer-panel-v308{inset:10px!important;width:auto!important;}}
@media (max-width:560px){.office-kpi-strip-v308,.office-role-grid-v308,.office-control-bar-v308{grid-template-columns:1fr!important;}.office-person-card-v308,.office-person-card-v308.prominent{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"avatar info menu" "load load load" "stats stats stats"!important;}.office-avatar-v308{width:42px!important;height:42px!important;}.office-client-row-v308{grid-template-columns:auto minmax(0,1fr) auto!important;}.office-client-row-v308>small{display:none!important;}.office-main-grid-v308{gap:12px!important;}.office-card-v308{padding:12px!important;border-radius:20px!important;}}


/* v309 Team Structure + Actionable Suggestions */
.office-main-grid-v309{grid-template-columns:minmax(0,1.2fr) minmax(520px,.8fr)!important;}
.office-team-structure-card-v309{min-height:560px!important;}
.office-team-structure-head-v309{align-items:flex-start!important;}
.office-view-toggle-v309{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border:1px solid rgba(141,94,13,.11)!important;border-radius:16px!important;background:#fffaf0!important;white-space:nowrap!important;}
.office-view-toggle-v309 button{height:34px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border:0!important;background:transparent!important;border-radius:12px!important;padding:0 10px!important;color:#755008!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important;}
.office-view-toggle-v309 button.active{background:#9b6a08!important;color:#fff!important;box-shadow:0 8px 18px rgba(134,87,6,.18)!important;}
.office-view-toggle-v309 .office-icon-v308{width:14px!important;height:14px!important;background:transparent!important;padding:0!important;color:currentColor!important;}
.office-team-structure-org-v309{min-height:430px!important;display:grid!important;place-items:center!important;padding:14px!important;border:1px solid rgba(141,94,13,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#fffefb,#fffaf0)!important;}
.office-team-structure-org-v309 .office-org-tree-v308{width:100%!important;gap:14px!important;}
.office-team-structure-org-v309 .office-org-row-v308.admins{gap:12px!important;}
.office-team-structure-org-v309 .office-org-node-v308{min-width:128px!important;max-width:160px!important;padding:10px!important;}
.office-card-actions-v309{display:flex!important;gap:6px!important;align-items:center!important;}
.office-suggestions-card-v309{grid-column:1/-1!important;}
.office-suggestion-actionable-v309{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border:1px solid rgba(141,94,13,.08)!important;border-radius:16px!important;background:#fff!important;padding:10px!important;margin-bottom:8px!important;color:#211a10!important;text-align:left!important;cursor:pointer!important;}
.office-suggestion-actionable-v309:hover{border-color:rgba(151,102,15,.22)!important;box-shadow:0 12px 28px rgba(70,47,11,.055)!important;}
.office-suggestion-icon-v309{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:13px!important;background:#fff7df!important;color:#946407!important;}
.office-suggestion-main-v309{display:grid!important;gap:4px!important;min-width:0!important;}
.office-suggestion-main-v309 strong{font-size:12.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-suggestion-main-v309 small{font-size:10.5px!important;color:#7d705d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-suggestion-meta-v309{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}
.office-suggestion-meta-v309 em,.office-suggestion-meta-v309 span{font-style:normal!important;border-radius:999px!important;padding:3px 7px!important;font-size:9.5px!important;font-weight:950!important;background:#fff4dc!important;color:#7a5207!important;}
.office-suggestion-meta-v309 .status-approved,.office-suggestion-meta-v309 .status-implemented{background:#eaf8ef!important;color:#1d7b45!important;}
.office-suggestion-meta-v309 .status-rejected,.office-suggestion-meta-v309 .status-archived{background:#f2f3f0!important;color:#686159!important;}
.office-suggestion-meta-v309 .status-needs_clarification{background:#eef5ff!important;color:#2366a8!important;}
.office-suggestion-meta-v309 .status-in_progress,.office-suggestion-meta-v309 .status-assigned{background:#fff0d8!important;color:#914b00!important;}
.office-suggestion-meta-v309 .priority-high,.office-suggestion-meta-v309 .priority-urgent{background:#ffe2de!important;color:#ad3526!important;}
.office-suggestion-meta-v309 .priority-low{background:#f2f3f0!important;color:#686159!important;}
.office-suggestion-actions-v309{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;}
.office-suggestion-actions-v309 button{height:30px!important;border:1px solid rgba(141,94,13,.11)!important;border-radius:11px!important;background:#fffaf0!important;color:#755008!important;padding:0 9px!important;font-size:10.5px!important;font-weight:950!important;cursor:pointer!important;white-space:nowrap!important;}
.office-suggestion-actions-v309 button:first-child{background:#9b6a08!important;color:#fff!important;}
.office-suggestion-actions-v309 button:last-child{width:30px!important;padding:0!important;display:grid!important;place-items:center!important;background:#fff!important;color:#755008!important;}
.office-suggestion-actions-v309 .office-icon-v308{width:14px!important;height:14px!important;}
.office-suggestion-detail-v309{display:grid!important;gap:14px!important;}
.office-suggestion-detail-top-v309{display:flex!important;gap:12px!important;align-items:center!important;padding:13px!important;border-radius:18px!important;background:#fffaf0!important;border:1px solid rgba(141,94,13,.1)!important;}
.office-suggestion-detail-top-v309>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;background:#fff0bf!important;color:#895c08!important;}
.office-suggestion-detail-top-v309 strong{display:block!important;font-size:16px!important;line-height:1.1!important;}.office-suggestion-detail-top-v309 small{color:#7d705d!important;font-size:11px!important;}
.office-suggestion-detail-v309 p{font-size:13px!important;line-height:1.5!important;color:#5f5344!important;margin:0!important;}
.office-suggestion-action-grid-v309{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.office-suggestion-action-grid-v309 button{border:1px solid rgba(141,94,13,.12)!important;border-radius:14px!important;background:#fffaf0!important;color:#755008!important;padding:10px!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;}
.office-suggestion-action-grid-v309 button:hover{background:#9b6a08!important;color:#fff!important;}
.office-suggestion-note-v309{padding:12px!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(141,94,13,.08)!important;font-size:12px!important;color:#6d604e!important;}
@media (max-width:1280px){.office-main-grid-v309{grid-template-columns:1fr!important;}.office-suggestions-card-v309{grid-column:auto!important;}}
@media (max-width:720px){.office-suggestion-actionable-v309{grid-template-columns:auto minmax(0,1fr)!important;}.office-suggestion-actions-v309{grid-column:1/-1!important;justify-content:flex-start!important;}.office-view-toggle-v309{width:100%!important;justify-content:space-between!important;}.office-card-actions-v309{flex-wrap:wrap!important;}.office-suggestion-action-grid-v309{grid-template-columns:1fr!important;}}


/* v310 Team Structure + Actionable Suggestions */
.office-main-grid-v310{grid-template-columns:minmax(0,1.2fr) minmax(520px,.8fr)!important;}
.office-team-structure-card-v310{min-height:560px!important;}
.office-team-structure-head-v310{align-items:flex-start!important;}
.office-view-toggle-v310{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border:1px solid rgba(141,94,13,.11)!important;border-radius:16px!important;background:#fffaf0!important;white-space:nowrap!important;}
.office-view-toggle-v310 button{height:34px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border:0!important;background:transparent!important;border-radius:12px!important;padding:0 10px!important;color:#755008!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important;}
.office-view-toggle-v310 button.active{background:#9b6a08!important;color:#fff!important;box-shadow:0 8px 18px rgba(134,87,6,.18)!important;}
.office-view-toggle-v310 .office-icon-v308{width:14px!important;height:14px!important;background:transparent!important;padding:0!important;color:currentColor!important;}
.office-team-structure-org-v310{min-height:430px!important;display:grid!important;place-items:center!important;padding:14px!important;border:1px solid rgba(141,94,13,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#fffefb,#fffaf0)!important;}
.office-team-structure-org-v310 .office-org-tree-v308{width:100%!important;gap:14px!important;}
.office-team-structure-org-v310 .office-org-row-v308.admins{gap:12px!important;}
.office-team-structure-org-v310 .office-org-node-v308{min-width:128px!important;max-width:160px!important;padding:10px!important;}
.office-card-actions-v310{display:flex!important;gap:6px!important;align-items:center!important;}
.office-suggestions-card-v310{grid-column:1/-1!important;}
.office-suggestion-actionable-v310{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border:1px solid rgba(141,94,13,.08)!important;border-radius:16px!important;background:#fff!important;padding:10px!important;margin-bottom:8px!important;color:#211a10!important;text-align:left!important;cursor:pointer!important;}
.office-suggestion-actionable-v310:hover{border-color:rgba(151,102,15,.22)!important;box-shadow:0 12px 28px rgba(70,47,11,.055)!important;}
.office-suggestion-icon-v310{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:13px!important;background:#fff7df!important;color:#946407!important;}
.office-suggestion-main-v310{display:grid!important;gap:4px!important;min-width:0!important;}
.office-suggestion-main-v310 strong{font-size:12.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-suggestion-main-v310 small{font-size:10.5px!important;color:#7d705d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.office-suggestion-meta-v310{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}
.office-suggestion-meta-v310 em,.office-suggestion-meta-v310 span{font-style:normal!important;border-radius:999px!important;padding:3px 7px!important;font-size:9.5px!important;font-weight:950!important;background:#fff4dc!important;color:#7a5207!important;}
.office-suggestion-meta-v310 .status-approved,.office-suggestion-meta-v310 .status-implemented{background:#eaf8ef!important;color:#1d7b45!important;}
.office-suggestion-meta-v310 .status-rejected,.office-suggestion-meta-v310 .status-archived{background:#f2f3f0!important;color:#686159!important;}
.office-suggestion-meta-v310 .status-needs_clarification{background:#eef5ff!important;color:#2366a8!important;}
.office-suggestion-meta-v310 .status-in_progress,.office-suggestion-meta-v310 .status-assigned{background:#fff0d8!important;color:#914b00!important;}
.office-suggestion-meta-v310 .priority-high,.office-suggestion-meta-v310 .priority-urgent{background:#ffe2de!important;color:#ad3526!important;}
.office-suggestion-meta-v310 .priority-low{background:#f2f3f0!important;color:#686159!important;}
.office-suggestion-actions-v310{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;}
.office-suggestion-actions-v310 button{height:30px!important;border:1px solid rgba(141,94,13,.11)!important;border-radius:11px!important;background:#fffaf0!important;color:#755008!important;padding:0 9px!important;font-size:10.5px!important;font-weight:950!important;cursor:pointer!important;white-space:nowrap!important;}
.office-suggestion-actions-v310 button:first-child{background:#9b6a08!important;color:#fff!important;}
.office-suggestion-actions-v310 button:last-child{width:30px!important;padding:0!important;display:grid!important;place-items:center!important;background:#fff!important;color:#755008!important;}
.office-suggestion-actions-v310 .office-icon-v308{width:14px!important;height:14px!important;}
.office-suggestion-detail-v310{display:grid!important;gap:14px!important;}
.office-suggestion-detail-top-v310{display:flex!important;gap:12px!important;align-items:center!important;padding:13px!important;border-radius:18px!important;background:#fffaf0!important;border:1px solid rgba(141,94,13,.1)!important;}
.office-suggestion-detail-top-v310>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;background:#fff0bf!important;color:#895c08!important;}
.office-suggestion-detail-top-v310 strong{display:block!important;font-size:16px!important;line-height:1.1!important;}.office-suggestion-detail-top-v310 small{color:#7d705d!important;font-size:11px!important;}
.office-suggestion-detail-v310 p{font-size:13px!important;line-height:1.5!important;color:#5f5344!important;margin:0!important;}
.office-suggestion-action-grid-v310{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.office-suggestion-action-grid-v310 button{border:1px solid rgba(141,94,13,.12)!important;border-radius:14px!important;background:#fffaf0!important;color:#755008!important;padding:10px!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;}
.office-suggestion-action-grid-v310 button:hover{background:#9b6a08!important;color:#fff!important;}
.office-suggestion-note-v310{padding:12px!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(141,94,13,.08)!important;font-size:12px!important;color:#6d604e!important;}
@media (max-width:1280px){.office-main-grid-v310{grid-template-columns:1fr!important;}.office-suggestions-card-v310{grid-column:auto!important;}}
@media (max-width:720px){.office-suggestion-actionable-v310{grid-template-columns:auto minmax(0,1fr)!important;}.office-suggestion-actions-v310{grid-column:1/-1!important;justify-content:flex-start!important;}.office-view-toggle-v310{width:100%!important;justify-content:space-between!important;}.office-card-actions-v310{flex-wrap:wrap!important;}.office-suggestion-action-grid-v310{grid-template-columns:1fr!important;}}


/* v310 Policy, Community, and Client Feedback Corners */
.office-corner-card-v310{min-height:0!important;}
.office-corner-row-v310{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid rgba(141,94,13,.08)!important;border-radius:16px!important;background:#fff!important;color:#211a10!important;text-align:left!important;margin-bottom:8px!important;cursor:pointer!important;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease!important;}
.office-corner-row-v310:hover{transform:translateY(-1px)!important;border-color:rgba(151,102,15,.2)!important;box-shadow:0 12px 26px rgba(70,47,11,.052)!important;}
.office-corner-row-v310>span{width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#fff4d9!important;color:#8a5d08!important;}
.office-corner-row-v310>span .office-icon-v308{width:17px!important;height:17px!important;}
.office-corner-row-v310 div{display:grid!important;gap:2px!important;min-width:0!important;}
.office-corner-row-v310 strong{font-size:12.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#20190f!important;}
.office-corner-row-v310 small,.office-corner-row-v310 em{display:block!important;font-size:10.5px!important;line-height:1.25!important;color:#7d705d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-style:normal!important;}
.office-corner-row-v310>b{min-width:34px!important;height:28px!important;border-radius:999px!important;padding:0 8px!important;display:inline-grid!important;place-items:center!important;background:#fffaf0!important;color:#7a5207!important;font-size:10px!important;font-weight:950!important;border:1px solid rgba(141,94,13,.1)!important;}
.office-corner-row-v310.community>span{background:#fff1fb!important;color:#9a3a7e!important;}
.office-corner-row-v310.feedback>span{background:#eef5ff!important;color:#2366a8!important;}
.office-corner-row-v310.policy>span{background:#fff4d9!important;color:#8a5d08!important;}
.office-corner-detail-v310{display:grid!important;gap:12px!important;}
.office-corner-detail-v310>span{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#fff4d9!important;color:#8a5d08!important;}
.office-corner-detail-v310>span .office-icon-v308{width:22px!important;height:22px!important;}
.office-corner-detail-v310 h3{margin:0!important;font-size:20px!important;line-height:1.1!important;letter-spacing:-.03em!important;color:#20190f!important;}
.office-corner-detail-v310 p{margin:0!important;font-size:13.5px!important;line-height:1.55!important;color:#5f5344!important;white-space:pre-wrap!important;}
.office-corner-detail-v310 small{color:#7d705d!important;font-size:11px!important;}
.office-corner-detail-v310 button{justify-self:start!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(141,94,13,.12)!important;background:#9b6a08!important;color:#fff!important;border-radius:14px!important;padding:10px 13px!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;}
.office-close-button-v310{font-family:Arial,Helvetica,sans-serif!important;font-size:26px!important;line-height:1!important;font-weight:500!important;color:#5f3e07!important;}
.office-close-button-v310 span{display:block!important;transform:translateY(-1px)!important;}
.office-card-actions-v310{display:flex!important;gap:6px!important;align-items:center!important;}
.office-card-actions-v310 button{height:30px!important;border:1px solid rgba(141,94,13,.11)!important;border-radius:11px!important;background:#fffaf0!important;color:#755008!important;padding:0 9px!important;font-size:10.5px!important;font-weight:950!important;cursor:pointer!important;white-space:nowrap!important;}
.office-card-actions-v310 button:last-child{background:#9b6a08!important;color:#fff!important;}
@media(max-width:720px){.office-corner-row-v310{grid-template-columns:auto minmax(0,1fr)!important;}.office-corner-row-v310>b{grid-column:2/3!important;justify-self:start!important;margin-top:3px!important;}.office-card-actions-v310{flex-wrap:wrap!important;}}

/* v311 Team Space Office Clean Professional Layout */
.q311-team-space{background:linear-gradient(180deg,#fffdf9 0%,#fffaf1 100%)!important;min-height:100vh!important;padding:24px!important;color:#20180d!important;}
.q311-team-space *{box-sizing:border-box!important;}
.q311-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin:0 0 16px!important;}
.q311-top h1{font-size:38px!important;line-height:.95!important;margin:2px 0 8px!important;letter-spacing:-.055em!important;color:#18140e!important;}
.q311-top p:not(.eyebrow){margin:0!important;color:#776c5f!important;font-size:14px!important;}
.q311-grid{display:grid!important;grid-template-columns:minmax(560px,.92fr) minmax(640px,1.08fr)!important;gap:16px!important;align-items:start!important;}
.q311-left,.q311-right{display:grid!important;gap:16px!important;}
.q311-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:stretch!important;}
.q311-card{background:rgba(255,255,255,.94)!important;border:1px solid rgba(141,94,13,.12)!important;border-radius:22px!important;box-shadow:0 16px 42px rgba(65,43,8,.055)!important;padding:18px!important;min-width:0!important;}
.q311-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
.q311-card-head>div{display:flex!important;gap:10px!important;align-items:flex-start!important;min-width:0!important;}
.q311-card-head h2{margin:0!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.025em!important;color:#1d170f!important;}
.q311-card-head p{margin:4px 0 0!important;font-size:12px!important;color:#7a6e5e!important;line-height:1.25!important;}
.q311-card-head button,.q311-card-head select{border:1px solid rgba(141,94,13,.12)!important;border-radius:12px!important;background:#fffdf9!important;color:#5d410a!important;height:34px!important;padding:0 11px!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important;}
.q311-icon{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;color:#d18402!important;flex:0 0 auto!important;}
.q311-icon svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.q311-legend{display:flex!important;justify-content:flex-end!important;gap:14px!important;margin:-4px 0 20px!important;font-size:11.5px!important;font-weight:850!important;color:#5e554c!important;}
.q311-legend span,.q311-presence-summary span{display:inline-flex!important;align-items:center!important;gap:6px!important;}
.q311-legend i,.q311-presence-summary i,.q311-presence i{width:8px!important;height:8px!important;border-radius:999px!important;background:#23a260!important;display:inline-block!important;}
.q311-legend .meeting i,.q311-presence-summary .meeting i,.q311-presence.meeting i{background:#1f73d3!important;}
.q311-legend .leave i,.q311-presence-summary .leave i,.q311-presence.leave i{background:#e88409!important;}
.q311-legend .offline i,.q311-presence-summary .offline i,.q311-presence.offline i{background:#8b8e93!important;}
.q311-orgtree{position:relative!important;padding:8px 4px 4px!important;display:grid!important;gap:14px!important;}
.q311-org-top{display:flex!important;justify-content:center!important;}
.q311-org-line{height:18px!important;position:relative!important;}
.q311-org-line::before{content:""!important;position:absolute!important;left:50%!important;top:0!important;bottom:0!important;width:1px!important;background:rgba(114,104,90,.22)!important;}
.q311-org-line.wide::after{content:""!important;position:absolute!important;left:11%!important;right:11%!important;top:0!important;height:1px!important;background:rgba(114,104,90,.22)!important;}
.q311-org-row{display:grid!important;gap:12px!important;align-items:stretch!important;justify-content:center!important;}
.q311-org-row.admins{grid-template-columns:repeat(4,minmax(120px,1fr))!important;}
.q311-org-row.team{grid-template-columns:repeat(5,minmax(105px,1fr))!important;}
.q311-person{border:1px solid rgba(141,94,13,.11)!important;background:#fff!important;border-radius:17px!important;box-shadow:0 8px 20px rgba(55,34,5,.035)!important;color:#20180d!important;text-align:left!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:92px!important;padding:13px!important;cursor:pointer!important;transition:.16s ease!important;}
.q311-person:hover{transform:translateY(-1px)!important;border-color:rgba(151,102,15,.24)!important;box-shadow:0 14px 30px rgba(55,34,5,.07)!important;}
.q311-person.ceo{width:min(320px,100%)!important;grid-template-columns:auto 1fr auto!important;min-height:104px!important;padding:15px!important;}
.q311-avatar,.q311-mini-avatar{width:46px!important;height:46px!important;border-radius:999px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#f6d485,#b77b12)!important;color:#fff!important;font-weight:950!important;box-shadow:0 8px 20px rgba(78,50,5,.12)!important;flex:0 0 auto!important;}
.q311-avatar.big{width:62px!important;height:62px!important;}
.q311-avatar img,.q311-mini-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}
.q311-mini-avatar{width:34px!important;height:34px!important;font-size:11px!important;}
.q311-person-copy{display:grid!important;gap:3px!important;min-width:0!important;}
.q311-person-copy strong{font-size:13.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.q311-person-copy small{font-size:10.5px!important;color:#766a5c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.q311-presence{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10.5px!important;color:#5d554a!important;font-style:normal!important;font-weight:800!important;}
.q311-workload{grid-column:1/-1!important;justify-self:start!important;border-radius:999px!important;padding:4px 9px!important;font-size:10.5px!important;line-height:1!important;background:#f2f3f0!important;color:#5f5f5a!important;font-weight:950!important;}
.q311-person.ceo .q311-workload{grid-column:auto!important;align-self:end!important;}
.q311-workload.balanced{background:#ffedba!important;color:#805700!important;}.q311-workload.high{background:#ffe3cf!important;color:#b84a17!important;}.q311-workload.overloaded{background:#ffe1e1!important;color:#b11f1f!important;}.q311-workload.light{background:#eef2f6!important;color:#596473!important;}
.q311-empty-mini,.q311-empty{border:1px dashed rgba(141,94,13,.18)!important;border-radius:16px!important;padding:16px!important;color:#7d705d!important;font-size:13px!important;background:#fffaf2!important;}
.q311-presence-summary{display:grid!important;grid-template-columns:repeat(5,auto) 1fr!important;gap:14px!important;align-items:center!important;margin-top:18px!important;padding:13px 14px!important;border-radius:17px!important;border:1px solid rgba(141,94,13,.09)!important;background:#fffdf9!important;font-size:12px!important;color:#5b5145!important;}
.q311-presence-summary b{color:#20180d!important;margin-left:4px!important;}.q311-presence-summary .overloaded{color:#ba2525!important;font-weight:900!important;}.q311-presence-summary button{justify-self:end!important;border:0!important;background:transparent!important;color:#1f1a13!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;}
.q311-policy{padding-bottom:16px!important;}.q311-policy-list{display:grid!important;gap:8px!important;}.q311-policy-row,.q311-feedback-row{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;border:1px solid rgba(141,94,13,.08)!important;border-radius:16px!important;background:#fff!important;padding:12px!important;color:#20180d!important;text-align:left!important;cursor:pointer!important;}
.q311-policy-row .q311-icon{width:30px!important;height:30px!important;padding:6px!important;border-radius:11px!important;background:#eff9f2!important;color:#218651!important;}.q311-policy-row strong,.q311-feedback-row strong{display:block!important;font-size:13px!important;line-height:1.2!important;}.q311-policy-row small,.q311-policy-row em,.q311-feedback-row small{display:block!important;font-size:11px!important;color:#756b5f!important;font-style:normal!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.q311-bottom-link{width:100%!important;height:38px!important;margin-top:10px!important;border:0!important;background:transparent!important;color:#1d170f!important;font-weight:950!important;cursor:pointer!important;}
.q311-list,.q311-feedback-list{display:grid!important;gap:9px!important;}.q311-suggestion{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:9px 0!important;border-bottom:1px solid rgba(141,94,13,.08)!important;}.q311-suggestion:last-child{border-bottom:0!important;}.q311-suggestion strong{display:block!important;font-size:12.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.q311-suggestion small{font-size:10.5px!important;color:#786d60!important;}.q311-suggestion button{height:30px!important;border:1px solid rgba(141,94,13,.13)!important;background:#fffaf0!important;color:#865a07!important;border-radius:10px!important;padding:0 10px!important;font-weight:900!important;font-size:11px!important;}
.q311-pill{border-radius:999px!important;padding:5px 9px!important;background:#fff0cf!important;color:#8a5a00!important;font-size:10px!important;font-style:normal!important;font-weight:950!important;}.q311-pill.implemented,.q311-pill.approved{background:#e6f8ec!important;color:#17733d!important;}.q311-pill.open{background:#eaf3ff!important;color:#216db6!important;}
.q311-sentiment{width:28px!important;height:28px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#e9f8ee!important;color:#15924f!important;font-size:18px!important;}.q311-sentiment.neutral{background:#fff4dd!important;color:#ca7600!important;}.q311-sentiment.negative,.q311-sentiment.revision{background:#ffe7e7!important;color:#bd2828!important;}
.q311-community .q311-card-head button{background:#fffaf0!important;color:#1f66b1!important;}.q311-community-tabs{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:12px!important;}.q311-community-tabs button{border:1px solid rgba(141,94,13,.12)!important;background:#fff!important;border-radius:999px!important;height:30px!important;padding:0 12px!important;font-size:11px!important;font-weight:900!important;}.q311-community-tabs .active{background:#fff2d5!important;color:#9b6100!important;border-color:#e7b96f!important;}.q311-community-tabs small{margin-left:auto!important;color:#7c7166!important;font-size:10.5px!important;}
.q311-story-wrap{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;}.q311-story-nav{width:34px!important;height:34px!important;border-radius:999px!important;border:1px solid rgba(141,94,13,.1)!important;background:#fff!important;box-shadow:0 8px 18px rgba(70,47,11,.06)!important;font-size:26px!important;line-height:1!important;color:#755008!important;cursor:pointer!important;}.q311-story{border:1px solid rgba(141,94,13,.1)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;}.q311-story header{display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;}.q311-story header div{min-width:0!important;flex:1!important;}.q311-story header strong{display:block!important;font-size:12.5px!important;}.q311-story header small{font-size:10.5px!important;color:#817568!important;}.q311-story header button{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#6e655c!important;cursor:pointer!important;}.q311-story header button .q311-icon{width:18px!important;height:18px!important;color:#6e655c!important;}.q311-story-body{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;gap:12px!important;padding:10px 14px 16px!important;background:linear-gradient(135deg,#fff,#f6f0ff)!important;min-height:150px!important;}.q311-story-body strong{font-size:20px!important;line-height:1.05!important;letter-spacing:-.03em!important;}.q311-story-body p{font-size:13px!important;line-height:1.4!important;color:#5e5349!important;margin:8px 0 0!important;}.q311-story-art{border-radius:18px!important;background:linear-gradient(135deg,#fee7ba,#c9e7ff)!important;display:grid!important;place-items:center!important;color:#7a4c9f!important;}.q311-story-art .q311-icon{width:46px!important;height:46px!important;color:#7a4c9f!important;}.q311-story footer{display:flex!important;gap:10px!important;align-items:center!important;padding:9px 12px!important;}.q311-story footer button{border:0!important;background:transparent!important;display:inline-flex!important;gap:5px!important;align-items:center!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important;color:#5e554c!important;}.q311-story footer .q311-icon{width:15px!important;height:15px!important;color:#5e554c!important;}.q311-story-dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:10px 0!important;}.q311-story-dots button{width:8px!important;height:8px!important;border-radius:999px!important;border:0!important;background:#d4d4d4!important;padding:0!important;}.q311-story-dots button.active{background:#ef8e0b!important;}.q311-story-dots span{font-size:11px!important;color:#397b46!important;margin-left:10px!important;}.q311-comment-form{display:flex!important;gap:8px!important;}.q311-comment-form input{height:36px!important;border:1px solid rgba(141,94,13,.1)!important;border-radius:12px!important;flex:1!important;padding:0 12px!important;}.q311-comment-form button{border:1px solid rgba(141,94,13,.12)!important;background:#fffaf0!important;border-radius:12px!important;padding:0 12px!important;font-weight:900!important;color:#755008!important;}.q311-empty-story{border:1px dashed rgba(141,94,13,.18)!important;background:#fffaf2!important;border-radius:18px!important;padding:18px!important;display:grid!important;gap:6px!important;}.q311-empty-story small{color:#7d705d!important;}.q311-empty-story button{justify-self:start!important;height:34px!important;border:1px solid rgba(141,94,13,.13)!important;background:#fff!important;border-radius:12px!important;padding:0 12px!important;font-weight:900!important;color:#8a5d08!important;}
.q311-emergency{border-color:rgba(214,45,45,.16)!important;}.q311-emergency .q311-card-head .q311-icon{color:#d92323!important;}.q311-alert-strip{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;background:#fff1f1!important;border:1px solid #ffd2d2!important;border-radius:16px!important;padding:13px!important;}.q311-alert-strip>span{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#e23b3b!important;color:#fff!important;}.q311-alert-strip .q311-icon{color:#fff!important;width:24px!important;height:24px!important;}.q311-alert-strip strong{font-size:15px!important;display:block!important;}.q311-alert-strip small{font-size:11px!important;color:#5e5349!important;}.q311-alert-strip b{border:1px solid #e44!important;color:#c51b1b!important;border-radius:12px!important;padding:7px 11px!important;background:#fff7f7!important;font-size:11px!important;text-transform:capitalize!important;}.q311-emergency h3{font-size:12.5px!important;margin:14px 0 8px!important;}.q311-safety-table{display:grid!important;border-top:1px solid rgba(141,94,13,.09)!important;}.q311-safety-table>div{display:grid!important;grid-template-columns:1.2fr 1fr 1fr 1.1fr!important;gap:8px!important;align-items:center!important;border-bottom:1px solid rgba(141,94,13,.075)!important;padding:7px 0!important;font-size:11px!important;}.q311-safety-table b{font-size:11px!important;}.q311-safety-table b.safe{color:#15924f!important;}.q311-safety-table b.needs_assistance{color:#d87800!important;}.q311-safety-table b.awaiting_response{color:#b37a00!important;}.q311-safety-table b.no_response{color:#777!important;}.q311-safety-table b.emergency{color:#d62424!important;}.q311-emergency footer{display:flex!important;gap:10px!important;margin-top:12px!important;}.q311-emergency footer button{height:36px!important;border-radius:12px!important;border:1px solid rgba(141,94,13,.13)!important;background:#fff!important;padding:0 14px!important;font-size:11.5px!important;font-weight:950!important;}.q311-emergency footer .danger{background:#d92323!important;border-color:#d92323!important;color:#fff!important;}.q311-note{display:block!important;color:#7d705d!important;margin-top:10px!important;font-size:10.5px!important;}.q311-no-alert{border:1px dashed rgba(214,45,45,.18)!important;background:#fffafa!important;border-radius:16px!important;padding:18px!important;display:grid!important;gap:5px!important;}.q311-no-alert small{color:#786d60!important;}
.q311-drawer,.q311-modal{position:fixed!important;inset:0!important;z-index:1400!important;pointer-events:none!important;}.q311-drawer[aria-hidden="true"],.q311-modal[aria-hidden="true"]{display:none!important;}.q311-drawer-bg,.q311-modal-bg{position:absolute!important;inset:0!important;background:rgba(30,22,11,.24)!important;backdrop-filter:blur(4px)!important;pointer-events:auto!important;}.q311-drawer-card{position:absolute!important;top:18px!important;right:18px!important;bottom:18px!important;width:min(500px,calc(100vw - 36px))!important;background:#fffdf9!important;border-radius:26px!important;border:1px solid rgba(141,94,13,.12)!important;box-shadow:0 26px 80px rgba(37,24,6,.23)!important;overflow:auto!important;pointer-events:auto!important;}.q311-modal-card{position:relative!important;margin:10vh auto!important;width:min(520px,calc(100vw - 32px))!important;background:#fffdf9!important;border-radius:24px!important;border:1px solid rgba(141,94,13,.12)!important;box-shadow:0 26px 80px rgba(37,24,6,.23)!important;pointer-events:auto!important;padding:18px!important;}.q311-drawer-card header,.q311-modal-card header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:18px!important;border-bottom:1px solid rgba(141,94,13,.08)!important;}.q311-modal-card header{padding:0 0 14px!important;margin-bottom:14px!important;}.q311-drawer-card header h2,.q311-modal-card h2{font-size:24px!important;letter-spacing:-.04em!important;margin:0!important;}.q311-drawer-card header button,.q311-modal-card header button{width:36px!important;height:36px!important;border-radius:13px!important;border:1px solid rgba(141,94,13,.12)!important;background:#fff!important;color:#5f3e07!important;font-size:26px!important;line-height:1!important;cursor:pointer!important;}.q311-drawer-card>div{padding:18px!important;}.q311-profile{display:flex!important;gap:12px!important;align-items:center!important;background:#fffaf0!important;border:1px solid rgba(141,94,13,.1)!important;border-radius:18px!important;padding:14px!important;}.q311-profile strong{display:block!important;font-size:18px!important;}.q311-profile small{display:block!important;color:#786d60!important;margin-bottom:5px!important;}.q311-drawer-row{border:1px solid rgba(141,94,13,.08)!important;border-radius:16px!important;background:#fff!important;padding:12px!important;margin-bottom:10px!important;}.q311-drawer-row strong{display:block!important;}.q311-drawer-row small{display:block!important;color:#786d60!important;font-size:11px!important;margin:2px 0 6px!important;}.q311-drawer-row p{font-size:13px!important;color:#50473f!important;margin:0!important;}.q311-form{display:grid!important;gap:12px!important;}.q311-form label{display:grid!important;gap:6px!important;font-size:12px!important;color:#6a5f52!important;font-weight:900!important;}.q311-form input,.q311-form textarea,.q311-form select{width:100%!important;border:1px solid rgba(141,94,13,.12)!important;border-radius:14px!important;background:#fff!important;min-height:42px!important;padding:10px 12px!important;font:inherit!important;color:#21180d!important;}.q311-form textarea{min-height:110px!important;resize:vertical!important;}.q311-form button{height:42px!important;border:0!important;background:#9b6a08!important;color:#fff!important;border-radius:14px!important;font-weight:950!important;cursor:pointer!important;}
@media(max-width:1350px){.q311-grid{grid-template-columns:1fr!important;}.q311-right{grid-row:auto!important;}.q311-org-row.admins{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.q311-org-row.team{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:760px){.q311-team-space{padding:14px!important;}.q311-top h1{font-size:30px!important;}.q311-pair,.q311-bottom-pair{grid-template-columns:1fr!important;}.q311-org-row.admins,.q311-org-row.team{grid-template-columns:1fr!important;}.q311-legend{justify-content:flex-start!important;flex-wrap:wrap!important;}.q311-presence-summary{grid-template-columns:repeat(2,1fr)!important;}.q311-presence-summary button{justify-self:start!important;}.q311-suggestion{grid-template-columns:auto minmax(0,1fr)!important;}.q311-suggestion .q311-pill,.q311-suggestion button{grid-column:2/3!important;justify-self:start!important;}.q311-safety-table>div{grid-template-columns:1fr!important;}.q311-story-body{grid-template-columns:1fr!important;}.q311-community-tabs small{width:100%!important;margin-left:0!important;}}

/* V312 Client Feedback Corner repair: short praise/satisfaction preview only */
.q312-client-feedback .q311-card-head{margin-bottom:12px!important;}
.q312-client-feedback .q311-card-head p{max-width:220px!important;}
.q312-feedback-list{gap:8px!important;}
.q312-feedback-row{min-height:64px!important;padding:10px 12px!important;grid-template-columns:34px minmax(0,1fr) 30px!important;border-radius:15px!important;}
.q312-feedback-row .q311-mini-avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:11px!important;}
.q312-feedback-copy{min-width:0!important;display:block!important;overflow:hidden!important;}
.q312-feedback-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12.5px!important;line-height:1.25!important;max-width:100%!important;}
.q312-feedback-copy small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10.5px!important;color:#756b5f!important;margin-top:3px!important;}
.q312-feedback-row .q311-sentiment{width:28px!important;height:28px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:15px!important;}
.q312-feedback-hint{display:block!important;margin-top:8px!important;color:#8a7a64!important;font-size:10.5px!important;text-align:right!important;}
.q312-feedback-drawer-row p{font-size:14px!important;line-height:1.55!important;color:#2c2419!important;margin:10px 0!important;white-space:normal!important;}
.q312-feedback-drawer-row .q311-sentiment{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 10px!important;border-radius:999px!important;background:#f3fff7!important;color:#16884b!important;font-size:12px!important;}
@media(max-width:760px){.q312-feedback-row{grid-template-columns:32px minmax(0,1fr) 28px!important;}.q312-feedback-hint{text-align:left!important;}}

/* V316 Team Space layout refinement: Emergency Center moved to Messages. */
.q316-team-space .q316-grid{grid-template-columns:minmax(560px,.92fr) minmax(660px,1.08fr)!important;}
.q316-team-space .q316-left{align-self:start!important;}
.q316-team-space .q316-left .q311-structure{min-height:calc(100vh - 155px)!important;}
.q316-team-space .q316-right{display:grid!important;gap:16px!important;}
.q316-team-space .q316-pair{grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:stretch!important;}
.q316-team-space .q316-bottom-pair .q311-policy,.q316-team-space .q316-bottom-pair .q311-community{min-height:360px!important;}
@media (max-width:1180px){.q316-team-space .q316-grid,.q316-team-space .q316-pair{grid-template-columns:1fr!important}.q316-team-space .q316-left .q311-structure{min-height:auto!important}}

/* V316 Messages: calamity-only Emergency Center lives in Messages for immediate visibility. */
.wa-emergency-center-v316{margin:0 12px 12px!important;border:1px solid rgba(185,28,28,.16)!important;background:linear-gradient(180deg,#fffafa,#fff7f2)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 10px 28px rgba(127,29,29,.06)!important;color:#231815!important;display:grid!important;gap:10px!important;}
.wa-emergency-center-v316 header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:flex-start!important;}
.wa-emergency-center-v316 header .wa-icon-v141,.wa-emergency-icon-v316 .wa-icon-v141{width:20px!important;height:20px!important;color:#dc2626!important;}
.wa-emergency-center-v316 strong{display:block!important;font-size:13px!important;line-height:1.15!important;color:#1f1714!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.wa-emergency-center-v316 small,.wa-emergency-center-v316 p{font-size:11.5px!important;line-height:1.35!important;color:#76655d!important;margin:3px 0 0!important;}
.wa-emergency-center-v316 header b{font-size:10px!important;line-height:1!important;border-radius:999px!important;padding:6px 8px!important;background:#fee2e2!important;color:#b91c1c!important;white-space:nowrap!important;}
.wa-emergency-actions-v316{display:flex!important;gap:8px!important;}
.wa-emergency-actions-v316 button,.wa-emergency-affected-v316 footer button{border:1px solid rgba(185,28,28,.16)!important;background:#fff!important;color:#991b1b!important;border-radius:11px!important;height:30px!important;padding:0 10px!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;}
.wa-emergency-actions-v316 button:first-child{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;}
.wa-emergency-affected-v316{border-top:1px solid rgba(185,28,28,.11)!important;padding-top:10px!important;display:grid!important;gap:8px!important;}
.wa-emergency-affected-v316 h3{font-size:12px!important;margin:0!important;color:#2a1f1b!important;}
.wa-emergency-affected-v316 article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:8px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(185,28,28,.08)!important;}
.wa-emergency-affected-v316 article small{display:block!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.wa-emergency-affected-v316 em{font-size:10px!important;font-style:normal!important;font-weight:950!important;border-radius:999px!important;padding:5px 7px!important;background:#f3f4f6!important;color:#4b5563!important;white-space:nowrap!important;}
.wa-emergency-affected-v316 em.safe{background:#dcfce7!important;color:#166534!important;}
.wa-emergency-affected-v316 em.needs_assistance{background:#ffedd5!important;color:#9a3412!important;}
.wa-emergency-affected-v316 em.awaiting_response{background:#fef3c7!important;color:#92400e!important;}
.wa-emergency-affected-v316 em.no_response{background:#f3f4f6!important;color:#4b5563!important;}
.wa-emergency-affected-v316 em.emergency{background:#fee2e2!important;color:#991b1b!important;}
.wa-emergency-affected-v316 footer{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}


/* v325 — Content Approval toolbar polish
   Aligns + Add New Content with the Content Groups dropdown and removes the redundant label above the selector. */
html body.client-portal-v325 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v111,
html body.client-portal-v325 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v119{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
html body.client-portal-v325 .client-v46-add-content{
  height:52px!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 24px!important;
  line-height:1!important;
  border-radius:999px!important;
  margin:0!important;
}
html body.client-portal-v325 .delivery-cycle-cell-v111.posting-group-toolbar-control-v277{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:252px!important;
  max-width:min(320px, 100%)!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  position:relative!important;
}
html body.client-portal-v325 .delivery-cycle-cell-v111.posting-group-toolbar-control-v277 > label{
  display:none!important;
}
html body.client-portal-v325 .posting-group-toolbar-control-v277 .delivery-cycle-toggle-v111,
html body.client-portal-v325 .delivery-cycle-cell-v111.posting-group-toolbar-control-v277 .delivery-cycle-toggle-v111,
html body.client-portal-v325 #deliveryCycleToggle{
  height:52px!important;
  min-height:52px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 18px!important;
  line-height:1!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
html body.client-portal-v325 #deliveryCycleCurrentLabel{
  font-weight:900!important;
  letter-spacing:.01em!important;
}
html body.client-portal-v325 .posting-group-toolbar-control-v277 .delivery-cycle-menu-v111{
  top:calc(100% + 10px)!important;
  left:0!important;
  right:auto!important;
}
@media (max-width:680px){
  html body.client-portal-v325 .client-v46-add-content,
  html body.client-portal-v325 .delivery-cycle-cell-v111.posting-group-toolbar-control-v277{
    width:100%!important;
    max-width:none!important;
  }
}


/* v326 — TeamSpace control alignment and member row action alignment */
html body.client-portal-v326 .teamspace-header-row-v237,
html body.client-portal-v326 .teamspace-header-row-v241 {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 148px!important;
  align-items:center!important;
  gap:10px!important;
}
html body.client-portal-v326 .teamspace-search-field-v237,
html body.client-portal-v326 .teamspace-search-field-v241 {
  display:block!important;
  min-width:0!important;
}
html body.client-portal-v326 .teamspace-search-field-v237 input,
html body.client-portal-v326 .teamspace-search-field-v241 input,
html body.client-portal-v326 .teamspace-member-count-v237,
html body.client-portal-v326 .teamspace-member-count-v241 {
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  border-radius:999px!important;
}
html body.client-portal-v326 .teamspace-member-count-v237,
html body.client-portal-v326 .teamspace-member-count-v241 {
  width:148px!important;
  min-width:148px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 14px!important;
  align-self:stretch!important;
}
html body.client-portal-v326 .assigned-member-list-v237,
html body.client-portal-v326 .assigned-member-list-v241 {
  gap:10px!important;
}
html body.client-portal-v326 .teamspace-member-row-v326,
html body.client-portal-v326 .assigned-member-row-v237.teamspace-member-row-v326 {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:64px!important;
  height:64px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
}
html body.client-portal-v326 .teamspace-member-identity-v326,
html body.client-portal-v326 .teamspace-member-copy-v326,
html body.client-portal-v326 .member-name-line-v326 {
  min-width:0!important;
  width:100%!important;
}
html body.client-portal-v326 .member-name-line-v326 {
  display:flex!important;
  align-items:center!important;
}
html body.client-portal-v326 .teamspace-member-meta-v326 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content!important;
}
html body.client-portal-v326 .teamspace-member-meta-v326 .account-type-badge-v237 {
  max-width:none!important;
}
html body.client-portal-v326 .teamspace-member-meta-v326 .trash-remove-btn,
html body.client-portal-v326 .teamspace-member-meta-v326 .inline-member-delete-v284 {
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  margin:0!important;
  border-radius:8px!important;
  display:inline-grid!important;
  place-items:center!important;
}
@media (max-width: 640px){
  html body.client-portal-v326 .teamspace-header-row-v237,
  html body.client-portal-v326 .teamspace-header-row-v241 {
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v326 .teamspace-member-count-v237,
  html body.client-portal-v326 .teamspace-member-count-v241 {
    width:100%!important;
    min-width:0!important;
  }
  html body.client-portal-v326 .teamspace-member-row-v326,
  html body.client-portal-v326 .assigned-member-row-v237.teamspace-member-row-v326 {
    height:auto!important;
    min-height:64px!important;
  }
}


/* v327 — TeamSpace member name vertical centering */
html body.client-portal-v327 .teamspace-member-row-v326,
html body.client-portal-v327 .assigned-member-row-v237.teamspace-member-row-v326,
html body.client-portal-v327 .teamspace-member-row-v327,
html body.client-portal-v327 .assigned-member-row-v237.teamspace-member-row-v327 {
  align-items:center!important;
}
html body.client-portal-v327 .teamspace-member-identity-v326,
html body.client-portal-v327 .teamspace-member-identity-v327,
html body.client-portal-v327 .assigned-member-row-v237 .team-member-identity {
  align-items:center!important;
}
html body.client-portal-v327 .teamspace-member-copy-v326,
html body.client-portal-v327 .teamspace-member-copy-v327,
html body.client-portal-v327 .assigned-member-row-v237 .member-copy {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
  min-height:100%!important;
  gap:2px!important;
}
html body.client-portal-v327 .member-name-line-v326,
html body.client-portal-v327 .member-name-line-v327 {
  align-items:center!important;
  line-height:1.05!important;
}
html body.client-portal-v327 .member-name-line-v326 strong,
html body.client-portal-v327 .member-name-line-v327 strong,
html body.client-portal-v327 .assigned-member-row-v237 .member-copy strong {
  line-height:1.05!important;
}
html body.client-portal-v327 .teamspace-member-copy-v326 small,
html body.client-portal-v327 .teamspace-member-copy-v327 small,
html body.client-portal-v327 .assigned-member-row-v237 .member-copy small {
  line-height:1.05!important;
  margin:0!important;
}

/* v328 — real Content Approval role-action polish */
html body.client-portal-v328[data-content-role="client"] #newPostBtn,
html body.client-portal-v328[data-content-role="client_sub_account"] #newPostBtn{
  display:none!important;
}
html body.client-portal-v328 .content-form-readonly-v328 label:not(.linkedin-comment-composer-v62 label),
html body.client-portal-v328 .content-form-readonly-v328 input:disabled,
html body.client-portal-v328 .content-form-readonly-v328 select:disabled,
html body.client-portal-v328 .content-form-readonly-v328 textarea:disabled{
  cursor:not-allowed!important;
}
html body.client-portal-v328 .content-action-menu button[data-status-content]{
  color:#7b5208!important;
  font-weight:850!important;
}
html body.client-portal-v328 .content-action-menu button[data-next-status="approved"]{
  color:#14783e!important;
}
html body.client-portal-v328 .content-action-menu button[data-next-status="change_request"],
html body.client-portal-v328 .content-action-menu button[data-next-status="rejected"]{
  color:#b45309!important;
}
html body.client-portal-v328 .content-action-menu button[data-next-status="published"]{
  color:#2457a6!important;
}


/* v329 - Analytics Report Export */
html body.client-portal-v329 .analytics-export-row-v329{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;}
html body.client-portal-v329 .analytics-download-btn-v329{height:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.30)!important;background:#fff!important;color:#7b5208!important;font-size:12.5px!important;line-height:1!important;font-weight:950!important;box-shadow:0 8px 20px rgba(75,52,14,.04)!important;cursor:pointer!important;}
html body.client-portal-v329 .analytics-download-btn-v329:hover{border-color:rgba(184,138,45,.48)!important;background:#fffaf0!important;}
html body.client-portal-v329 .analytics-export-modal-v329{position:fixed!important;inset:0!important;z-index:190000!important;display:grid!important;place-items:center!important;}
html body.client-portal-v329 .analytics-export-modal-v329[hidden]{display:none!important;}
html body.client-portal-v329 .analytics-export-backdrop-v329{position:absolute!important;inset:0!important;background:rgba(17,24,39,.52)!important;backdrop-filter:blur(8px)!important;}
html body.client-portal-v329 .analytics-export-card-v329{position:relative!important;width:min(520px,calc(100vw - 28px))!important;border-radius:24px!important;border:1px solid rgba(184,138,45,.22)!important;background:#fffdf8!important;box-shadow:0 30px 80px rgba(32,22,6,.22)!important;padding:22px!important;}
html body.client-portal-v329 .analytics-export-head-v329{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(184,138,45,.14)!important;margin-bottom:16px!important;}
html body.client-portal-v329 .analytics-export-head-v329 p{margin:0 0 4px!important;color:#7b5208!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
html body.client-portal-v329 .analytics-export-head-v329 h2{margin:0!important;color:#111827!important;font-size:22px!important;line-height:1.1!important;letter-spacing:-.035em!important;font-weight:950!important;}
html body.client-portal-v329 .analytics-export-close-v329{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.18)!important;background:#fff7e8!important;color:#111827!important;font-size:22px!important;font-weight:900!important;cursor:pointer!important;}
html body.client-portal-v329 .analytics-export-summary-v329{margin:0 0 14px!important;color:#6f6657!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important;}
html body.client-portal-v329 .analytics-export-date-grid-v329{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
html body.client-portal-v329 .analytics-export-date-grid-v329 label{display:grid!important;gap:6px!important;color:#3f372b!important;font-size:12px!important;font-weight:900!important;}
html body.client-portal-v329 .analytics-export-date-grid-v329 input{height:42px!important;border-radius:14px!important;border:1px solid rgba(184,138,45,.22)!important;background:#fff!important;padding:0 12px!important;color:#111827!important;font-size:14px!important;font-weight:760!important;}
html body.client-portal-v329 .analytics-export-actions-v329{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:16px!important;}
@media (max-width:640px){html body.client-portal-v329 .analytics-export-row-v329{align-items:flex-start!important;flex-direction:column!important;}html body.client-portal-v329 .analytics-download-btn-v329{width:100%!important;}html body.client-portal-v329 .analytics-export-date-grid-v329{grid-template-columns:1fr!important;}}


/* v330 — TeamSpace access control polish, consistent spacing, multi-select picker */
html body.client-portal-v330 .teamspace-v241-panel,
html body.client-portal-v330 .v46-team-panel {
  padding: 22px 24px 24px!important;
}
html body.client-portal-v330 .teamspace-v241-head {
  padding-bottom: 14px!important;
  margin-bottom: 16px!important;
  border-bottom: 1px solid rgba(184,138,45,.16)!important;
}
html body.client-portal-v330 .teamspace-header-row-v237,
html body.client-portal-v330 .teamspace-header-row-v241 {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 148px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
html body.client-portal-v330 .teamspace-search-field-v237,
html body.client-portal-v330 .teamspace-search-field-v241 { display:block!important; min-width:0!important; }
html body.client-portal-v330 .teamspace-search-field-v237 input,
html body.client-portal-v330 .teamspace-search-field-v241 input,
html body.client-portal-v330 .teamspace-member-count-v237,
html body.client-portal-v330 .teamspace-member-count-v241 {
  height:42px!important; min-height:42px!important; max-height:42px!important; border-radius:999px!important;
}
html body.client-portal-v330 .teamspace-member-count-v237,
html body.client-portal-v330 .teamspace-member-count-v241 { width:148px!important; justify-content:center!important; gap:7px!important; }
html body.client-portal-v330 .assigned-members-title-row-v237,
html body.client-portal-v330 .assigned-members-title-row-v241,
html body.client-portal-v330 .sections-team-section .section-title-row { margin:0 0 12px!important; }
html body.client-portal-v330 .assigned-member-list-v237,
html body.client-portal-v330 .assigned-member-list-v241 { gap:10px!important; margin-bottom:24px!important; }
html body.client-portal-v330 .teamspace-member-row-v330,
html body.client-portal-v330 .assigned-member-row-v237.teamspace-member-row-v330 {
  min-height:66px!important; height:66px!important; padding:10px 12px!important; border-radius:16px!important; align-items:center!important;
}
html body.client-portal-v330 .teamspace-member-identity-v330 { align-items:center!important; }
html body.client-portal-v330 .teamspace-member-copy-v330 { display:flex!important; flex-direction:column!important; justify-content:center!important; gap:3px!important; min-height:100%!important; }
html body.client-portal-v330 .member-name-line-v330 strong { line-height:1.05!important; }
html body.client-portal-v330 .teamspace-member-meta-v330 { gap:8px!important; align-items:center!important; }
html body.client-portal-v330 .team-user-picker-form-v237,
html body.client-portal-v330 .team-user-picker-form-v241 {
  padding:12px!important; border:1px solid rgba(184,138,45,.16)!important; border-radius:16px!important; background:#fffdf8!important; margin:0 0 14px!important;
}
html body.client-portal-v330 .team-user-suggestions-v237,
html body.client-portal-v330 .team-user-suggestions-v241 { display:grid!important; gap:8px!important; max-height:300px!important; overflow:auto!important; padding:4px 2px!important; }
html body.client-portal-v330 .team-user-option-v330 {
  display:grid!important; grid-template-columns:24px 34px minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; min-height:54px!important; padding:8px 10px!important; border:1px solid rgba(184,138,45,.14)!important; border-radius:14px!important; background:#fff!important;
}
html body.client-portal-v330 .team-user-option-v330.is-selected-v330 { border-color:rgba(184,138,45,.42)!important; background:#fff7df!important; }
html body.client-portal-v330 .team-user-check-v330 { width:22px!important; height:22px!important; border-radius:999px!important; display:grid!important; place-items:center!important; border:1px solid rgba(184,138,45,.25)!important; color:#7b5208!important; font-weight:950!important; font-size:12px!important; }
html body.client-portal-v330 .selected-workspace-users-v330 { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; margin:8px 0 2px!important; min-height:26px!important; }
html body.client-portal-v330 .selected-workspace-users-label-v330 { width:100%!important; font-size:11px!important; font-weight:900!important; color:#7b5208!important; }
html body.client-portal-v330 .selected-workspace-chip-v330 { display:inline-flex!important; align-items:center!important; gap:6px!important; max-width:100%!important; padding:5px 7px 5px 9px!important; border-radius:999px!important; border:1px solid rgba(184,138,45,.18)!important; background:#fff!important; font-size:11px!important; }
html body.client-portal-v330 .selected-workspace-chip-v330 strong { max-width:150px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
html body.client-portal-v330 .selected-workspace-chip-v330 small { color:#7b5208!important; font-weight:900!important; }
html body.client-portal-v330 .selected-workspace-chip-v330 button { width:18px!important; height:18px!important; border-radius:999px!important; border:0!important; background:#f7ead2!important; color:#7b5208!important; font-weight:950!important; cursor:pointer!important; }
@media (max-width: 640px){
  html body.client-portal-v330 .teamspace-header-row-v237,
  html body.client-portal-v330 .teamspace-header-row-v241{grid-template-columns:1fr!important;}
  html body.client-portal-v330 .teamspace-member-count-v237,
  html body.client-portal-v330 .teamspace-member-count-v241{width:100%!important;}
}


/* v331 - Inline analytics export row polish */
html body.client-portal-v331 .analytics-export-row-v329.analytics-export-row-v331 {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:42px!important;
  margin:0 0 12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
html body.client-portal-v331 .analytics-scope-pill-v331 {
  min-height:40px!important;
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 14px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v331 .analytics-inline-export-cluster-v331 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-height:42px!important;
  white-space:nowrap!important;
}
html body.client-portal-v331 .analytics-download-btn-v331 {
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
}
html body.client-portal-v331 .analytics-download-btn-v331.is-open-v331,
html body.client-portal-v331 .analytics-download-btn-v331[aria-expanded="true"] {
  background:#fff7df!important;
  border-color:rgba(184,138,45,.44)!important;
}
html body.client-portal-v331 .analytics-export-inline-form-v331[hidden] {
  display:none!important;
}
html body.client-portal-v331 .analytics-export-inline-form-v331:not([hidden]) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  white-space:nowrap!important;
}
html body.client-portal-v331 .analytics-inline-date-v331 {
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
}
html body.client-portal-v331 .analytics-inline-date-v331 span {
  flex:0 0 auto!important;
}
html body.client-portal-v331 .analytics-inline-date-v331 input {
  width:132px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fffaf0!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:850!important;
  outline:none!important;
}
html body.client-portal-v331 .analytics-inline-submit-v331 {
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.36)!important;
  background:#9b6a10!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(75,52,14,.08)!important;
  cursor:pointer!important;
}
html body.client-portal-v331 .analytics-inline-submit-v331:disabled {
  opacity:.65!important;
  cursor:wait!important;
}
html body.client-portal-v331 .analytics-export-message-v331 {
  min-height:0!important;
  margin:0!important;
  max-width:160px!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v331 .analytics-export-modal-v329,
html body.client-portal-v331 .analytics-export-backdrop-v329,
html body.client-portal-v331 .analytics-export-card-v329 {
  display:none!important;
}
@media (max-width: 920px){
  html body.client-portal-v331 .analytics-export-row-v331 {
    grid-template-columns:minmax(240px,1fr) auto!important;
  }
}


/* v332 — TeamSpace member name and role/title alignment fix */
html body.client-portal-v332 .teamspace-member-row-v332,
html body.client-portal-v332 .assigned-member-row-v237.teamspace-member-row-v332 {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:66px!important;
  height:66px!important;
  padding:10px 12px!important;
}
html body.client-portal-v332 .teamspace-member-identity-v332,
html body.client-portal-v332 .assigned-member-row-v237 .team-member-identity {
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  text-align:left!important;
}
html body.client-portal-v332 .teamspace-member-copy-v332,
html body.client-portal-v332 .assigned-member-row-v237 .member-copy {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  align-self:center!important;
  gap:4px!important;
  min-height:34px!important;
  width:100%!important;
  min-width:0!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
}
html body.client-portal-v332 .member-name-line-v332 {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
html body.client-portal-v332 .member-name-line-v332 strong,
html body.client-portal-v332 .assigned-member-row-v237 .member-copy strong {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v332 .teamspace-member-copy-v332 small,
html body.client-portal-v332 .assigned-member-row-v237 .member-copy small {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v332 .teamspace-member-meta-v332 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  align-self:center!important;
}
@media (max-width: 640px){
  html body.client-portal-v332 .teamspace-member-row-v332,
  html body.client-portal-v332 .assigned-member-row-v237.teamspace-member-row-v332 {
    height:auto!important;
    min-height:66px!important;
  }
}


/* v333 — hide production context chip globally */
#operationalContextPillV272,
.operational-context-pill-v272 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html body.has-operational-context-v272 {
  padding-top: 0 !important;
}


/* v334 — Analytics inline export inside Content Group row */
html body.client-portal-v334 .analytics-export-row-v329,
html body.client-portal-v334 .analytics-export-row-v331 {
  display:none!important;
}

html body.client-portal-v334 .content-management-toolbar-v98,
html body.client-portal-v334 .delivery-cycle-toolbar-v111,
html body.client-portal-v334 .delivery-cycle-toolbar-v119 {
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  min-height:48px!important;
}

html body.client-portal-v334 .posting-group-toolbar-control-v277,
html body.client-portal-v334 .delivery-cycle-cell-v111,
html body.client-portal-v334 .analytics-row-export-anchor-v334 {
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

html body.client-portal-v334 .analytics-row-export-anchor-v334 {
  margin-left:auto!important;
  justify-content:flex-end!important;
  gap:8px!important;
  max-width:calc(100% - 420px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:thin!important;
}

html body.client-portal-v334 .delivery-cycle-toggle-v111,
html body.client-portal-v334 .analytics-download-btn-v334 {
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

html body.client-portal-v334 .analytics-download-btn-v334 {
  padding:0 16px!important;
  border:1px solid rgba(184,138,45,.28)!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:none!important;
  cursor:pointer!important;
  flex:0 0 auto!important;
}

html body.client-portal-v334 .analytics-download-btn-v334.is-open-v334,
html body.client-portal-v334 .analytics-download-btn-v334[aria-expanded="true"] {
  background:#fff7df!important;
  border-color:rgba(184,138,45,.46)!important;
}

html body.client-portal-v334 .analytics-export-inline-form-v334[hidden] {
  display:none!important;
}

html body.client-portal-v334 .analytics-export-inline-form-v334:not([hidden]) {
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

html body.client-portal-v334 .analytics-inline-date-v334 {
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#7b5208!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  box-sizing:border-box!important;
}

html body.client-portal-v334 .analytics-inline-date-v334 span {
  flex:0 0 auto!important;
  line-height:1!important;
}

html body.client-portal-v334 .analytics-inline-date-v334 input {
  width:128px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fffaf0!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  outline:none!important;
  box-sizing:border-box!important;
}

html body.client-portal-v334 .analytics-inline-submit-v334 {
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 15px!important;
  border-radius:14px!important;
  border:1px solid rgba(184,138,45,.36)!important;
  background:#9b6a10!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

html body.client-portal-v334 .analytics-export-message-v334 {
  min-height:0!important;
  margin:0!important;
  max-width:150px!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media (max-width: 1100px) {
  html body.client-portal-v334 .content-management-toolbar-v98,
  html body.client-portal-v334 .delivery-cycle-toolbar-v111,
  html body.client-portal-v334 .delivery-cycle-toolbar-v119 {
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html body.client-portal-v334 .analytics-row-export-anchor-v334 {
    max-width:none!important;
    margin-left:auto!important;
  }
}

@media (max-width: 760px) {
  html body.client-portal-v334 .content-management-toolbar-v98,
  html body.client-portal-v334 .delivery-cycle-toolbar-v111,
  html body.client-portal-v334 .delivery-cycle-toolbar-v119 {
    flex-wrap:nowrap!important;
  }
  html body.client-portal-v334 .analytics-row-export-anchor-v334 {
    min-width:max-content!important;
  }
}


/* v335 — Production UI Stability Restore */
html body .operational-context-pill-v272,
html body #operationalContextPillV272,
html body [data-operational-context-pill],
html body .context-debug-chip,
html body .workspace-context-chip {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.has-operational-context-v272 {
  padding-top:0!important;
}
html body .qm-launcher-v315,
html body #qmLauncherV315,
html body .qk-launcher-v280,
html body .floating-command-button,
html body .command-floating-button {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.dashboard-page.shell-auth-loading-v146 #topNavLinks::before,
html body.dashboard-page.shell-nav-loading-v306 #topNavLinks::before,
html body.dashboard-page .nav-loading-placeholder-v306::before,
html body.dashboard-page .nav-loading-placeholder-v306::after,
html body.dashboard-page .nav-preboot-skeleton-v306 #topNavLinks::before {
  content:none!important;
  display:none!important;
}
html body.dashboard-page.nav-preboot-skeleton-active-v306 .top-nav-links,
html body.dashboard-page.nav-preboot-skeleton-active-v325 .top-nav-links {
  visibility:hidden!important;
}


/* v336 — Campaign Goals + UTM Tracking UI */
html body.client-portal-v336 .campaign-goals-toolbar-anchor-v336{display:flex!important;align-items:center!important;height:42px!important;min-height:42px!important;}
html body.client-portal-v336 .campaign-goals-toggle-v336{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;border-radius:999px!important;border:1px solid rgba(184,138,45,.24)!important;background:#fff!important;color:#7b5208!important;font-size:12.5px!important;font-weight:950!important;box-shadow:none!important;white-space:nowrap!important;}
html body.client-portal-v336 .campaign-goals-toggle-v336.is-open{background:#fff4cc!important;border-color:rgba(184,138,45,.38)!important;color:#5d3d06!important;}
html body.client-portal-v336 .campaign-goals-panel-v336{margin:12px 0 14px!important;padding:16px!important;border:1px solid rgba(184,138,45,.18)!important;border-radius:20px!important;background:#fffaf0!important;box-shadow:0 14px 28px rgba(75,52,14,.035)!important;}
html body.client-portal-v336 .campaign-goals-head-v336{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:14px!important;}
html body.client-portal-v336 .campaign-goals-head-v336 h2{margin:0!important;color:#111827!important;font-size:20px!important;letter-spacing:-.03em!important;}
html body.client-portal-v336 .campaign-goals-head-v336 small{display:block!important;margin-top:3px!important;color:#756b5c!important;font-size:12px!important;font-weight:700!important;}
html body.client-portal-v336 .campaign-goal-form-v336{display:grid!important;grid-template-columns:1.5fr 1fr .8fr .9fr .9fr 1fr .8fr auto!important;gap:10px!important;align-items:end!important;margin-bottom:12px!important;}
html body.client-portal-v336 .campaign-goal-form-v336 label{display:grid!important;gap:5px!important;font-size:11px!important;font-weight:850!important;color:#6b5c45!important;text-transform:none!important;}
html body.client-portal-v336 .campaign-goal-form-v336 input,html body.client-portal-v336 .campaign-goal-form-v336 select{height:38px!important;min-height:38px!important;border:1px solid rgba(184,138,45,.18)!important;border-radius:12px!important;background:#fff!important;padding:0 11px!important;font-size:12.5px!important;font-weight:750!important;color:#111827!important;}
html body.client-portal-v336 .campaign-goal-actions-v336{display:flex!important;align-items:center!important;gap:8px!important;}
html body.client-portal-v336 .campaign-goals-summary-v336{margin:4px 0 10px!important;color:#6f6657!important;font-size:12px!important;font-weight:800!important;}
html body.client-portal-v336 .campaign-goals-list-v336{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:10px!important;}
html body.client-portal-v336 .campaign-goal-card-v336{display:grid!important;gap:10px!important;padding:12px!important;border:1px solid rgba(184,138,45,.16)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 20px rgba(75,52,14,.025)!important;}
html body.client-portal-v336 .campaign-goal-card-v336 header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;}
html body.client-portal-v336 .campaign-goal-card-v336 strong{font-size:13.5px!important;font-weight:950!important;color:#111827!important;line-height:1.15!important;}
html body.client-portal-v336 .campaign-goal-card-v336 small{display:block!important;margin-top:3px!important;color:#756b5c!important;font-size:11.3px!important;font-weight:750!important;line-height:1.2!important;}
html body.client-portal-v336 .campaign-goal-status-v336{height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 9px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:950!important;background:#fff4cc!important;color:#7b5208!important;white-space:nowrap!important;}
html body.client-portal-v336 .campaign-goal-status-v336.achieved{background:#e9fbe8!important;color:#14783e!important;}html body.client-portal-v336 .campaign-goal-status-v336.partial{background:#fff7df!important;color:#985f00!important;}html body.client-portal-v336 .campaign-goal-status-v336.missed{background:#fff1f1!important;color:#b91c1c!important;}
html body.client-portal-v336 .campaign-goal-metrics-v336{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
html body.client-portal-v336 .campaign-goal-metrics-v336 span{display:grid!important;gap:2px!important;padding:8px!important;border-radius:12px!important;background:#fffaf0!important;border:1px solid rgba(184,138,45,.12)!important;}
html body.client-portal-v336 .campaign-goal-metrics-v336 b{font-size:14px!important;color:#111827!important;}
html body.client-portal-v336 .campaign-goal-progress-v336{height:7px!important;border-radius:999px!important;overflow:hidden!important;background:#f3ead4!important;}html body.client-portal-v336 .campaign-goal-progress-v336 span{display:block!important;height:100%!important;border-radius:999px!important;background:#b88a2d!important;}
html body.client-portal-v336 .campaign-goal-insights-v336{margin:0!important;padding-left:16px!important;color:#5f574b!important;font-size:11.5px!important;line-height:1.35!important;}
html body.client-portal-v336 .campaign-goal-card-v336 footer{display:flex!important;gap:8px!important;justify-content:flex-end!important;}
html body.client-portal-v336 .content-goal-tracking-block-v336{grid-column:1/-1!important;display:grid!important;gap:10px!important;margin:8px 0 4px!important;padding:14px!important;border:1px solid rgba(184,138,45,.16)!important;border-radius:18px!important;background:#fffaf0!important;}
html body.client-portal-v336 .content-goal-tracking-head-v336{display:flex!important;justify-content:space-between!important;align-items:center!important;}
html body.client-portal-v336 .content-goal-tracking-head-v336 strong{font-size:13px!important;color:#111827!important;}html body.client-portal-v336 .content-goal-tracking-head-v336 small{display:block!important;color:#756b5c!important;font-size:11.5px!important;font-weight:750!important;}
html body.client-portal-v336 .v336-tracking-row label{font-size:11px!important;font-weight:850!important;color:#6b5c45!important;}
html body.client-portal-v336 .v336-generate-link-actions{display:flex!important;align-items:end!important;height:100%!important;}html body.client-portal-v336 #generateUtmLinkBtn{height:40px!important;min-height:40px!important;width:100%!important;}
@media(max-width:1100px){html body.client-portal-v336 .campaign-goal-form-v336{grid-template-columns:1fr 1fr!important;}html body.client-portal-v336 .campaign-goal-actions-v336{grid-column:1/-1!important;justify-content:flex-end!important;}}

/* v337 Analytics Top Control Row Fix */
html body.client-portal-v337 .analytics-panel-v100{
  overflow:visible!important;
}
html body.client-portal-v337 .analytics-top-control-row-v337{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:6px 8px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fffefb 0%,#fff9ec 100%)!important;
  box-shadow:0 10px 24px rgba(90,65,18,.04)!important;
}
html body.client-portal-v337 .analytics-top-control-left-v337{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
}
html body.client-portal-v337 .analytics-download-btn-v337{
  height:34px!important;
  min-height:34px!important;
  line-height:1!important;
  white-space:nowrap!important;
  margin:0!important;
}
html body.client-portal-v337 .analytics-export-inline-form-v337[hidden]{
  display:none!important;
}
html body.client-portal-v337 .analytics-export-inline-form-v337:not([hidden]){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
}
html body.client-portal-v337 .analytics-inline-date-v337{
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#5f4c25!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
html body.client-portal-v337 .analytics-inline-date-v337 span{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  color:#7b5208!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
html body.client-portal-v337 .analytics-inline-date-v337 input{
  width:132px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  outline:none!important;
}
html body.client-portal-v337 .analytics-inline-submit-v337{
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(184,138,45,.38)!important;
  background:linear-gradient(135deg,#f7c948,#e6a923)!important;
  color:#201405!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(154,110,20,.14)!important;
  cursor:pointer!important;
}
html body.client-portal-v337 .analytics-inline-submit-v337:disabled{
  opacity:.66!important;
  cursor:wait!important;
}
html body.client-portal-v337 .analytics-export-message-v337{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 4px)!important;
  max-width:320px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
html body.client-portal-v337 .analytics-row-export-anchor-v334{
  display:none!important;
}
@media (max-width: 920px){
  html body.client-portal-v337 .analytics-top-control-row-v337{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  html body.client-portal-v337 .analytics-export-inline-form-v337:not([hidden]){
    width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}


/* v338 — Campaign Goals Header Placement Fix */
html body.client-portal-v338 .global-content-search-v98{
  grid-template-columns:minmax(170px,.58fr) minmax(150px,.52fr) minmax(360px,1.25fr) repeat(4,minmax(142px,.72fr))!important;
  align-items:end!important;
}
html body.client-portal-v338 .campaign-goals-header-cell-v338{
  position:relative!important;
  display:grid!important;
  grid-template-rows:17px 54px!important;
  gap:8px!important;
  min-width:0!important;
  align-self:end!important;
}
html body.client-portal-v338 .campaign-goals-header-cell-v338 > label{
  height:17px!important;
  padding:0 0 0 4px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  color:#755819!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  line-height:1!important;
  text-transform:none!important;
}
html body.client-portal-v338 .campaign-goals-toggle-v338{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(197,151,56,.58)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.97)!important;
  color:#6b4707!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.64)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html body.client-portal-v338 .campaign-goals-toggle-v338.is-open{
  background:linear-gradient(135deg,#fffaf0 0%,#f8e8bd 100%)!important;
  border-color:#c99638!important;
  color:#5d3d06!important;
  box-shadow:0 12px 24px rgba(138,94,18,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html body.client-portal-v338 .content-management-toolbar-v98 .campaign-goals-toolbar-anchor-v336{
  display:none!important;
}
@media (max-width:1100px){
  html body.client-portal-v338 .global-content-search-v98{
    grid-template-columns:1fr 1fr!important;
  }
  html body.client-portal-v338 .analytics-toggle-cell-v100,
  html body.client-portal-v338 .campaign-goals-header-cell-v338,
  html body.client-portal-v338 .global-keyword-search-v99{
    grid-column:auto!important;
  }
  html body.client-portal-v338 .global-keyword-search-v99{
    grid-column:1 / -1!important;
  }
}
@media (max-width:760px){
  html body.client-portal-v338 .global-content-search-v98{
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v338 .analytics-toggle-cell-v100,
  html body.client-portal-v338 .campaign-goals-header-cell-v338,
  html body.client-portal-v338 .global-keyword-search-v99{
    grid-column:1 / -1!important;
  }
}

/* v339 — Campaign Goals button matches Analytics button + collapse behavior */
html body.client-portal-v339 .global-content-search-v98{
  grid-template-columns:minmax(170px,.58fr) minmax(220px,.72fr) minmax(340px,1.18fr) repeat(4,minmax(142px,.72fr))!important;
  align-items:end!important;
}
html body.client-portal-v339 .analytics-toggle-cell-v100,
html body.client-portal-v339 .campaign-goals-header-cell-v339,
html body.client-portal-v339 .global-keyword-search-v99,
html body.client-portal-v339 .global-typeahead-v98{
  display:grid!important;
  grid-template-rows:16px 54px!important;
  gap:8px!important;
  align-self:stretch!important;
  min-width:0!important;
  position:relative!important;
}
html body.client-portal-v339 .analytics-toggle-cell-v100 > label,
html body.client-portal-v339 .campaign-goals-header-cell-v339 > label,
html body.client-portal-v339 .global-keyword-search-v99 > label,
html body.client-portal-v339 .global-typeahead-v98 > label{
  height:16px!important;
  margin:0!important;
  padding:0 0 0 6px!important;
  display:flex!important;
  align-items:center!important;
  color:#6b635a!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v339 .campaign-goals-header-cell-v339{
  min-width:170px!important;
}
html body.client-portal-v339 .campaign-goals-toggle-v339.analytics-panel-toggle-v100{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  margin:0!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  border:1px solid #805506!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#966811 0%,#805506 100%)!important;
  color:#fffaf0!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 12px 24px rgba(128,85,6,.16)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html body.client-portal-v339 .campaign-goals-toggle-v339.analytics-panel-toggle-v100:hover,
html body.client-portal-v339 .campaign-goals-toggle-v339.analytics-panel-toggle-v100:focus-visible{
  border-color:#6f4704!important;
  background:linear-gradient(180deg,#a87816 0%,#744a04 100%)!important;
  box-shadow:0 14px 30px rgba(128,85,6,.20),0 0 0 3px rgba(184,135,36,.14)!important;
  outline:none!important;
  transform:translateY(-1px)!important;
}
html body.client-portal-v339 .campaign-goals-toggle-v339.analytics-panel-toggle-v100.is-open,
html body.client-portal-v339 .campaign-goals-toggle-v339.analytics-panel-toggle-v100.is-active{
  background:linear-gradient(180deg,#805506 0%,#5d3d06 100%)!important;
  border-color:#5d3d06!important;
  color:#fff8e8!important;
  box-shadow:0 14px 32px rgba(93,61,6,.22),0 0 0 3px rgba(184,135,36,.12)!important;
}
html body.client-portal-v339 .campaign-goals-toggle-v339 .campaign-goals-toggle-icon-v339,
html body.client-portal-v339 .campaign-goals-toggle-v339 .analytics-toggle-icon-v103{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,250,240,.96)!important;
  color:#805506!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-sizing:border-box!important;
}
html body.client-portal-v339 .campaign-goals-toggle-v339 .campaign-goals-toggle-icon-v339 svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body.client-portal-v339 #campaignGoalsPanel[hidden],
html body.client-portal-v339 .campaign-goals-panel-v336[hidden]{
  display:none!important;
}
html body.client-portal-v339 .campaign-goals-panel-v336{
  margin:0 0 18px!important;
}
html body.client-portal-v339 .content-management-toolbar-v98 .campaign-goals-toolbar-anchor-v336{
  display:none!important;
}
@media (max-width:1100px){
  html body.client-portal-v339 .global-content-search-v98{
    grid-template-columns:1fr 1fr!important;
  }
  html body.client-portal-v339 .analytics-toggle-cell-v100,
  html body.client-portal-v339 .campaign-goals-header-cell-v339,
  html body.client-portal-v339 .global-keyword-search-v99,
  html body.client-portal-v339 .global-typeahead-v98{
    grid-column:auto!important;
  }
  html body.client-portal-v339 .global-keyword-search-v99{
    grid-column:1 / -1!important;
  }
}
@media (max-width:760px){
  html body.client-portal-v339 .global-content-search-v98{
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v339 .analytics-toggle-cell-v100,
  html body.client-portal-v339 .campaign-goals-header-cell-v339,
  html body.client-portal-v339 .global-keyword-search-v99,
  html body.client-portal-v339 .global-typeahead-v98{
    grid-column:1 / -1!important;
  }
}


/* v340 — Campaign Goals Layout Stability + Form Polish */
html body.client-portal-v340 .client-v46-main-column{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
html body.client-portal-v340 .analytics-panel-v100,
html body.client-portal-v340 .campaign-goals-panel-v336{
  order:10!important;
}
html body.client-portal-v340 .content-management-toolbar-v98{
  order:20!important;
  margin-top:0!important;
  margin-bottom:22px!important;
}
html body.client-portal-v340 .delivery-selection-banner-v115{
  order:30!important;
}
html body.client-portal-v340 #contentTablePanel{
  order:40!important;
}
html body.client-portal-v340 .global-content-search-v98{
  grid-template-columns:minmax(170px,.58fr) minmax(220px,.72fr) minmax(360px,1.18fr) repeat(4,minmax(150px,.72fr))!important;
  align-items:end!important;
}
html body.client-portal-v340 .analytics-toggle-cell-v100,
html body.client-portal-v340 .campaign-goals-header-cell-v340,
html body.client-portal-v340 .global-keyword-search-v99,
html body.client-portal-v340 .global-typeahead-v98{
  display:grid!important;
  grid-template-rows:16px 54px!important;
  gap:8px!important;
  align-self:stretch!important;
  min-width:0!important;
}
html body.client-portal-v340 .analytics-toggle-cell-v100 > label,
html body.client-portal-v340 .campaign-goals-header-cell-v340 > label,
html body.client-portal-v340 .global-keyword-search-v99 > label,
html body.client-portal-v340 .global-typeahead-v98 > label{
  height:16px!important;
  margin:0!important;
  padding:0 0 0 6px!important;
  display:flex!important;
  align-items:center!important;
  color:#6b635a!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v340 .analytics-panel-toggle-v100,
html body.client-portal-v340 .campaign-goals-toggle-v340.analytics-panel-toggle-v100{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  margin:0!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(197,151,56,.58)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fffaf0 0%,#f8e8bd 100%)!important;
  color:#6b4707!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(138,94,18,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
  transform:none!important;
}
html body.client-portal-v340 .analytics-panel-toggle-v100:hover,
html body.client-portal-v340 .campaign-goals-toggle-v340.analytics-panel-toggle-v100:hover,
html body.client-portal-v340 .analytics-panel-toggle-v100:focus-visible,
html body.client-portal-v340 .campaign-goals-toggle-v340.analytics-panel-toggle-v100:focus-visible{
  border-color:#a67212!important;
  background:linear-gradient(135deg,#fff6df 0%,#efd18d 100%)!important;
  box-shadow:0 12px 26px rgba(138,94,18,.14),0 0 0 3px rgba(184,135,36,.10)!important;
  outline:none!important;
  transform:translateY(-1px)!important;
}
html body.client-portal-v340 .analytics-panel-toggle-v100.is-open,
html body.client-portal-v340 .analytics-panel-toggle-v100.is-active,
html body.client-portal-v340 .campaign-goals-toggle-v340.analytics-panel-toggle-v100.is-open,
html body.client-portal-v340 .campaign-goals-toggle-v340.analytics-panel-toggle-v100.is-active{
  background:linear-gradient(180deg,#805506 0%,#5d3d06 100%)!important;
  border-color:#5d3d06!important;
  color:#fff8e8!important;
  box-shadow:0 14px 32px rgba(93,61,6,.20),0 0 0 3px rgba(184,135,36,.10)!important;
}
html body.client-portal-v340 .analytics-panel-toggle-v100 .analytics-toggle-icon-v100,
html body.client-portal-v340 .campaign-goals-toggle-v340 .analytics-toggle-icon-v100{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,250,240,.96)!important;
  color:#805506!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-sizing:border-box!important;
}
html body.client-portal-v340 .analytics-panel-toggle-v100.is-open .analytics-toggle-icon-v100,
html body.client-portal-v340 .campaign-goals-toggle-v340.is-open .analytics-toggle-icon-v100{
  background:#fffaf0!important;
  color:#805506!important;
}
html body.client-portal-v340 .analytics-panel-v100[hidden],
html body.client-portal-v340 .campaign-goals-panel-v336[hidden]{
  display:none!important;
}
html body.client-portal-v340 .analytics-panel-v100,
html body.client-portal-v340 .campaign-goals-panel-v336{
  margin:18px 0 22px!important;
}
html body.client-portal-v340 .campaign-goals-panel-v336{
  padding:18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff8ec 100%)!important;
  border:1px solid rgba(184,138,45,.18)!important;
  box-shadow:0 16px 34px rgba(75,52,14,.045)!important;
}
html body.client-portal-v340 .campaign-goals-head-v336{
  align-items:center!important;
  margin-bottom:16px!important;
}
html body.client-portal-v340 .campaign-goals-head-v336 .eyebrow{
  margin-bottom:6px!important;
}
html body.client-portal-v340 .campaign-goal-form-v340{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
  margin-bottom:12px!important;
}
html body.client-portal-v340 .campaign-goal-form-row-v340{
  display:grid!important;
  gap:10px!important;
  align-items:end!important;
}
html body.client-portal-v340 .campaign-goal-form-row-primary-v340{
  grid-template-columns:minmax(260px,1.6fr) minmax(200px,1fr) minmax(160px,.75fr)!important;
}
html body.client-portal-v340 .campaign-goal-form-row-secondary-v340{
  grid-template-columns:minmax(160px,.75fr) minmax(160px,.75fr) minmax(230px,1.15fr) minmax(160px,.72fr) auto!important;
}
html body.client-portal-v340 .campaign-goal-form-v340 label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  font-size:11px!important;
  font-weight:850!important;
  color:#6b5c45!important;
}
html body.client-portal-v340 .campaign-goal-form-v340 input,
html body.client-portal-v340 .campaign-goal-form-v340 select{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:13px!important;
  font-size:13px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v340 .campaign-goal-actions-v340{
  height:42px!important;
  align-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  white-space:nowrap!important;
}
html body.client-portal-v340 .campaign-goal-actions-v340 .primary-btn,
html body.client-portal-v340 .campaign-goal-actions-v340 .small-btn{
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
html body.client-portal-v340 .campaign-goals-summary-v336{
  margin:8px 0 0!important;
}
html body.client-portal-v340 .campaign-goals-list-v336:empty{
  display:none!important;
}
html body.client-portal-v340 .content-management-toolbar-v98{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  clear:both!important;
}
@media(max-width:1280px){
  html body.client-portal-v340 .global-content-search-v98{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.client-portal-v340 .global-keyword-search-v99{
    grid-column:1 / -1!important;
  }
  html body.client-portal-v340 .campaign-goal-form-row-primary-v340,
  html body.client-portal-v340 .campaign-goal-form-row-secondary-v340{
    grid-template-columns:1fr 1fr!important;
  }
  html body.client-portal-v340 .campaign-goal-actions-v340{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:760px){
  html body.client-portal-v340 .global-content-search-v98,
  html body.client-portal-v340 .campaign-goal-form-row-primary-v340,
  html body.client-portal-v340 .campaign-goal-form-row-secondary-v340{
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v340 .campaign-goal-actions-v340{
    height:auto!important;
    flex-wrap:wrap!important;
  }
}


/* v341 — Campaign Goals Professional Form Layout Fix */
html body.client-portal-v341 .client-global-filter-strip{overflow:visible!important;}
html body.client-portal-v341 .global-content-search-v98{
  grid-template-columns:minmax(180px,.62fr) minmax(240px,.82fr) minmax(420px,1.35fr) minmax(160px,.62fr) minmax(160px,.62fr) minmax(175px,.68fr) minmax(175px,.68fr)!important;
  align-items:end!important;
  gap:14px!important;
}
html body.client-portal-v341 .analytics-toggle-cell-v100,
html body.client-portal-v341 .campaign-goals-header-cell-v341,
html body.client-portal-v341 .global-keyword-search-v99,
html body.client-portal-v341 .global-typeahead-v98{
  display:grid!important;
  grid-template-rows:16px 54px!important;
  gap:8px!important;
  align-self:stretch!important;
  min-width:0!important;
}
html body.client-portal-v341 .analytics-panel-toggle-v100,
html body.client-portal-v341 #campaignGoalsToggle.campaign-goals-toggle-v341{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
html body.client-portal-v341 #analyticsPanelToggle:not(.is-open):not(.is-active),
html body.client-portal-v341 #campaignGoalsToggle:not(.is-open):not(.is-active){
  background:linear-gradient(135deg,#fffaf0 0%,#f8e8bd 100%)!important;
  border:1px solid rgba(197,151,56,.58)!important;
  color:#6b4707!important;
  box-shadow:0 8px 20px rgba(138,94,18,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html body.client-portal-v341 #analyticsPanelToggle.is-open,
html body.client-portal-v341 #analyticsPanelToggle.is-active,
html body.client-portal-v341 #campaignGoalsToggle.is-open,
html body.client-portal-v341 #campaignGoalsToggle.is-active{
  background:linear-gradient(180deg,#805506 0%,#5d3d06 100%)!important;
  border-color:#5d3d06!important;
  color:#fff8e8!important;
  box-shadow:0 14px 32px rgba(93,61,6,.20),0 0 0 3px rgba(184,135,36,.10)!important;
}
html body.client-portal-v341 .analytics-panel-toggle-v100 .analytics-toggle-icon-v100,
html body.client-portal-v341 #campaignGoalsToggle .analytics-toggle-icon-v100{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,250,240,.96)!important;
  color:#805506!important;
  border:1px solid rgba(255,255,255,.48)!important;
}
html body.client-portal-v341 .global-keyword-search-v99 input::placeholder{font-size:13px!important;}
html body.client-portal-v341 .global-typeahead-v98 input{padding-right:34px!important;text-overflow:ellipsis!important;}
html body.client-portal-v341 #analyticsPanel[hidden],
html body.client-portal-v341 #campaignGoalsPanel[hidden]{display:none!important;}
html body.client-portal-v341 #campaignGoalsPanel.campaign-goals-panel-v341{
  order:10!important;
  width:100%!important;
  margin:18px 0 22px!important;
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff8ec 100%)!important;
  border:1px solid rgba(184,138,45,.20)!important;
  box-shadow:0 16px 34px rgba(75,52,14,.045)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  clear:both!important;
}
html body.client-portal-v341 .campaign-goals-head-v341{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 18px!important;
}
html body.client-portal-v341 .campaign-goals-head-v341 .eyebrow{
  margin:0 0 8px!important;
  color:#7a560d!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v341 .campaign-goals-head-v341 h2{
  margin:0!important;
  color:#111827!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}
html body.client-portal-v341 .campaign-goals-head-v341 small{
  display:block!important;
  margin-top:6px!important;
  color:#756b5c!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
html body.client-portal-v341 #refreshCampaignGoalsBtn{
  height:42px!important;
  min-width:92px!important;
  align-self:flex-start!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:850!important;
}
html body.client-portal-v341 #campaignGoalForm.campaign-goal-form-v341{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-flow:row!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 14px!important;
  padding:0!important;
}
html body.client-portal-v341 #campaignGoalForm > input[type="hidden"]{display:none!important;}
html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-v341{
  display:grid!important;
  width:100%!important;
  gap:14px!important;
  align-items:end!important;
  grid-auto-flow:row!important;
}
html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-primary-v341{
  grid-template-columns:minmax(280px,1.35fr) minmax(220px,1fr) minmax(180px,.8fr)!important;
}
html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-secondary-v341{
  grid-template-columns:minmax(170px,.75fr) minmax(170px,.75fr) minmax(260px,1.1fr) minmax(180px,.75fr)!important;
}
html body.client-portal-v341 #campaignGoalForm label{
  display:grid!important;
  grid-template-rows:auto 44px!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  color:#6b5c45!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:left!important;
}
html body.client-portal-v341 #campaignGoalForm input,
html body.client-portal-v341 #campaignGoalForm select{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:44px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v341 #campaignGoalForm .campaign-goal-actions-v341{
  grid-column:1 / -1!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:0!important;
  white-space:nowrap!important;
}
html body.client-portal-v341 #campaignGoalForm .campaign-goal-actions-v341 .primary-btn,
html body.client-portal-v341 #campaignGoalForm .campaign-goal-actions-v341 .small-btn{
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 20px!important;
  border-radius:13px!important;
  font-size:14px!important;
  font-weight:850!important;
}
html body.client-portal-v341 .campaign-goals-summary-v341{
  margin:10px 0 0!important;
  padding:12px 14px!important;
  border:1px dashed rgba(184,138,45,.20)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
  color:#6f6657!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
html body.client-portal-v341 .campaign-goals-list-v341:not(:empty){
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:12px!important;
}
html body.client-portal-v341 .campaign-goals-list-v341:empty{display:none!important;}
@media(max-width:1280px){
  html body.client-portal-v341 .global-content-search-v98{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.client-portal-v341 .global-keyword-search-v99{grid-column:1 / -1!important;}
  html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-primary-v341,
  html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-secondary-v341{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:760px){
  html body.client-portal-v341 .global-content-search-v98,
  html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-primary-v341,
  html body.client-portal-v341 #campaignGoalForm .campaign-goal-form-row-secondary-v341{grid-template-columns:1fr!important;}
  html body.client-portal-v341 #campaignGoalForm .campaign-goal-actions-v341{height:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
}


/* v342 — Campaign Goals Premium Builder Layout Lock */
html body.client-portal-v342 .client-global-filter-strip{overflow:visible!important;}
html body.client-portal-v342 .global-content-search-v98{
  grid-template-columns:minmax(190px,.7fr) minmax(255px,.92fr) minmax(430px,1.55fr) minmax(160px,.66fr) minmax(160px,.66fr) minmax(180px,.72fr) minmax(180px,.72fr)!important;
  gap:14px!important;
  align-items:end!important;
}
html body.client-portal-v342 .analytics-toggle-cell-v100,
html body.client-portal-v342 .campaign-goals-header-cell-v342,
html body.client-portal-v342 .global-keyword-search-v99,
html body.client-portal-v342 .global-typeahead-v98{
  display:grid!important;
  grid-template-rows:15px 54px!important;
  gap:8px!important;
  min-width:0!important;
  align-self:stretch!important;
}
html body.client-portal-v342 .analytics-toggle-cell-v100 > label,
html body.client-portal-v342 .campaign-goals-header-cell-v342 > label,
html body.client-portal-v342 .global-keyword-search-v99 > label,
html body.client-portal-v342 .global-typeahead-v98 > label{
  height:15px!important;
  line-height:15px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v342 #analyticsPanelToggle.analytics-panel-toggle-v100,
html body.client-portal-v342 #campaignGoalsToggle.campaign-goals-toggle-v342{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  padding:0 18px!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
html body.client-portal-v342 #analyticsPanelToggle:not(.is-open):not(.is-active),
html body.client-portal-v342 #campaignGoalsToggle:not(.is-open):not(.is-active){
  background:linear-gradient(135deg,#fffaf2 0%,#f8e9c2 100%)!important;
  border:1px solid rgba(184,138,45,.42)!important;
  color:#6b4707!important;
  box-shadow:0 8px 20px rgba(138,94,18,.06), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html body.client-portal-v342 #analyticsPanelToggle.is-open,
html body.client-portal-v342 #analyticsPanelToggle.is-active,
html body.client-portal-v342 #campaignGoalsToggle.is-open,
html body.client-portal-v342 #campaignGoalsToggle.is-active{
  background:linear-gradient(180deg,#8b5f0b 0%,#5e3e06 100%)!important;
  border-color:#5e3e06!important;
  color:#fff8e8!important;
  box-shadow:0 14px 30px rgba(93,61,6,.18),0 0 0 3px rgba(184,135,36,.10)!important;
}
html body.client-portal-v342 #analyticsPanelToggle .analytics-toggle-icon-v100,
html body.client-portal-v342 #campaignGoalsToggle .analytics-toggle-icon-v100{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,250,240,.96)!important;
  color:#805506!important;
  border:1px solid rgba(255,255,255,.52)!important;
}
html body.client-portal-v342 #analyticsPanel[hidden],
html body.client-portal-v342 #campaignGoalsPanel[hidden]{display:none!important;}
html body.client-portal-v342 #campaignGoalsPanel.campaign-goals-panel-v342{
  width:100%!important;
  margin:18px 0 22px!important;
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8ed 100%)!important;
  border:1px solid rgba(184,138,45,.20)!important;
  box-shadow:0 18px 38px rgba(75,52,14,.045)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  clear:both!important;
}
html body.client-portal-v342 .campaign-goals-head-v342{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(184,138,45,.14)!important;
}
html body.client-portal-v342 .campaign-goals-head-v342 .eyebrow{
  margin:0 0 8px!important;
  color:#7a560d!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v342 .campaign-goals-head-v342 h2{
  margin:0!important;
  color:#111827!important;
  font-size:24px!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}
html body.client-portal-v342 .campaign-goals-head-v342 small{
  display:block!important;
  margin-top:6px!important;
  color:#756b5c!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
html body.client-portal-v342 #refreshCampaignGoalsBtn{
  height:42px!important;
  min-width:96px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:900!important;
  align-self:start!important;
}
html body.client-portal-v342 form#campaignGoalForm.campaign-goal-form-v342{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  clear:both!important;
}
html body.client-portal-v342 form#campaignGoalForm.campaign-goal-form-v342 > input[type="hidden"]{display:none!important;}
html body.client-portal-v342 .campaign-goal-builder-v342{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  padding:16px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.62)!important;
  box-sizing:border-box!important;
}
html body.client-portal-v342 .campaign-goal-form-grid-v342{
  display:grid!important;
  grid-template-columns:minmax(260px,1.45fr) minmax(200px,1fr) minmax(150px,.72fr) minmax(155px,.72fr) minmax(155px,.72fr) minmax(220px,1fr) minmax(150px,.68fr)!important;
  gap:12px!important;
  align-items:end!important;
  width:100%!important;
  min-width:0!important;
}
html body.client-portal-v342 .campaign-field-v342{
  display:grid!important;
  grid-template-rows:14px 44px!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  color:#6b5c45!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
html body.client-portal-v342 .campaign-field-v342 > span{
  display:block!important;
  height:14px!important;
  line-height:14px!important;
  color:#6b5c45!important;
  font-size:11.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v342 .campaign-field-v342 input,
html body.client-portal-v342 .campaign-field-v342 select{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  border:1px solid rgba(184,138,45,.22)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111827!important;
  padding:0 13px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:44px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v342 .campaign-goal-actions-v342{
  display:flex!important;
  align-items:end!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:max-content!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  align-self:end!important;
}
html body.client-portal-v342 .campaign-goal-actions-v342 .primary-btn,
html body.client-portal-v342 .campaign-goal-actions-v342 .small-btn{
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 19px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body.client-portal-v342 .campaign-goals-summary-v342{
  margin:12px 0 0!important;
  padding:13px 15px!important;
  border:1px dashed rgba(184,138,45,.22)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.70)!important;
  color:#6f6657!important;
  font-size:12.8px!important;
  font-weight:850!important;
}
html body.client-portal-v342 .campaign-goals-list-v342:not(:empty){
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:12px!important;
}
html body.client-portal-v342 .campaign-goals-list-v342:empty{display:none!important;}
@media(max-width:1540px){
  html body.client-portal-v342 .campaign-goal-builder-v342{grid-template-columns:1fr!important;align-items:stretch!important;}
  html body.client-portal-v342 .campaign-goal-form-grid-v342{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  html body.client-portal-v342 .campaign-field-title-v342{grid-column:span 2!important;}
  html body.client-portal-v342 .campaign-field-group-v342{grid-column:span 2!important;}
  html body.client-portal-v342 .campaign-goal-actions-v342{justify-content:flex-end!important;height:44px!important;}
}
@media(max-width:1180px){
  html body.client-portal-v342 .global-content-search-v98{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.client-portal-v342 .global-keyword-search-v99{grid-column:1 / -1!important;}
  html body.client-portal-v342 .campaign-goal-form-grid-v342{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.client-portal-v342 .campaign-field-title-v342,
  html body.client-portal-v342 .campaign-field-group-v342{grid-column:span 2!important;}
}
@media(max-width:700px){
  html body.client-portal-v342 .global-content-search-v98,
  html body.client-portal-v342 .campaign-goal-form-grid-v342,
  html body.client-portal-v342 .campaign-goals-head-v342{grid-template-columns:1fr!important;}
  html body.client-portal-v342 .campaign-field-title-v342,
  html body.client-portal-v342 .campaign-field-group-v342{grid-column:auto!important;}
  html body.client-portal-v342 .campaign-goal-actions-v342{height:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
}

/* v343 — Content Approval Top Filter Compact Width Polish */
html body.client-portal-v343 .client-global-filter-strip{
  overflow:visible!important;
  padding-left:20px!important;
  padding-right:20px!important;
  box-sizing:border-box!important;
}
html body.client-portal-v343 .global-content-search-v98{
  display:grid!important;
  grid-template-columns:168px 226px minmax(300px,1fr) 150px 150px 164px 164px!important;
  gap:12px!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body.client-portal-v343 .analytics-toggle-cell-v100,
html body.client-portal-v343 .campaign-goals-header-cell-v343,
html body.client-portal-v343 .global-keyword-search-v99,
html body.client-portal-v343 .global-typeahead-v98{
  display:grid!important;
  grid-template-rows:14px 48px!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:end!important;
  box-sizing:border-box!important;
}
html body.client-portal-v343 .analytics-toggle-cell-v100 > label,
html body.client-portal-v343 .campaign-goals-header-cell-v343 > label,
html body.client-portal-v343 .global-keyword-search-v99 > label,
html body.client-portal-v343 .global-typeahead-v98 > label{
  height:14px!important;
  line-height:14px!important;
  margin:0!important;
  font-size:10.5px!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v343 #analyticsPanelToggle.analytics-panel-toggle-v100,
html body.client-portal-v343 #campaignGoalsToggle.campaign-goals-toggle-v343{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0 14px!important;
  gap:10px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body.client-portal-v343 #analyticsPanelToggle span:last-child,
html body.client-portal-v343 #campaignGoalsToggle span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.client-portal-v343 #analyticsPanelToggle .analytics-toggle-icon-v100,
html body.client-portal-v343 #campaignGoalsToggle .analytics-toggle-icon-v100{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
}
html body.client-portal-v343 .global-search-field-v98,
html body.client-portal-v343 .global-keyword-search-v99 input,
html body.client-portal-v343 .global-typeahead-v98 input{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
}
html body.client-portal-v343 .global-search-field-v98{
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body.client-portal-v343 .global-keyword-search-v99 input,
html body.client-portal-v343 .global-typeahead-v98 input{
  padding-left:44px!important;
  padding-right:14px!important;
  font-size:13.5px!important;
  font-weight:750!important;
  line-height:48px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
}
html body.client-portal-v343 .global-typeahead-v98 input{
  padding-left:16px!important;
  padding-right:34px!important;
}
html body.client-portal-v343 .global-search-icon-v107{
  left:16px!important;
  width:18px!important;
  height:18px!important;
}
html body.client-portal-v343 .global-typeahead-v98::after,
html body.client-portal-v343 .global-typeahead-v98 .select-arrow{
  right:13px!important;
}
html body.client-portal-v343 .global-typeahead-v98[data-global-filter="format"] label{
  letter-spacing:.14em!important;
}
html body.client-portal-v343 .global-typeahead-v98[data-global-filter="platform"] label{
  letter-spacing:.15em!important;
}
@media(max-width:1600px){
  html body.client-portal-v343 .global-content-search-v98{
    grid-template-columns:154px 205px minmax(260px,1fr) 134px 134px 150px 150px!important;
    gap:10px!important;
  }
  html body.client-portal-v343 #analyticsPanelToggle.analytics-panel-toggle-v100,
  html body.client-portal-v343 #campaignGoalsToggle.campaign-goals-toggle-v343{
    font-size:13px!important;
    padding:0 12px!important;
    gap:9px!important;
  }
  html body.client-portal-v343 .global-keyword-search-v99 input,
  html body.client-portal-v343 .global-typeahead-v98 input{
    font-size:13px!important;
  }
}
@media(max-width:1320px){
  html body.client-portal-v343 .global-content-search-v98{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body.client-portal-v343 .global-keyword-search-v99{
    grid-column:span 2!important;
  }
}
@media(max-width:800px){
  html body.client-portal-v343 .global-content-search-v98{
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v343 .global-keyword-search-v99{
    grid-column:auto!important;
  }
}

/* v344 — Filter Bar Equal Height + Responsive Width Lock
   Fixes top controls so Analytics, Campaign Goals, Search, and filters share one stable rhythm. */
html body.client-portal-v344 .client-global-filter-strip,
html body.client-portal-v344 .client-global-filter-strip-v98{
  overflow: visible !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;
}
html body.client-portal-v344 .global-content-search-v98{
  --qos-filter-h: 48px;
  --qos-filter-label-h: 14px;
  --qos-filter-gap: 10px;
  display: grid !important;
  grid-template-columns: 150px 210px minmax(260px, 1fr) 140px 140px 154px 154px !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
html body.client-portal-v344 .analytics-toggle-cell-v100,
html body.client-portal-v344 .campaign-goals-header-cell-v338,
html body.client-portal-v344 .campaign-goals-header-cell-v339,
html body.client-portal-v344 .campaign-goals-header-cell-v340,
html body.client-portal-v344 .campaign-goals-header-cell-v341,
html body.client-portal-v344 .campaign-goals-header-cell-v342,
html body.client-portal-v344 .campaign-goals-header-cell-v343,
html body.client-portal-v344 .global-keyword-search-v99,
html body.client-portal-v344 .global-typeahead-v98{
  display: grid !important;
  grid-template-rows: var(--qos-filter-label-h) var(--qos-filter-h) !important;
  gap: 7px !important;
  align-self: end !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
html body.client-portal-v344 .analytics-toggle-cell-v100 > label,
html body.client-portal-v344 .campaign-goals-header-cell-v338 > label,
html body.client-portal-v344 .campaign-goals-header-cell-v339 > label,
html body.client-portal-v344 .campaign-goals-header-cell-v340 > label,
html body.client-portal-v344 .campaign-goals-header-cell-v341 > label,
html body.client-portal-v344 .campaign-goals-header-cell-v342 > label,
html body.client-portal-v344 .campaign-goals-header-cell-v343 > label,
html body.client-portal-v344 .global-keyword-search-v99 > label,
html body.client-portal-v344 .global-typeahead-v98 > label{
  display: block !important;
  height: var(--qos-filter-label-h) !important;
  min-height: var(--qos-filter-label-h) !important;
  max-height: var(--qos-filter-label-h) !important;
  line-height: var(--qos-filter-label-h) !important;
  margin: 0 !important;
  padding: 0 0 0 2px !important;
  color: #6d604f !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}
html body.client-portal-v344 #analyticsPanelToggle.analytics-panel-toggle-v100,
html body.client-portal-v344 #campaignGoalsToggle.analytics-panel-toggle-v100,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v336,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v338,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v339,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v340,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v341,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v342,
html body.client-portal-v344 #campaignGoalsToggle.campaign-goals-toggle-v343{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--qos-filter-h) !important;
  min-height: var(--qos-filter-h) !important;
  max-height: var(--qos-filter-h) !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.client-portal-v344 #analyticsPanelToggle.analytics-panel-toggle-v100:not(.is-open):not(.is-active),
html body.client-portal-v344 #campaignGoalsToggle.analytics-panel-toggle-v100:not(.is-open):not(.is-active){
  background: linear-gradient(135deg, #fffaf0 0%, #f8e8bd 100%) !important;
  color: #6b4707 !important;
  border-color: #c99638 !important;
}
html body.client-portal-v344 #analyticsPanelToggle.analytics-panel-toggle-v100.is-open,
html body.client-portal-v344 #analyticsPanelToggle.analytics-panel-toggle-v100.is-active,
html body.client-portal-v344 #campaignGoalsToggle.analytics-panel-toggle-v100.is-open,
html body.client-portal-v344 #campaignGoalsToggle.analytics-panel-toggle-v100.is-active{
  background: linear-gradient(180deg, #a9750d 0%, #704600 100%) !important;
  color: #fff8e8 !important;
  border-color: #7a5311 !important;
}
html body.client-portal-v344 #analyticsPanelToggle .analytics-toggle-icon-v100,
html body.client-portal-v344 #campaignGoalsToggle .analytics-toggle-icon-v100,
html body.client-portal-v344 #campaignGoalsToggle .campaign-goals-toggle-icon-v339{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.client-portal-v344 #analyticsPanelToggle > span:last-child,
html body.client-portal-v344 #campaignGoalsToggle > span:last-child{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body.client-portal-v344 .global-search-field-v98,
html body.client-portal-v344 .global-keyword-search-v99 input,
html body.client-portal-v344 .global-typeahead-v98 input{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--qos-filter-h) !important;
  min-height: var(--qos-filter-h) !important;
  max-height: var(--qos-filter-h) !important;
  margin: 0 !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body.client-portal-v344 .global-search-field-v98{
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
html body.client-portal-v344 .global-keyword-search-v99 input,
html body.client-portal-v344 .global-typeahead-v98 input{
  color: #5f6271 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
html body.client-portal-v344 .global-keyword-search-v99 input{
  padding-left: 44px !important;
  padding-right: 14px !important;
}
html body.client-portal-v344 .global-typeahead-v98 input{
  padding-left: 16px !important;
  padding-right: 34px !important;
}
html body.client-portal-v344 .global-keyword-search-v99 input::placeholder,
html body.client-portal-v344 .global-typeahead-v98 input::placeholder{
  color: #6f7280 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  text-overflow: ellipsis !important;
}
html body.client-portal-v344 .global-search-icon-v107{
  left: 16px !important;
  width: 18px !important;
  height: 18px !important;
}
html body.client-portal-v344 .global-typeahead-v98::after,
html body.client-portal-v344 .global-typeahead-v98 .select-arrow{
  right: 13px !important;
}
@media(max-width:1660px){
  html body.client-portal-v344 .global-content-search-v98{
    grid-template-columns: 138px 190px minmax(225px, 1fr) 128px 128px 140px 140px !important;
    gap: 10px !important;
  }
  html body.client-portal-v344 #analyticsPanelToggle.analytics-panel-toggle-v100,
  html body.client-portal-v344 #campaignGoalsToggle.analytics-panel-toggle-v100{
    font-size: 13px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 8px !important;
  }
  html body.client-portal-v344 #analyticsPanelToggle .analytics-toggle-icon-v100,
  html body.client-portal-v344 #campaignGoalsToggle .analytics-toggle-icon-v100,
  html body.client-portal-v344 #campaignGoalsToggle .campaign-goals-toggle-icon-v339{
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex-basis: 26px !important;
  }
  html body.client-portal-v344 .global-keyword-search-v99 input,
  html body.client-portal-v344 .global-typeahead-v98 input,
  html body.client-portal-v344 .global-keyword-search-v99 input::placeholder,
  html body.client-portal-v344 .global-typeahead-v98 input::placeholder{
    font-size: 13px !important;
  }
}
@media(max-width:1280px){
  html body.client-portal-v344 .global-content-search-v98{
    grid-template-columns: 1fr 1fr minmax(260px, 2fr) 1fr 1fr !important;
  }
  html body.client-portal-v344 .global-typeahead-v98[data-global-filter="format"],
  html body.client-portal-v344 .global-typeahead-v98[data-global-filter="platform"]{
    grid-column: span 1 !important;
  }
}
@media(max-width:900px){
  html body.client-portal-v344 .global-content-search-v98{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.client-portal-v344 .global-keyword-search-v99{
    grid-column: 1 / -1 !important;
  }
}
@media(max-width:640px){
  html body.client-portal-v344 .global-content-search-v98{
    grid-template-columns: 1fr !important;
  }
  html body.client-portal-v344 .global-keyword-search-v99{
    grid-column: auto !important;
  }
}


/* v345 — Content Approval Clean Runtime Lock / no floating black circle */
html body.client-portal-v345 #operationalContextPillV272,
html body.client-portal-v345 .operational-context-pill-v272,
html body.client-portal-v345 [data-operational-context-pill],
html body.client-portal-v345 .context-debug-chip,
html body.client-portal-v345 .workspace-context-chip,
html body.client-portal-v345 #quimingCommandLauncher,
html body.client-portal-v345 .qk-launcher-v280,
html body.client-portal-v345 [data-command-launcher],
html body.client-portal-v345 .floating-command-button,
html body.client-portal-v345 .command-floating-button,
html body.client-portal-v345 #qmLauncherV315,
html body.client-portal-v345 .qm-launcher-v315,
html body.client-portal-v345 #qmDockV315,
html body.client-portal-v345 .qm-dock-v315,
html body.client-portal-v345 #qmListV315,
html body.client-portal-v345 .qm-list-v315,
html body.client-portal-v345 .nav-loading-placeholder-v306,
html body.client-portal-v345 .top-nav-loading-v146{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.client-portal-v345.has-operational-context-v272{padding-top:0!important;}
html body.client-portal-v345.shell-auth-loading-v146 #topNavLinks:empty::before,
html body.client-portal-v345.shell-auth-loading-v146 #topNavLinks:empty::after,
html body.client-portal-v345.nav-transitioning-v188::before,
html body.client-portal-v345.nav-transitioning-v188::after{
  content:none!important;
  display:none!important;
}
html body.client-portal-v345 .nav-preboot-stable-v345 .profile-action-zone:empty{display:block!important;min-width:48px!important;}


/* v346 — Campaign Goals Operating Workflow + CTA Tracking Actions */
html body.client-portal-v346 .campaign-goals-panel-v346{
  padding:24px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff8ec 100%)!important;
}
html body.client-portal-v346 .campaign-goals-head-v346{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
html body.client-portal-v346 .campaign-role-workflow-v346{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) minmax(420px,1.15fr)!important;
  gap:14px!important;
  margin:0 0 18px!important;
}
html body.client-portal-v346 .campaign-role-card-v346,
html body.client-portal-v346 .campaign-flow-card-v346{
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:14px 16px!important;
  box-shadow:0 10px 24px rgba(80,54,13,.035)!important;
}
html body.client-portal-v346 .campaign-role-card-v346{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.9fr)!important;
  gap:14px!important;
  align-items:start!important;
}
html body.client-portal-v346 .campaign-role-badge-v346{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff4d7!important;
  color:#795208!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  margin-bottom:8px!important;
}
html body.client-portal-v346 .campaign-role-card-v346 strong,
html body.client-portal-v346 .campaign-flow-card-v346 strong{
  display:block!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}
html body.client-portal-v346 .campaign-role-card-v346 p{
  margin:0!important;
  color:#6b6255!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
html body.client-portal-v346 .campaign-role-card-v346 ul{
  margin:0!important;
  padding-left:17px!important;
  color:#5f574b!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:760!important;
}
html body.client-portal-v346 .campaign-flow-card-v346 div{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:8px!important;
}
html body.client-portal-v346 .campaign-flow-card-v346 span{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:12px!important;
  background:#fff8e8!important;
  color:#6f4a05!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1.15!important;
  padding:5px!important;
}
html body.client-portal-v346 .campaign-goal-form-v346{
  margin-top:8px!important;
}
html body.client-portal-v346 .campaign-goal-card-v346{
  border-radius:18px!important;
  background:#fff!important;
}
html body.client-portal-v346 .campaign-goal-responsibility-v346{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  background:#fffaf0!important;
  border:1px solid rgba(184,138,45,.12)!important;
  color:#5f574b!important;
  font-size:11.5px!important;
  font-weight:780!important;
  line-height:1.3!important;
}
html body.client-portal-v346 .v336-generate-link-actions{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
html body.client-portal-v346 #copyTrackingLinkBtn{
  min-width:96px!important;
}
@media(max-width:1280px){
  html body.client-portal-v346 .campaign-role-workflow-v346{grid-template-columns:1fr!important;}
}
@media(max-width:900px){
  html body.client-portal-v346 .campaign-role-card-v346{grid-template-columns:1fr!important;}
  html body.client-portal-v346 .campaign-flow-card-v346 div{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}


/* v347 — Global No Black Circle Runtime Lock */
html body #qmLauncherV315,html body .qm-launcher-v315,html body #qmDockV315,html body .qm-dock-v315,html body #qmListV315,html body .qm-list-v315,html body .qm-window-v315,html body .qm-windows-v315,html body #quimingCommandLauncher,html body .qk-launcher-v280,html body [data-command-launcher],html body .floating-command-button,html body .command-floating-button,html body #operationalContextPillV272,html body .operational-context-pill-v272,html body [data-operational-context-pill],html body .context-debug-chip,html body .workspace-context-chip{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;clip-path:inset(100%)!important;}
html body.has-operational-context-v272{padding-top:0!important;}
html body.nav-transitioning-v188::before,html body.nav-transitioning-v188::after,html body.shell-auth-loading-v146 #topNavLinks:empty::before,html body.shell-auth-loading-v146 #topNavLinks:empty::after{content:none!important;display:none!important;}

/* v349 Promotion Tracking replacement */
html body.client-portal-v349 .promotion-tracking-block-v349{
  grid-column:1/-1!important;
  display:grid!important;
  gap:12px!important;
  margin:10px 0 4px!important;
  padding:14px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffaf0,#fffdf8)!important;
}
html body.client-portal-v349 .promotion-tracking-head-v349{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
html body.client-portal-v349 .promotion-tracking-head-v349 strong{font-size:16px!important;color:#111827!important;}
html body.client-portal-v349 .promotion-tracking-head-v349 small{display:block!important;margin-top:2px!important;color:#756a58!important;font-weight:700!important;}
html body.client-portal-v349 .promotion-switch-v349{
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:86px!important;height:42px!important;padding:4px 12px!important;border:1px solid #e3c47a!important;border-radius:999px!important;background:#fff!important;font-weight:900!important;color:#6d4600!important;cursor:pointer!important;
}
html body.client-portal-v349 .promotion-switch-v349 input{width:18px!important;height:18px!important;accent-color:#9b6a00!important;}
html body.client-portal-v349 .promotion-tracking-config-v349{display:grid!important;gap:12px!important;}
html body.client-portal-v349 .promotion-tracking-config-v349[hidden]{display:none!important;}
html body.client-portal-v349 .promotion-main-row-v349,
html body.client-portal-v349 .promotion-output-row-v349{align-items:end!important;gap:12px!important;}
html body.client-portal-v349 .promotion-advanced-v349{border:1px dashed rgba(184,138,45,.28)!important;border-radius:14px!important;padding:10px 12px!important;background:rgba(255,255,255,.7)!important;}
html body.client-portal-v349 .promotion-advanced-v349 summary{cursor:pointer!important;font-weight:900!important;color:#6d4600!important;}
html body.client-portal-v349 .promotion-actions-v349{display:flex!important;align-items:end!important;gap:8px!important;min-height:48px!important;}
html body.client-portal-v349 .promotion-cta-preview-v349{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;padding:10px 12px!important;border:1px solid rgba(34,197,94,.24)!important;border-radius:14px!important;background:#f0fdf4!important;color:#14532d!important;font-weight:800!important;}
html body.client-portal-v349 .promotion-cta-preview-v349[hidden]{display:none!important;}
html body.client-portal-v349 .promotion-cta-preview-v349 a{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:6px 12px!important;border-radius:999px!important;background:#fff!important;color:#166534!important;text-decoration:none!important;border:1px solid rgba(34,197,94,.35)!important;}
html body.client-portal-v349 .promotion-cta-preview-v349 small{width:100%!important;color:#166534!important;font-weight:700!important;word-break:break-all!important;}

/* v351 Promotion Click Visibility */
.client-portal-v351 .promotion-clicks-cell-v351{
  min-width:112px;
  text-align:left;
  vertical-align:middle;
}
.client-portal-v351 .promotion-click-pill-v351{
  width:100%;
  min-width:96px;
  border:1px solid #ead8aa;
  border-radius:14px;
  background:#fffaf0;
  color:#3a2c0b;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  padding:8px 10px;
  line-height:1.05;
  cursor:pointer;
  font:inherit;
  box-shadow:0 6px 18px rgba(111,80,10,.06);
}
.client-portal-v351 .promotion-click-pill-v351 strong{
  font-size:14px;
  font-weight:900;
  color:#14110a;
}
.client-portal-v351 .promotion-click-pill-v351 span{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#7d5b12;
}
.client-portal-v351 .promotion-click-pill-v351 small{
  font-size:10px;
  color:#83734c;
  white-space:nowrap;
}
.client-portal-v351 .promotion-empty-v351{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  color:#b5a98d;
  font-weight:800;
}
.client-portal-v351 .promotion-performance-panel-v351{
  margin-top:14px;
  border:1px solid #ead9ae;
  border-radius:18px;
  background:linear-gradient(180deg,#fffdf7 0%,#fff8e8 100%);
  padding:16px;
  box-shadow:0 14px 40px rgba(92,67,12,.08);
}
.client-portal-v351 .promotion-performance-panel-v351 header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.client-portal-v351 .promotion-performance-panel-v351 h3{
  margin:0;
  font-size:16px;
  line-height:1.15;
  color:#19140c;
}
.client-portal-v351 .promotion-performance-panel-v351 .eyebrow{
  margin:0 0 3px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:900;
  color:#9a6a00;
}
.client-portal-v351 .promotion-performance-panel-v351 header small{
  color:#7f735b;
  font-weight:700;
}
.client-portal-v351 .promotion-performance-metrics-v351{
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:10px;
  margin-bottom:12px;
}
.client-portal-v351 .promotion-performance-metrics-v351 span{
  border:1px solid #f0e1bd;
  background:#fff;
  border-radius:14px;
  padding:11px 12px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.client-portal-v351 .promotion-performance-metrics-v351 small{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
  color:#7d6c48;
}
.client-portal-v351 .promotion-performance-metrics-v351 strong{
  font-size:20px;
  line-height:1;
  color:#14110a;
}
.client-portal-v351 .promotion-top-posts-v351{
  display:grid;
  gap:8px;
}
.client-portal-v351 .promotion-top-posts-v351 article{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid #f0e3c7;
  border-radius:13px;
  background:#fff;
}
.client-portal-v351 .promotion-top-posts-v351 article > b{
  width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#1f1a11;
  color:#fff;
  font-size:11px;
}
.client-portal-v351 .promotion-top-posts-v351 article strong{
  display:block;
  font-size:13px;
  color:#1a160d;
}
.client-portal-v351 .promotion-top-posts-v351 article small{
  display:block;
  margin-top:2px;
  color:#7f735b;
  font-size:11px;
}
.client-portal-v351 .promotion-top-posts-v351 article > span{
  font-weight:900;
  color:#8b5b00;
  white-space:nowrap;
}
.client-portal-v351 .promotion-empty-line-v351{
  margin:0;
  color:#8a7c5d;
  font-size:13px;
  font-weight:700;
}
.client-portal-v351 .promotion-metrics-summary-v351{
  border:1px solid #ecdcb6;
  border-radius:16px;
  background:#fffaf0;
  padding:12px;
  margin-top:10px;
}
.client-portal-v351 .promotion-modal-metrics-v351{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.client-portal-v351 .promotion-modal-metrics-v351 span{
  border:1px solid #f0e1bd;
  border-radius:12px;
  background:#fff;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.client-portal-v351 .promotion-modal-metrics-v351 small,
.client-portal-v351 .promotion-modal-link-v351 small{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
  color:#7d6c48;
}
.client-portal-v351 .promotion-modal-metrics-v351 strong{
  font-size:18px;
  color:#17130b;
}
.client-portal-v351 .promotion-modal-link-v351{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
}
.client-portal-v351 .promotion-modal-link-v351 button,
.client-portal-v351 .promotion-modal-link-v351 a{
  border:1px solid #dbc58d;
  background:#fff;
  color:#4d3706;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
@media (max-width: 980px){
  .client-portal-v351 .promotion-performance-metrics-v351{grid-template-columns:repeat(2,minmax(120px,1fr));}
  .client-portal-v351 .promotion-modal-metrics-v351{grid-template-columns:1fr;}
}

/* v351 — Engagement Rate Sort Filter */
html body.client-portal-v351 .global-content-search-v98{
  --qos-filter-h:48px;
  --qos-filter-label-h:14px;
  display:grid!important;
  grid-template-columns:130px 176px minmax(220px,1fr) 124px 124px 142px 142px 166px!important;
  gap:10px!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html body.client-portal-v351 .performance-sort-typeahead-v351,
html body.client-portal-v351 .global-typeahead-v98[data-global-filter="performance"]{
  display:grid!important;
  grid-template-rows:var(--qos-filter-label-h) var(--qos-filter-h)!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
}
html body.client-portal-v351 .global-typeahead-v98[data-global-filter="performance"] > label{
  display:block!important;
  height:var(--qos-filter-label-h)!important;
  line-height:var(--qos-filter-label-h)!important;
  margin:0!important;
  padding:0 0 0 2px!important;
  color:#6d604f!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v351 .global-typeahead-v98[data-global-filter="performance"] input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:var(--qos-filter-h)!important;
  min-height:var(--qos-filter-h)!important;
  max-height:var(--qos-filter-h)!important;
  border-radius:14px!important;
  padding-left:16px!important;
  padding-right:34px!important;
  box-sizing:border-box!important;
  color:#5f6271!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.client-portal-v351 .global-typeahead-v98[data-global-filter="performance"] input::placeholder{
  color:#6f7280!important;
  font-size:13px!important;
  font-weight:800!important;
  opacity:1!important;
}
.client-portal-v351 .engagement-rate-cell-v351{
  min-width:112px;
  text-align:left;
  vertical-align:middle;
}
.client-portal-v351 .engagement-rate-pill-v351{
  min-width:96px;
  border:1px solid #d7e8c7;
  border-radius:14px;
  background:#f8fff2;
  color:#17380c;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  padding:8px 10px;
  line-height:1.05;
  box-shadow:0 6px 18px rgba(53,112,19,.06);
}
.client-portal-v351 .engagement-rate-pill-v351 strong{
  font-size:14px;
  font-weight:950;
  color:#13240b;
}
.client-portal-v351 .engagement-rate-pill-v351 span{
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.045em;
  color:#477324;
}
.client-portal-v351 .engagement-rate-pill-v351 small{
  font-size:10px;
  color:#617755;
  white-space:nowrap;
}
.client-portal-v351 .engagement-empty-v351,
.client-portal-v351 .mobile-engagement-v351{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid #d7e8c7;
  background:#f8fff2;
  color:#477324;
  font-size:11px;
  font-weight:850;
  padding:5px 8px;
}
.client-portal-v351 .engagement-empty-v351{
  width:100%;
  color:#a8b69c;
  border-color:transparent;
  background:transparent;
}
@media(max-width:1660px){
  html body.client-portal-v351 .global-content-search-v98{
    grid-template-columns:120px 164px minmax(200px,1fr) 116px 116px 132px 132px 154px!important;
    gap:9px!important;
  }
}
@media(max-width:1380px){
  html body.client-portal-v351 .global-content-search-v98{
    grid-template-columns:1fr 1.15fr minmax(230px,1.8fr) 1fr 1fr 1fr!important;
  }
  html body.client-portal-v351 .global-typeahead-v98[data-global-filter="platform"],
  html body.client-portal-v351 .global-typeahead-v98[data-global-filter="performance"]{
    grid-column:span 1!important;
  }
}
@media(max-width:980px){
  html body.client-portal-v351 .global-content-search-v98{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.client-portal-v351 .global-keyword-search-v99{
    grid-column:1/-1!important;
  }
}
@media(max-width:640px){
  html body.client-portal-v351 .global-content-search-v98{
    grid-template-columns:1fr!important;
  }
  html body.client-portal-v351 .global-keyword-search-v99{
    grid-column:auto!important;
  }
}


/* v352 — Promotion Link Revision Control */
html body.client-portal-v352 .promotion-actions-v349{
  flex-wrap:wrap!important;
  align-items:center!important;
}
html body.client-portal-v352 .promotion-revision-notice-v352{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.34)!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
html body.client-portal-v352 .promotion-revision-notice-v352[hidden]{display:none!important;}
html body.client-portal-v352 .promotion-revision-notice-v352::before{
  content:'↻';
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#8a5b00!important;
  border:1px solid rgba(184,138,45,.25)!important;
  flex:0 0 auto!important;
}
html body.client-portal-v352 .promotion-revision-notice-v352.review{
  background:#fffbeb!important;
  border-color:rgba(245,158,11,.28)!important;
  color:#78350f!important;
}
html body.client-portal-v352 .promotion-revision-notice-v352.published{
  background:#fff1f2!important;
  border-color:rgba(244,63,94,.24)!important;
  color:#881337!important;
}
html body.client-portal-v352 .promotion-regenerate-btn-v352{
  border-color:rgba(37,99,235,.26)!important;
  color:#1d4ed8!important;
  background:#eff6ff!important;
}
html body.client-portal-v352 .promotion-remove-btn-v352{
  border-color:rgba(220,38,38,.25)!important;
  color:#991b1b!important;
  background:#fff5f5!important;
}
html body.client-portal-v352 .promotion-link-status-replaced,
html body.client-portal-v352 .promotion-link-status-disabled{
  opacity:.72!important;
  border-style:dashed!important;
}
html body.client-portal-v352 .promotion-modal-link-v351::after{
  content:' Edit, regenerate, or remove this link above before posting.';
  display:block!important;
  width:100%!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:800!important;
  margin-top:4px!important;
}

/* v353 — Compact Performance Popover UI */
html body.client-portal-v353 .client-approval-table th.performance-head-v353{
  width:92px!important;
  min-width:92px!important;
  max-width:100px!important;
  text-align:center!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
}
html body.client-portal-v353 .performance-cell-v353{
  width:92px!important;
  min-width:92px!important;
  max-width:100px!important;
  text-align:center!important;
  vertical-align:middle!important;
  position:relative!important;
  overflow:visible!important;
  padding-left:6px!important;
  padding-right:6px!important;
}
html body.client-portal-v353 .client-table-wrap,
html body.client-portal-v353 .workspace-table-wrap,
html body.client-portal-v353 .client-approval-table,
html body.client-portal-v353 .client-approval-table tbody,
html body.client-portal-v353 .client-approval-table tr,
html body.client-portal-v353 .client-approval-table td{
  overflow:visible!important;
}
html body.client-portal-v353 .performance-drop-v353{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:76px!important;
  max-width:76px!important;
}
html body.client-portal-v353 .performance-drop-v353 > summary{
  list-style:none!important;
}
html body.client-portal-v353 .performance-drop-v353 > summary::-webkit-details-marker{display:none!important;}
html body.client-portal-v353 .performance-summary-v353{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:center!important;
  width:76px!important;
  height:38px!important;
  border:1px solid #ead9ae!important;
  background:#fffaf0!important;
  border-radius:999px!important;
  padding:4px!important;
  cursor:pointer!important;
  box-shadow:0 6px 18px rgba(92,67,12,.08)!important;
}
html body.client-portal-v353 .performance-summary-v353:hover,
html body.client-portal-v353 .performance-drop-v353[open] .performance-summary-v353{
  border-color:#d4a63e!important;
  background:#fff5dc!important;
  box-shadow:0 10px 26px rgba(92,67,12,.14)!important;
}
html body.client-portal-v353 .performance-mini-v353{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  height:28px!important;
  min-width:0!important;
  border-radius:999px!important;
  line-height:1!important;
  overflow:hidden!important;
}
html body.client-portal-v353 .performance-mini-v353 i{
  font-style:normal!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v353 .performance-mini-v353 b{
  font-size:10px!important;
  font-weight:950!important;
  max-width:32px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.client-portal-v353 .performance-er-v353{
  background:#f5ffeb!important;
  color:#2f6b13!important;
}
html body.client-portal-v353 .performance-promo-v353{
  background:#fff!important;
  color:#8b5b00!important;
}
html body.client-portal-v353 .performance-mini-v353.is-empty{
  opacity:.58!important;
  color:#9b927f!important;
  background:#f7f1e6!important;
}
html body.client-portal-v353 .performance-popover-v353{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:-12px!important;
  z-index:2000!important;
  width:300px!important;
  max-width:min(300px, calc(100vw - 32px))!important;
  display:none!important;
  text-align:left!important;
  border:1px solid #ead9ae!important;
  border-radius:18px!important;
  background:#fffdf8!important;
  box-shadow:0 24px 70px rgba(28,20,8,.22)!important;
  padding:12px!important;
}
html body.client-portal-v353 .performance-drop-v353[open] .performance-popover-v353{
  display:block!important;
}
html body.client-portal-v353 .performance-popover-v353::before{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  right:38px!important;
  width:12px!important;
  height:12px!important;
  background:#fffdf8!important;
  border-left:1px solid #ead9ae!important;
  border-top:1px solid #ead9ae!important;
  transform:rotate(45deg)!important;
}
html body.client-portal-v353 .performance-popover-head-v353{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  margin-bottom:10px!important;
}
html body.client-portal-v353 .performance-popover-head-v353 strong{
  font-size:13px!important;
  font-weight:950!important;
  color:#15110a!important;
}
html body.client-portal-v353 .performance-popover-head-v353 small{
  color:#756a58!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v353 .performance-popover-grid-v353{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html body.client-portal-v353 .performance-popover-grid-v353 span{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
  padding:9px!important;
  border:1px solid #f0e1bd!important;
  border-radius:13px!important;
  background:#fff!important;
}
html body.client-portal-v353 .performance-popover-grid-v353 small,
html body.client-portal-v353 .performance-promotion-line-v353 small{
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#7d6c48!important;
}
html body.client-portal-v353 .performance-popover-grid-v353 strong{
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.05!important;
  color:#15110a!important;
}
html body.client-portal-v353 .performance-promotion-line-v353{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:3px 8px!important;
  align-items:center!important;
  margin-top:8px!important;
  padding:9px!important;
  border:1px dashed #ead9ae!important;
  border-radius:13px!important;
  background:#fffaf0!important;
}
html body.client-portal-v353 .performance-promotion-line-v353 small{grid-column:1/-1!important;}
html body.client-portal-v353 .performance-promotion-line-v353 strong{
  color:#15110a!important;
  font-size:12px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v353 .performance-promotion-line-v353 em{
  font-style:normal!important;
  font-size:10px!important;
  font-weight:900!important;
  color:#8b5b00!important;
  background:#fff!important;
  border:1px solid #ead9ae!important;
  border-radius:999px!important;
  padding:4px 7px!important;
  white-space:nowrap!important;
}
html body.client-portal-v353 .performance-popover-actions-v353{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:10px!important;
}
html body.client-portal-v353 .performance-action-v353{
  min-height:30px!important;
  border:1px solid #dbc58d!important;
  background:#fff!important;
  color:#4d3706!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:11px!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body.client-portal-v353 .performance-no-link-v353{
  margin-right:auto!important;
  color:#8a7c5d!important;
  font-size:11px!important;
  font-weight:800!important;
}
html body.client-portal-v353 .mobile-engagement-v351,
html body.client-portal-v353 .mobile-col-engagement-v351,
html body.client-portal-v353 .mobile-col-promo-v351{
  display:none!important;
}
@media(max-width:900px){
  html body.client-portal-v353 .performance-cell-v353{width:auto!important;max-width:none!important;text-align:left!important;}
  html body.client-portal-v353 .performance-drop-v353{width:auto!important;max-width:none!important;justify-content:flex-start!important;}
  html body.client-portal-v353 .performance-summary-v353{width:96px!important;}
  html body.client-portal-v353 .performance-popover-v353{left:0!important;right:auto!important;}
  html body.client-portal-v353 .performance-popover-v353::before{left:34px!important;right:auto!important;}
}
html body.client-portal-v353 .mobile-performance-v353{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:86px!important;
}
html body.client-portal-v353 .mobile-content-pills-v191 .performance-popover-v353{
  left:0!important;
  right:auto!important;
}

/* v354 Inline Cell Editing + Duplicate Title Guard */
.client-portal-v354 .inline-title-cell-v354 {
  cursor: text;
  max-width: 230px;
  min-width: 170px;
  position: relative;
}
.client-portal-v354 .inline-title-cell-v354:hover {
  background: rgba(250, 238, 205, .34);
}
.client-portal-v354 .inline-title-text-v354 {
  display: block;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25;
}
.client-portal-v354 .inline-title-hint-v354 {
  display: none;
  color: #9a7a3a;
  font-size: 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 4px;
}
.client-portal-v354 .inline-title-cell-v354:hover .inline-title-hint-v354 {
  display: block;
}
.inline-title-modal-v354[hidden] {
  display: none !important;
}
.inline-title-modal-v354 {
  position: fixed;
  inset: 0;
  z-index: 4000000;
  display: grid;
  place-items: center;
  padding: 24px;
}
.inline-title-backdrop-v354 {
  position: absolute;
  inset: 0;
  background: rgba(27, 22, 12, .42);
  backdrop-filter: blur(5px);
}
.inline-title-card-v354 {
  position: relative;
  width: min(560px, calc(100vw - 36px));
  background: #fffdf8;
  border: 1px solid #dfbe73;
  border-radius: 22px;
  box-shadow: 0 30px 100px rgba(40, 31, 12, .28);
  padding: 22px;
  display: grid;
  gap: 14px;
}
.inline-title-head-v354,
.inline-title-foot-v354 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.inline-title-head-v354 h3 {
  margin: 2px 0 0;
  color: #3b2a0c;
  font-size: 20px;
}
.inline-title-head-v354 .eyebrow {
  margin: 0;
  color: #9c7833;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 800;
}
.inline-title-x-v354 {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #e4c984;
  background: #fff8e7;
  color: #6b4a0a;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.inline-title-field-v354 {
  display: grid;
  gap: 7px;
  color: #5a4630;
  font-weight: 800;
}
.inline-title-field-v354 span {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #80653c;
}
.inline-title-field-v354 textarea,
.inline-title-field-v354 select {
  width: 100%;
  border: 1px solid #e1c886;
  border-radius: 14px;
  background: #fff;
  padding: 12px 14px;
  font: inherit;
  color: #1f2937;
  outline: none;
}
.inline-title-field-v354 textarea:focus,
.inline-title-field-v354 select:focus {
  border-color: #b9831b;
  box-shadow: 0 0 0 3px rgba(214, 160, 42, .16);
}
.inline-title-normalized-v354 {
  border: 1px solid #eadbb4;
  background: #fff9ea;
  border-radius: 14px;
  padding: 10px 12px;
  display: grid;
  gap: 4px;
}
.inline-title-normalized-v354 small {
  color: #8a713b;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
}
.inline-title-normalized-v354 strong {
  color: #2f2413;
  line-height: 1.35;
}
.inline-title-duplicate-v354 {
  border-radius: 14px;
  padding: 10px 12px;
  background: #f8fff3;
  border: 1px solid #d9efc7;
  color: #315219;
}
.inline-title-duplicate-v354.has-warning {
  background: #fff8e8;
  border-color: #edc879;
  color: #5a3904;
}
.inline-title-duplicate-v354 p {
  margin: 3px 0 0;
  font-size: 12px;
}
.inline-title-duplicate-v354 ul {
  margin: 8px 0 0 18px;
  padding: 0;
  font-size: 12px;
}
.inline-title-duplicate-v354 li + li {
  margin-top: 4px;
}
.inline-title-duplicate-v354 small {
  color: #8f7442;
}
.inline-title-foot-v354 {
  justify-content: flex-end;
  border-top: 1px solid #f0e3c4;
  padding-top: 14px;
}
.inline-title-foot-v354 button {
  min-width: 116px;
  border-radius: 999px;
  padding: 11px 18px;
  font-weight: 800;
  border: 1px solid #d8b35c;
  cursor: pointer;
}
.inline-title-foot-v354 .secondary {
  background: #fff;
  color: #64460d;
}
.inline-title-foot-v354 .primary {
  background: #8b5a06;
  color: #fff;
}
@media (max-width: 780px) {
  .client-portal-v354 .inline-title-text-v354 {
    max-width: 100%;
  }
  .inline-title-card-v354 {
    padding: 18px;
  }
}

/* v357 — Platform indicator and inline promotion tracking polish */
.client-portal-v357 .client-mobile-content-row-v189,
.client-portal-v357 .mobile-content-card-v191{
  --row-platform-color:#b8b8b8;
}
.client-portal-v357 .inline-thumb-cell-v356,
.client-portal-v357 .mobile-content-thumb-v191{
  position:relative;
  overflow:hidden;
}
.client-portal-v357 .inline-thumb-cell-v356::before,
.client-portal-v357 .mobile-content-thumb-v191::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--row-platform-color, #b8b8b8);
  border-radius:6px;
  z-index:3;
  pointer-events:none;
}
.client-portal-v357 .client-mobile-content-row-v189:hover .inline-thumb-cell-v356::before,
.client-portal-v357 .client-mobile-content-row-v189.is-selected-v111 .inline-thumb-cell-v356::before,
.client-portal-v357 .mobile-content-card-v191:hover .mobile-content-thumb-v191::before,
.client-portal-v357 .mobile-content-card-v191.is-selected-v111 .mobile-content-thumb-v191::before{
  background:var(--row-platform-color, #b8b8b8);
}
.client-portal-v357 .inline-title-platform-v357 select{
  width:100%;
  border:1px solid rgba(191,135,35,.32);
  border-radius:14px;
  background:#fff;
  padding:11px 12px;
  font:inherit;
  font-size:14px;
  color:#1d1b18;
}
.client-portal-v357 .inline-promotion-panel-v357{
  margin-top:14px;
  border:1px solid rgba(191,135,35,.22);
  border-radius:18px;
  background:#fffaf0;
  overflow:hidden;
}
.client-portal-v357 .inline-promotion-panel-v357 summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  cursor:pointer;
  font-weight:950;
  color:#3a280d;
  list-style:none;
}
.client-portal-v357 .inline-promotion-panel-v357 summary::-webkit-details-marker{display:none;}
.client-portal-v357 .inline-promotion-panel-v357 summary b{
  border:1px solid rgba(126,113,87,.22);
  border-radius:999px;
  padding:5px 9px;
  background:#f5efe2;
  color:#6f604a;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.client-portal-v357 .inline-promotion-panel-v357 summary b.is-active{
  background:#effbea;
  border-color:#bddfae;
  color:#2f681f;
}
.client-portal-v357 .inline-promotion-body-v357{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0 14px 14px;
}
.client-portal-v357 .inline-promotion-body-v357 input[readonly]{
  background:#f7f3ea;
  color:#6a5b45;
}
.client-portal-v357 .inline-promotion-actions-v357{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:2px;
}
.client-portal-v357 .inline-promotion-actions-v357 select{
  border:1px solid rgba(191,135,35,.35);
  border-radius:999px;
  padding:10px 12px;
  background:#fff;
  font-weight:800;
  color:#3d2c13;
}
@media(max-width:720px){
  .client-portal-v357 .inline-promotion-body-v357{grid-template-columns:1fr;}
  .client-portal-v357 .inline-promotion-actions-v357 > *{flex:1 1 100%;}
}

/* v358 — Compact content rows + stronger platform color contrast */
html body.client-portal-v358 .client-approval-table tbody tr.client-mobile-content-row-v189{
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
}
html body.client-portal-v358 .client-approval-table tbody td{
  height:74px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  line-height:1.12!important;
  vertical-align:middle!important;
}
html body.client-portal-v358 .client-approval-table tbody td > strong,
html body.client-portal-v358 .client-approval-table tbody td .inline-title-text-v354{
  line-height:1.18!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-height:2.45em!important;
}
html body.client-portal-v358 .client-approval-table .content-thumb,
html body.client-portal-v358 .client-approval-table .thumbnail,
html body.client-portal-v358 .client-approval-table .inline-thumb-cell-v356 img,
html body.client-portal-v358 .inline-thumb-cell-v356 .content-thumb{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  border-radius:13px!important;
  object-fit:cover!important;
}
html body.client-portal-v358 .client-approval-table .status-pill{
  min-height:24px!important;
  padding:0 9px!important;
  font-size:11px!important;
  line-height:1!important;
}
html body.client-portal-v358 .client-approval-table .format-pill{
  min-height:24px!important;
  padding:6px 10px!important;
  font-size:11px!important;
  line-height:1!important;
}
html body.client-portal-v358 .client-approval-table .table-brand-toggle{
  transform:scale(.92)!important;
  transform-origin:center!important;
}
html body.client-portal-v358 .client-approval-table .performance-summary-v353{
  height:34px!important;
  width:72px!important;
  padding:3px!important;
}
html body.client-portal-v358 .client-approval-table .performance-mini-v353{
  height:25px!important;
}
html body.client-portal-v358 .client-approval-table .content-action-trigger{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
}
html body.client-portal-v358 .inline-thumb-cell-v356,
html body.client-portal-v358 .mobile-content-thumb-v191{
  position:relative!important;
  overflow:hidden!important;
}
html body.client-portal-v358 .inline-thumb-cell-v356::before,
html body.client-portal-v358 .mobile-content-thumb-v191::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:5px!important;
  bottom:5px!important;
  width:6px!important;
  background:var(--row-platform-color, #8f98a3)!important;
  border-radius:999px!important;
  z-index:5!important;
  pointer-events:none!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.78), 0 0 12px rgba(0,0,0,.18)!important;
}
html body.client-portal-v358 .client-mobile-content-row-v189:hover .inline-thumb-cell-v356::before,
html body.client-portal-v358 .client-mobile-content-row-v189.is-selected-v111 .inline-thumb-cell-v356::before,
html body.client-portal-v358 .mobile-content-card-v191:hover .mobile-content-thumb-v191::before,
html body.client-portal-v358 .mobile-content-card-v191.is-selected-v111 .mobile-content-thumb-v191::before{
  background:var(--row-platform-color, #8f98a3)!important;
  width:7px!important;
}
html body.client-portal-v358 .mobile-content-card-v191{
  border-left:0!important;
}
html body.client-portal-v358 .mobile-content-thumb-v191::before{
  top:4px!important;
  bottom:4px!important;
}
@media (max-width: 780px){
  html body.client-portal-v358 .mobile-content-card-v191{
    padding:12px!important;
  }
  html body.client-portal-v358 .mobile-content-thumb-v191,
  html body.client-portal-v358 .mobile-content-thumb-v191 .content-thumb,
  html body.client-portal-v358 .mobile-content-thumb-v191 img{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }
}

/* v361 — Ultra Compact Thumbnail Row Height Lock
   Smaller thumbnails drive a lower, consistent table row height while keeping platform lines visible. */
html body.client-portal-v361 .client-approval-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body.client-portal-v361 .client-approval-table tbody tr.client-mobile-content-row-v189{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
}
html body.client-portal-v361 .client-approval-table tbody td{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  padding-left:6px!important;
  padding-right:6px!important;
  line-height:1.08!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}
html body.client-portal-v361 .client-approval-table .content-thumb-preview-btn,
html body.client-portal-v361 .client-approval-table .content-thumb,
html body.client-portal-v361 .client-approval-table .thumbnail,
html body.client-portal-v361 .client-approval-table .inline-thumb-cell-v356 img,
html body.client-portal-v361 .inline-thumb-cell-v356 .content-thumb,
html body.client-portal-v361 .client-approval-table .placeholder-thumb{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  border-radius:10px!important;
  object-fit:cover!important;
}
html body.client-portal-v361 .content-thumb-preview-btn{
  padding:0!important;
  line-height:0!important;
}
html body.client-portal-v361 .content-thumb-zoom-icon{
  width:17px!important;
  height:17px!important;
  font-size:10px!important;
  right:2px!important;
  bottom:2px!important;
}
html body.client-portal-v361 .client-approval-table tbody td > strong,
html body.client-portal-v361 .client-approval-table tbody td .inline-title-text-v354{
  line-height:1.15!important;
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-height:1.3em!important;
}
html body.client-portal-v361 .client-approval-table tbody td small{
  display:block!important;
  font-size:10px!important;
  line-height:1!important;
  margin-top:2px!important;
}
html body.client-portal-v361 .client-approval-table .status-pill,
html body.client-portal-v361 .client-approval-table .format-pill{
  min-height:20px!important;
  height:20px!important;
  padding:0 7px!important;
  font-size:10px!important;
  line-height:20px!important;
  border-radius:999px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.client-portal-v361 .client-approval-table .table-brand-toggle{
  transform:scale(.82)!important;
  transform-origin:center!important;
}
html body.client-portal-v361 .client-approval-table .performance-summary-v353{
  width:60px!important;
  height:28px!important;
  min-height:28px!important;
  padding:2px!important;
  border-radius:999px!important;
}
html body.client-portal-v361 .client-approval-table .performance-mini-v353{
  height:22px!important;
  min-height:22px!important;
  gap:3px!important;
  padding:0 5px!important;
  font-size:10px!important;
}
html body.client-portal-v361 .client-approval-table .table-open-link{
  min-height:22px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1!important;
}
html body.client-portal-v361 .client-approval-table .table-editor-avatar,
html body.client-portal-v361 .client-approval-table .table-editor-avatar img{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  font-size:10px!important;
}
html body.client-portal-v361 .client-approval-table .notes-pill-v361,
html body.client-portal-v361 .client-approval-table .notes-pill-v359{
  min-width:38px!important;
  height:24px!important;
  min-height:24px!important;
  padding:3px 7px!important;
  font-size:10px!important;
  gap:4px!important;
}
html body.client-portal-v361 .client-approval-table .content-action-trigger{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
}
html body.client-portal-v361 .inline-thumb-cell-v356,
html body.client-portal-v361 .mobile-content-thumb-v191{
  position:relative!important;
  overflow:hidden!important;
}
html body.client-portal-v361 .inline-thumb-cell-v356::before,
html body.client-portal-v361 .mobile-content-thumb-v191::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:6px!important;
  bottom:6px!important;
  width:5px!important;
  background:var(--row-platform-color, #8f98a3)!important;
  border-radius:999px!important;
  z-index:6!important;
  pointer-events:none!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.82), 0 0 10px rgba(0,0,0,.2)!important;
}
html body.client-portal-v361 .client-mobile-content-row-v189:hover .inline-thumb-cell-v356::before,
html body.client-portal-v361 .client-mobile-content-row-v189.is-selected-v111 .inline-thumb-cell-v356::before,
html body.client-portal-v361 .mobile-content-card-v191:hover .mobile-content-thumb-v191::before,
html body.client-portal-v361 .mobile-content-card-v191.is-selected-v111 .mobile-content-thumb-v191::before{
  width:6px!important;
  background:var(--row-platform-color, #8f98a3)!important;
}
html body.client-portal-v361 .client-approval-table td.mobile-col-thumb-v189,
html body.client-portal-v361 .client-approval-table td.inline-thumb-cell-v356{
  padding-left:9px!important;
  width:54px!important;
  max-width:54px!important;
}
@media (max-width:780px){
  html body.client-portal-v361 .mobile-content-card-v191{
    padding:10px!important;
    gap:8px!important;
  }
  html body.client-portal-v361 .mobile-content-thumb-v191,
  html body.client-portal-v361 .mobile-content-thumb-v191 .content-thumb-preview-btn,
  html body.client-portal-v361 .mobile-content-thumb-v191 .content-thumb,
  html body.client-portal-v361 .mobile-content-thumb-v191 img,
  html body.client-portal-v361 .mobile-content-thumb-v191 .placeholder-thumb{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  html body.client-portal-v361 .mobile-content-thumb-v191::before{
    top:5px!important;
    bottom:5px!important;
  }
}

/* v363 — Social Media Goals SMART Foundation */
html body.client-portal-v363 #campaignGoalsPanel .campaign-goals-head-v336 h2,
html body.client-portal-v363 #campaignGoalsPanel .campaign-goals-head-v341 h2,
html body.client-portal-v363 #campaignGoalsPanel .campaign-goals-head-v342 h2,
html body.client-portal-v363 #campaignGoalsPanel .campaign-goals-head-v343 h2,
html body.client-portal-v363 #campaignGoalsPanel .campaign-goals-head-v344 h2,
html body.client-portal-v363 #campaignGoalsPanel .campaign-goals-head-v346 h2{
  letter-spacing:-.03em;
}
html body.client-portal-v363 #campaignGoalForm textarea[name="goal_description"]{
  width:100%;
  min-height:64px;
  resize:vertical;
  border:1px solid rgba(80,61,31,.16);
  border-radius:14px;
  padding:10px 12px;
  background:#fffaf1;
  font:inherit;
  color:#2b2117;
  outline:none;
}
html body.client-portal-v363 #campaignGoalForm textarea[name="goal_description"]:focus{
  border-color:rgba(236,173,32,.7);
  box-shadow:0 0 0 3px rgba(255,196,57,.18);
}
html body.client-portal-v363 .social-goal-description-v363{
  margin:8px 0 10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,248,234,.78);
  border:1px solid rgba(101,78,41,.10);
  color:#5b4a36;
  font-size:12.5px;
  line-height:1.45;
}
html body.client-portal-v363 .social-goal-category-chip-v363{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 5px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,199,48,.20);
  border:1px solid rgba(218,161,26,.20);
  color:#6f4c09;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
html body.client-portal-v363 .social-goal-card-v363{
  border:1px solid rgba(80,61,31,.12);
  box-shadow:0 12px 28px rgba(48,34,14,.06);
}
html body.client-portal-v363 .social-goal-score-band-v363.underperforming{background:#fff1f0;color:#9f2c18;border-color:#f2b9ad;}
html body.client-portal-v363 .social-goal-score-band-v363.needs-improvement{background:#fff8df;color:#856100;border-color:#efd479;}
html body.client-portal-v363 .social-goal-score-band-v363.on-track{background:#ecfdf3;color:#116b36;border-color:#a9e5bd;}
html body.client-portal-v363 .social-goal-score-band-v363.exceeding{background:#edf4ff;color:#1c4f95;border-color:#b9d2ff;}
html body.client-portal-v363 .social-goal-metrics-v363{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html body.client-portal-v363 .social-goal-progress-v363 span{
  transition:width .25s ease;
}
html body.client-portal-v363 .social-goal-ai-panel-v363{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid rgba(80,61,31,.10);
  border-radius:16px;
  background:rgba(255,252,245,.92);
}
html body.client-portal-v363 .social-goal-ai-panel-v363 strong{
  display:block;
  margin-bottom:6px;
  color:#2f261a;
  font-size:12px;
  font-weight:900;
}
html body.client-portal-v363 .social-goal-ai-panel-v363 ul{
  margin:0;
  padding-left:17px;
  color:#5a4a35;
  font-size:12px;
  line-height:1.45;
}
html body.client-portal-v363 .social-goal-recommendations-v363{
  background:linear-gradient(180deg,rgba(255,248,225,.9),rgba(255,255,255,.92));
}
@media (max-width: 760px){
  html body.client-portal-v363 .social-goal-metrics-v363{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* v365 — Analytics to Add Content Compact Spacing
   Reduces the empty vertical space between the expanded Analytics panel and the + Add New Content toolbar. */
html body.client-portal-v365 .client-v46-main-column{
  gap:0!important;
}
html body.client-portal-v365 #analyticsPanel[hidden],
html body.client-portal-v365 .analytics-panel-v100[hidden],
html body.client-portal-v365 #campaignGoalsPanel[hidden],
html body.client-portal-v365 .campaign-goals-panel-v336[hidden]{
  display:none!important;
  margin:0!important;
  padding:0!important;
}
html body.client-portal-v365 #analyticsPanel.analytics-panel-v100:not([hidden]){
  margin-top:10px!important;
  margin-bottom:8px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}
html body.client-portal-v365 #analyticsPanel .analytics-top-control-row-v337{
  min-height:38px!important;
  margin-bottom:8px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}
html body.client-portal-v365 #analyticsPanel .analytics-decision-row-v105,
html body.client-portal-v365 #analyticsPanel .analytics-decision-row-v109{
  gap:10px!important;
}
html body.client-portal-v365 #analyticsPanel:not([hidden]) ~ .content-management-toolbar-v98,
html body.client-portal-v365 #analyticsPanel:not([hidden]) ~ .client-v46-toolbar.content-management-toolbar-v98,
html body.client-portal-v365 #analyticsPanel:not([hidden]) ~ #campaignGoalsPanel[hidden] + .content-management-toolbar-v98,
html body.client-portal-v365 #analyticsPanel:not([hidden]) ~ #campaignGoalsPanel[hidden] + .client-v46-toolbar.content-management-toolbar-v98{
  margin-top:0!important;
  margin-bottom:12px!important;
}
html body.client-portal-v365 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v111,
html body.client-portal-v365 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v119{
  row-gap:8px!important;
}
@media (max-width: 780px){
  html body.client-portal-v365 #analyticsPanel.analytics-panel-v100:not([hidden]){
    margin-top:8px!important;
    margin-bottom:8px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
}

/* v366 — Tighten Analytics-to-Content Toolbar Spacing
   Further reduces the empty vertical area between the Analytics/Social Media Goals filter section
   and the + Add New Content toolbar while preserving a clean, consistent page rhythm. */
html body.client-portal-v366 .client-global-filter-strip,
html body.client-portal-v366 .client-global-filter-strip-v98{
  margin-top:14px!important;
  margin-bottom:8px!important;
  padding-bottom:12px!important;
}
html body.client-portal-v366 .client-v46-layout{
  margin-top:0!important;
  padding-top:0!important;
  gap:0!important;
}
html body.client-portal-v366 .client-v46-main-column{
  gap:0!important;
  row-gap:0!important;
}
html body.client-portal-v366 #analyticsPanel[hidden],
html body.client-portal-v366 .analytics-panel-v100[hidden],
html body.client-portal-v366 #campaignGoalsPanel[hidden],
html body.client-portal-v366 .campaign-goals-panel-v336[hidden],
html body.client-portal-v366 .campaign-goals-panel-v341[hidden],
html body.client-portal-v366 .campaign-goals-panel-v342[hidden],
html body.client-portal-v366 .campaign-goals-panel-v343[hidden],
html body.client-portal-v366 .campaign-goals-panel-v344[hidden],
html body.client-portal-v366 .campaign-goals-panel-v346[hidden]{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
html body.client-portal-v366 .client-v46-toolbar.content-management-toolbar-v98,
html body.client-portal-v366 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v111,
html body.client-portal-v366 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v119{
  margin-top:0!important;
  margin-bottom:12px!important;
  padding-top:0!important;
  align-items:center!important;
}
html body.client-portal-v366 #analyticsPanel.analytics-panel-v100:not([hidden]){
  margin-top:6px!important;
  margin-bottom:8px!important;
}
html body.client-portal-v366 #campaignGoalsPanel:not([hidden]){
  margin-top:6px!important;
  margin-bottom:8px!important;
}
html body.client-portal-v366 #analyticsPanel:not([hidden]) ~ .client-v46-toolbar.content-management-toolbar-v98,
html body.client-portal-v366 #campaignGoalsPanel:not([hidden]) ~ .client-v46-toolbar.content-management-toolbar-v98{
  margin-top:0!important;
}
@media (max-width:780px){
  html body.client-portal-v366 .client-global-filter-strip,
  html body.client-portal-v366 .client-global-filter-strip-v98{
    margin-bottom:8px!important;
    padding-bottom:10px!important;
  }
  html body.client-portal-v366 .client-v46-toolbar.content-management-toolbar-v98,
  html body.client-portal-v366 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v111,
  html body.client-portal-v366 .client-v46-toolbar.content-management-toolbar-v98.delivery-cycle-toolbar-v119{
    margin-bottom:10px!important;
  }
}


/* v377 — PNG-first / PDF-fallback row thumbnail */
html body.client-portal-v377 .content-thumb-pdf-btn-v377{
  background:#fff8e8!important;
  border:1px solid rgba(191,135,35,.28)!important;
}
html body.client-portal-v377 .content-thumb-pdf-v377{
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  background:linear-gradient(180deg,#fff7dd,#f3e4bd)!important;
  border:1px dashed rgba(151,101,17,.28)!important;
  color:#6b4300!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
html body.client-portal-v377 .content-thumb-pdf-v377 b{
  font-size:13px!important;
  letter-spacing:.08em!important;
  font-weight:1000!important;
}
html body.client-portal-v377 .content-thumb-pdf-v377 small{
  font-size:8px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
  opacity:.72!important;
  margin-top:2px!important;
}
html body.client-portal-v377 .inline-pdf-thumb-card-v377{
  min-height:180px!important;
  border:1px dashed rgba(191,135,35,.35)!important;
  border-radius:18px!important;
  background:#fff8e8!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:8px!important;
  color:#6b4300!important;
  text-align:center!important;
  padding:20px!important;
}
html body.client-portal-v377 .inline-pdf-thumb-card-v377 strong{
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:72px!important;
  border-radius:18px!important;
  background:#f7bd39!important;
  color:#1f1607!important;
  font-size:20px!important;
  letter-spacing:.08em!important;
}
html body.client-portal-v377 .inline-pdf-thumb-card-v377 span{
  font-weight:800!important;
  font-size:13px!important;
  color:#6f604a!important;
}

/* v384 — Analytics Compact Action Bar + Promotion Performance Row */
html body.client-portal-v384 #analyticsPanel.analytics-panel-v100{
  overflow:visible!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-action-bar-v384{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  margin:0 0 10px!important;
  padding:8px 10px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fffefb 0%,#fff9ee 100%)!important;
  box-shadow:0 8px 22px rgba(90,65,18,.035)!important;
  scrollbar-width:thin!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-top-control-left-v337{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  min-width:auto!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-download-btn-v384{
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  padding:0 15px!important;
  margin:0!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-download-btn-v384::before{
  content:'📊';
  font-size:13px!important;
  line-height:1!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-export-inline-form-v384,
html body.client-portal-v384 #analyticsPanel .analytics-export-inline-form-v384:not([hidden]){
  flex:0 0 auto!important;
  min-width:auto!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-export-inline-form-v384::before{
  content:'📅';
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:34px!important;
  flex:0 0 auto!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-inline-date-v384{
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:12px!important;
  background:#fff!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-inline-date-v384 + .analytics-inline-date-v384::before{
  content:'→';
  margin-left:-4px!important;
  margin-right:4px!important;
  color:#9a6a00!important;
  font-weight:950!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-inline-date-v384 span{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  color:#7b5208!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-inline-date-v384 input{
  width:126px!important;
  min-width:126px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  outline:none!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-inline-submit-v384{
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.38)!important;
  background:linear-gradient(135deg,#f7c948,#e6a923)!important;
  color:#201405!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(154,110,20,.12)!important;
  cursor:pointer!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-inline-submit-v384::before{
  content:'📥';
  font-size:13px!important;
  line-height:1!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-export-message-v384{
  position:static!important;
  max-width:220px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #analyticsPanel .analytics-export-message-v384:empty{
  display:none!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351.promotion-performance-panel-v384{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fffdf7 0%,#fff9ec 100%)!important;
  box-shadow:0 10px 26px rgba(92,67,12,.055)!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-header-v384{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 8px!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-title-v384{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-title-v384 .eyebrow{
  margin:0!important;
  font-size:10px!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-title-v384 h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-meta-v384{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-meta-v384 small{
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#7f735b!important;
  font-weight:850!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-ai-badge-v384{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:#fffaf0!important;
  color:#7b5208!important;
  font-style:normal!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-ai-badge-v384.is-active-v384{
  border-color:rgba(34,197,94,.22)!important;
  background:#ecfdf3!important;
  color:#14783e!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-kpi-chip-row-v384{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  margin:0 0 8px!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-kpi-chip-v384{
  flex:0 0 auto!important;
  min-width:auto!important;
  height:32px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid #f0e1bd!important;
  background:#fff!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-kpi-chip-v384 small{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  font-weight:950!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-kpi-chip-v384 strong{
  font-size:14px!important;
  line-height:1!important;
  font-weight:950!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-top-posts-v384{
  display:grid!important;
  gap:6px!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-row-v384{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  border:1px solid #f0e3c7!important;
  background:#fff!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-row-v384 > b{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 auto!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-main-v384{
  min-width:220px!important;
  flex:1 1 260px!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-main-v384 strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-main-v384 small{
  display:block!important;
  margin-top:1px!important;
  color:#7f735b!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-kpis-v384{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-kpis-v384 span{
  height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  border:1px solid #f0e1bd!important;
  background:#fffaf0!important;
  white-space:nowrap!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-kpis-v384 small{
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#7d6c48!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-kpis-v384 strong{
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#16110a!important;
}
@media (max-width: 920px){
  html body.client-portal-v384 #analyticsPanel .analytics-action-bar-v384,
  html body.client-portal-v384 #analyticsPanel .analytics-export-inline-form-v384,
  html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-header-v384,
  html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-post-row-v384{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
  }
  html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-title-v384,
  html body.client-portal-v384 #promotionPerformancePanelV351 .promotion-performance-meta-v384{
    flex:0 0 auto!important;
  }
}

/* v385 — Social Media Goals Smart Automation + UI Polish */
html body.client-portal-v385 #campaignGoalsPanel.campaign-goals-panel-v336{
  padding:22px 24px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,249,237,.94))!important;
  box-shadow:0 18px 46px rgba(74,52,14,.07)!important;
}
html body.client-portal-v385 #campaignGoalsPanel .campaign-goals-head-v336{
  align-items:center!important;
  gap:16px!important;
  padding-bottom:15px!important;
  margin-bottom:15px!important;
}
html body.client-portal-v385 #campaignGoalsPanel .campaign-goals-head-v336 h2{
  font-size:26px!important;
  letter-spacing:-.045em!important;
}
html body.client-portal-v385 .campaign-role-workflow-v346{
  display:grid!important;
  grid-template-columns:minmax(280px,.74fr) minmax(480px,1.26fr)!important;
  gap:14px!important;
  margin:0 0 16px!important;
}
html body.client-portal-v385 .social-goal-role-overview-v385,
html body.client-portal-v385 .social-goal-stepper-card-v385{
  min-height:auto!important;
  padding:16px 18px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:0 12px 30px rgba(40,29,9,.045)!important;
}
html body.client-portal-v385 .social-goal-role-overview-v385 ul{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding:0!important;
  margin:10px 0 0!important;
  list-style:none!important;
}
html body.client-portal-v385 .social-goal-role-overview-v385 li{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(255,244,213,.82)!important;
  border:1px solid rgba(184,138,45,.14)!important;
  color:#665239!important;
  font-size:12px!important;
  font-weight:850!important;
}
html body.client-portal-v385 .social-goal-stepper-card-v385 > strong{
  display:block!important;
  margin-bottom:12px!important;
  color:#191511!important;
  font-size:14px!important;
  font-weight:950!important;
}
html body.client-portal-v385 .social-goal-stepper-v385{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:start!important;
  gap:0!important;
  width:100%!important;
}
html body.client-portal-v385 .social-goal-stepper-v385 span{
  position:relative!important;
  display:grid!important;
  justify-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#8a7a63!important;
  font-size:11px!important;
  font-weight:900!important;
  text-align:center!important;
}
html body.client-portal-v385 .social-goal-stepper-v385 span:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  left:calc(50% + 22px)!important;
  right:calc(-50% + 22px)!important;
  height:2px!important;
  background:rgba(184,138,45,.22)!important;
}
html body.client-portal-v385 .social-goal-stepper-v385 .smart-step-circle-v385{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,138,45,.25)!important;
  background:#fff!important;
  color:#7a560d!important;
  font-style:normal!important;
  font-weight:950!important;
  box-shadow:0 7px 15px rgba(120,78,10,.07)!important;
  z-index:1!important;
}
html body.client-portal-v385 .social-goal-stepper-v385 em{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
}
html body.client-portal-v385 .social-goal-stepper-v385 .is-current .smart-step-circle-v385{
  background:linear-gradient(135deg,#f7bd24,#946300)!important;
  color:#fff!important;
  border-color:#946300!important;
}
html body.client-portal-v385 .social-goal-stepper-v385 .is-complete .smart-step-circle-v385{
  background:#ecfdf3!important;
  color:#116b36!important;
  border-color:#a7e4bd!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-goal-builder-v342{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:14px!important;
  align-items:start!important;
  padding:18px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(184,138,45,.17)!important;
}
html body.client-portal-v385 .social-goal-role-lock-v385{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:50px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  background:linear-gradient(135deg,rgba(255,248,225,.95),rgba(255,255,255,.88))!important;
  color:#5d4e3a!important;
}
html body.client-portal-v385 .social-goal-role-lock-v385 .social-goal-lock-icon-v385{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.16)!important;
  box-shadow:0 8px 18px rgba(76,52,11,.06)!important;
  flex:0 0 auto!important;
}
html body.client-portal-v385 .social-goal-role-lock-v385 strong{
  display:block!important;
  color:#191511!important;
  font-size:13px!important;
  font-weight:950!important;
}
html body.client-portal-v385 .social-goal-role-lock-v385 p{
  margin:3px 0 0!important;
  color:#756955!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-goal-form-grid-v342{
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342{
  grid-template-rows:auto 46px!important;
  gap:7px!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342 > span{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  height:auto!important;
  min-height:14px!important;
  overflow:visible!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342 input,
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342 select,
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342 textarea{
  border-radius:16px!important;
  border-color:rgba(184,138,45,.18)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 22px rgba(76,52,11,.035)!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342 textarea{
  min-height:88px!important;
  max-height:120px!important;
  padding:13px 14px!important;
  line-height:1.35!important;
  resize:vertical!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-field-title-v342{grid-column:span 6!important;}
html body.client-portal-v385 #campaignGoalForm .social-goal-category-v363{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .social-goal-kpi-v363{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .campaign-field-target-v342{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .social-goal-timeframe-v363{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .social-goal-description-v363{grid-column:span 6!important;grid-row:span 2!important;}
html body.client-portal-v385 #campaignGoalForm .campaign-field-group-v342{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .campaign-field-owner-v342{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .social-goal-platform-v385{grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm .campaign-field-v342:not(.campaign-field-title-v342):not(.social-goal-category-v363):not(.social-goal-kpi-v363):not(.campaign-field-target-v342):not(.social-goal-timeframe-v363):not(.social-goal-description-v363):not(.campaign-field-group-v342):not(.campaign-field-owner-v342):not(.social-goal-platform-v385){grid-column:span 3!important;}
html body.client-portal-v385 #campaignGoalForm[data-goal-role-v385="client"] .social-goal-admin-only-v385,
html body.client-portal-v385 #campaignGoalForm[data-goal-role-v385="client_sub_account"] .social-goal-admin-only-v385,
html body.client-portal-v385 #campaignGoalForm[data-goal-role-v385="team_member"] .social-goal-admin-only-v385{
  display:none!important;
}
html body.client-portal-v385 .social-goal-auto-badge-v385{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:18px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:rgba(255,198,39,.18)!important;
  border:1px solid rgba(184,138,45,.18)!important;
  color:#805a0a!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
}
html body.client-portal-v385 .social-goal-preview-card-v385{
  grid-column:2!important;
  grid-row:2 / span 2!important;
  position:sticky!important;
  top:18px!important;
  align-self:start!important;
  padding:16px!important;
  border-radius:22px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  background:linear-gradient(180deg,#fffdf7,#fff6df)!important;
  box-shadow:0 16px 34px rgba(76,52,11,.075)!important;
  min-height:260px!important;
}
html body.client-portal-v385 .social-goal-preview-head-v385{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
html body.client-portal-v385 .social-goal-preview-head-v385 span{
  color:#8a610d!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v385 .social-goal-preview-head-v385 b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body.client-portal-v385 .social-goal-preview-head-v385 b.good{background:#ecfdf3!important;color:#116b36!important;border:1px solid #abe5bf!important;}
html body.client-portal-v385 .social-goal-preview-head-v385 b.warning{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;}
html body.client-portal-v385 .social-goal-preview-head-v385 b.baseline{background:#f3f4f6!important;color:#4b5563!important;border:1px solid #d1d5db!important;}
html body.client-portal-v385 .social-goal-preview-card-v385 > strong{
  display:block!important;
  margin-bottom:12px!important;
  color:#111827!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
html body.client-portal-v385 .social-goal-preview-card-v385 dl{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
}
html body.client-portal-v385 .social-goal-preview-card-v385 dl div{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 0!important;
  border-top:1px solid rgba(184,138,45,.13)!important;
}
html body.client-portal-v385 .social-goal-preview-card-v385 dt{
  margin:0!important;
  color:#887760!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html body.client-portal-v385 .social-goal-preview-card-v385 dd{
  margin:0!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.28!important;
}
html body.client-portal-v385 .social-goal-preview-card-v385 small{color:#8a610d!important;font-weight:950!important;}
html body.client-portal-v385 .social-goal-validation-v385{
  grid-column:1 / -1!important;
  padding:11px 13px!important;
  border-radius:16px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
html body.client-portal-v385 .social-goal-validation-v385.is-ok{
  background:#ecfdf3!important;
  color:#166534!important;
  border:1px solid #afe8c2!important;
}
html body.client-portal-v385 .social-goal-validation-v385.is-warning{
  background:#fff7ed!important;
  color:#9a3412!important;
  border:1px solid #fed7aa!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-goal-actions-v342{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  height:auto!important;
  padding-top:2px!important;
}
html body.client-portal-v385 #campaignGoalForm .campaign-goal-actions-v342 .primary-btn{
  min-width:220px!important;
  background:linear-gradient(135deg,#c6962a,#8b5e07)!important;
  box-shadow:0 12px 24px rgba(126,87,13,.18)!important;
}
html body.client-portal-v385 #campaignGoalForm.is-readonly .campaign-goal-builder-v342{
  opacity:.72!important;
}
html body.client-portal-v385 .campaign-goals-summary-v342{
  margin-top:14px!important;
  background:rgba(255,255,255,.76)!important;
  border-style:solid!important;
}
@media(max-width:1300px){
  html body.client-portal-v385 .campaign-role-workflow-v346,
  html body.client-portal-v385 #campaignGoalForm .campaign-goal-builder-v342{grid-template-columns:1fr!important;}
  html body.client-portal-v385 .social-goal-preview-card-v385{grid-column:1!important;grid-row:auto!important;position:relative!important;top:auto!important;min-height:auto!important;}
}
@media(max-width:920px){
  html body.client-portal-v385 .social-goal-stepper-v385{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:14px!important;}
  html body.client-portal-v385 .social-goal-stepper-v385 span::after{display:none!important;}
  html body.client-portal-v385 #campaignGoalForm .campaign-goal-form-grid-v342{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.client-portal-v385 #campaignGoalForm .campaign-field-title-v342,
  html body.client-portal-v385 #campaignGoalForm .social-goal-description-v363{grid-column:1 / -1!important;}
  html body.client-portal-v385 #campaignGoalForm .campaign-field-v342{grid-column:span 1!important;}
}
@media(max-width:620px){
  html body.client-portal-v385 #campaignGoalsPanel.campaign-goals-panel-v336{padding:16px!important;border-radius:20px!important;}
  html body.client-portal-v385 #campaignGoalForm .campaign-goal-form-grid-v342{grid-template-columns:1fr!important;}
  html body.client-portal-v385 #campaignGoalForm .campaign-field-v342{grid-column:1 / -1!important;}
  html body.client-portal-v385 .social-goal-preview-card-v385 dl div{grid-template-columns:1fr!important;gap:4px!important;}
}

/* v400 — SMART Goals Direct Form Cleanup */
html body.client-portal-v400 .campaign-goals-header-cell-v338 > label,
html body.client-portal-v400 .campaign-goals-header-cell-v339 > label,
html body.client-portal-v400 .campaign-goals-header-cell-v340 > label,
html body.client-portal-v400 .campaign-goals-header-cell-v341 > label,
html body.client-portal-v400 .campaign-goals-header-cell-v342 > label,
html body.client-portal-v400 .campaign-goals-header-cell-v343 > label,
html body.client-portal-v400 .campaign-goals-header-cell-v344 > label{
  white-space:nowrap!important;
}
html body.client-portal-v400 #campaignGoalsPanel.campaign-goals-panel-v336{
  margin:12px 0 14px!important;
  padding:18px!important;
  border:1px solid rgba(184,138,45,.26)!important;
  border-radius:22px!important;
  background:#fffefa!important;
}
html body.client-portal-v400 #campaignGoalsPanel .campaign-goals-head-v336,
html body.client-portal-v400 #campaignGoalsPanel .campaign-goals-head-v341,
html body.client-portal-v400 #campaignGoalsPanel .campaign-goals-head-v342,
html body.client-portal-v400 #campaignGoalsPanel .campaign-goals-head-v343,
html body.client-portal-v400 #campaignGoalsPanel .campaign-goals-head-v344,
html body.client-portal-v400 #campaignGoalsPanel .campaign-goals-head-v346,
html body.client-portal-v400 #campaignGoalsWorkflow,
html body.client-portal-v400 .campaign-role-workflow-v346,
html body.client-portal-v400 #socialGoalSmartRoleCardV385,
html body.client-portal-v400 .social-goal-role-lock-v385,
html body.client-portal-v400 .social-goal-role-lock-v386{
  display:none!important;
}
html body.client-portal-v400 #campaignGoalForm{
  margin:0!important;
}
html body.client-portal-v400 #campaignGoalForm .campaign-goal-builder-v342{
  margin-top:0!important;
}
html body.client-portal-v400 #campaignGoalsSummary:empty,
html body.client-portal-v400 #campaignGoalsList:empty{
  display:none!important;
}


/* V422 - Analytics insight/recommendation removal cleanup
   Removed Audience & Timing Insight and AI Recommendation cards from Analytics.
   Keep the remaining Analytics panel compact without unused vertical space. */
html body.client-portal-v422 #analyticsPanel .analytics-audience-time-col-v105,
html body.client-portal-v422 #analyticsPanel .analytics-audience-time-col-v109,
html body.client-portal-v422 #analyticsPanel .analytics-ai-col-v105,
html body.client-portal-v422 #analyticsPanel .analytics-ai-col-v109{
  display:none!important;
}
html body.client-portal-v422 #analyticsPanel .analytics-decision-row-v105,
html body.client-portal-v422 #analyticsPanel .analytics-decision-row-v109{
  min-height:0!important;
  align-items:stretch!important;
}
html body.client-portal-v422 #analyticsPanel .analytics-decision-col-v105,
html body.client-portal-v422 #analyticsPanel .analytics-decision-col-v109{
  min-height:136px!important;
}


/* V426 - Client Intelligence Master Profile in TeamSpace */
html body[class*="client-portal-v"] .client-intelligence-section-v426{padding:8px 14px 2px!important;border-bottom:1px solid rgba(184,138,45,.10)!important;background:linear-gradient(180deg,#fffdf9,#fffaf2)!important;}
.client-intelligence-summary-v426{display:block!important;}
.client-intel-card-v426{width:100%!important;border:1px solid rgba(184,138,45,.22)!important;background:#fff!important;border-radius:16px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;text-align:left!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(59,42,12,.06)!important;color:#241b10!important;}
.client-intel-card-v426:hover{border-color:rgba(184,138,45,.42)!important;box-shadow:0 10px 26px rgba(59,42,12,.10)!important;transform:translateY(-1px)!important;}
.client-intel-icon-v426{width:34px!important;height:34px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#111827,#5f4b26)!important;color:#f7d78a!important;font-weight:900!important;font-size:17px!important;}
.client-intel-copy-v426{min-width:0!important;display:grid!important;gap:2px!important;}
.client-intel-copy-v426 strong{font-size:13px!important;font-weight:950!important;color:#17130c!important;line-height:1.15!important;}
.client-intel-copy-v426 small{font-size:11px!important;color:#6e6251!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.client-intel-copy-v426 em{font-style:normal!important;font-size:10px!important;color:#9a7a39!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.client-intel-status-v426{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:0 9px!important;border-radius:999px!important;border:1px solid rgba(148,122,76,.2)!important;background:#fff8e8!important;color:#7a5510!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important;}
.client-intel-status-v426.approved,.client-intel-modal-status-v426.approved{background:#ecfdf3!important;color:#14733c!important;border-color:rgba(20,115,60,.22)!important;}
.client-intel-status-v426.pending-ceo-approval,.client-intel-modal-status-v426.pending-ceo-approval{background:#fff7ed!important;color:#9a4b00!important;border-color:rgba(234,139,36,.28)!important;}
.client-intel-status-v426.not-started,.client-intel-modal-status-v426.not-started{background:#f5f5f4!important;color:#62584a!important;border-color:rgba(120,113,108,.22)!important;}
.client-intel-modal-v426{position:fixed!important;inset:0!important;z-index:1200!important;display:none!important;align-items:center!important;justify-content:center!important;padding:32px!important;}
.client-intel-modal-v426.open{display:flex!important;}
.client-intel-modal-backdrop-v426{position:absolute!important;inset:0!important;background:rgba(18,16,12,.48)!important;backdrop-filter:blur(5px)!important;}
.client-intel-modal-card-v426{position:relative!important;width:min(980px,calc(100vw - 36px))!important;max-height:calc(100vh - 44px)!important;background:#fffefb!important;border:1px solid rgba(184,138,45,.18)!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(20,16,8,.26)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;}
.client-intel-modal-head-v426{padding:18px 20px 14px!important;border-bottom:1px solid rgba(184,138,45,.14)!important;background:linear-gradient(180deg,#fffaf0,#fffdf8)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;}
.client-intel-kicker-v426{margin:0 0 5px!important;color:#9a711f!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:10px!important;font-weight:950!important;}
.client-intel-modal-head-v426 h2{margin:0!important;font-size:20px!important;line-height:1.2!important;color:#17130c!important;}
.client-intel-modal-head-v426 p{margin:4px 0 0!important;font-size:12px!important;color:#6e6251!important;}
.client-intel-head-actions-v426{display:flex!important;align-items:center!important;gap:8px!important;}
.client-intel-modal-status-v426{display:inline-flex!important;align-items:center!important;min-height:28px!important;border-radius:999px!important;padding:0 11px!important;font-size:10px!important;font-weight:950!important;border:1px solid rgba(148,122,76,.2)!important;background:#f5f5f4!important;color:#62584a!important;white-space:nowrap!important;}
.client-intel-form-v426{min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;}
.client-intel-grid-v426{padding:16px 18px!important;overflow:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-content:start!important;}
.client-intel-field-v426{display:grid!important;gap:5px!important;font-size:11px!important;font-weight:900!important;color:#5d4b2d!important;}
.client-intel-field-v426.wide{grid-column:1/-1!important;}.client-intel-field-v426.meta{grid-column:auto!important;}
.client-intel-field-v426 input,.client-intel-field-v426 textarea{width:100%!important;border:1px solid rgba(148,122,76,.23)!important;border-radius:12px!important;background:#fff!important;color:#1f1b16!important;font-size:12px!important;line-height:1.4!important;padding:9px 11px!important;resize:vertical!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;}
.client-intel-field-v426 textarea{min-height:58px!important;}
.client-intel-field-v426 input:read-only,.client-intel-field-v426 textarea:read-only{background:#fbfaf7!important;color:#70685b!important;}
.client-intel-modal-actions-v426{padding:12px 18px!important;border-top:1px solid rgba(184,138,45,.13)!important;background:#fffaf0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;}
.client-intel-modal-actions-v426 p{margin:0!important;font-size:11px!important;color:#6e6251!important;line-height:1.35!important;}.client-intel-modal-actions-v426 div{display:flex!important;gap:8px!important;align-items:center!important;}
.client-intel-modal-actions-v426 .primary-btn{min-height:36px!important;padding:0 16px!important;}.client-intel-modal-actions-v426 .small-btn{min-height:36px!important;padding:0 14px!important;}
body.client-intelligence-open-v426{overflow:hidden!important;}
@media(max-width:760px){.client-intel-modal-v426{padding:0!important;align-items:stretch!important;}.client-intel-modal-card-v426{width:100%!important;max-height:none!important;height:100%!important;border-radius:0!important;}.client-intel-modal-head-v426{padding:14px!important;}.client-intel-grid-v426{grid-template-columns:1fr!important;padding:14px!important;}.client-intel-modal-actions-v426{align-items:stretch!important;flex-direction:column!important;}.client-intel-modal-actions-v426 div{justify-content:flex-end!important;}.client-intel-card-v426{grid-template-columns:30px minmax(0,1fr)!important;}.client-intel-status-v426{grid-column:2!important;justify-self:start!important;}}


/* v440 — Distinct post format colors. Infographics only; singular Infographic is legacy-mapped in JS. */
html body[class*="client-portal-v"] .format-banner { background:#FEF3C7 !important; color:#92400E !important; border-color:#F59E0B !important; }
html body[class*="client-portal-v"] .format-book-page { background:#EDE9FE !important; color:#5B21B6 !important; border-color:#8B5CF6 !important; }
html body[class*="client-portal-v"] .format-quote { background:#DBEAFE !important; color:#1D4ED8 !important; border-color:#3B82F6 !important; }
html body[class*="client-portal-v"] .format-text-only { background:#E0F2FE !important; color:#0369A1 !important; border-color:#0EA5E9 !important; }
html body[class*="client-portal-v"] .format-image { background:#FFE4E6 !important; color:#BE123C !important; border-color:#F43F5E !important; }
html body[class*="client-portal-v"] .format-single-image { background:#FEF9C3 !important; color:#854D0E !important; border-color:#EAB308 !important; }
html body[class*="client-portal-v"] .format-infographics { background:#CCFBF1 !important; color:#0F766E !important; border-color:#14B8A6 !important; }
html body[class*="client-portal-v"] .format-carousel { background:#FCE7F3 !important; color:#BE185D !important; border-color:#EC4899 !important; }
html body[class*="client-portal-v"] .format-cheatsheet,
html body[class*="client-portal-v"] .format-cheat-sheet { background:#FFEDD5 !important; color:#C2410C !important; border-color:#F97316 !important; }
html body[class*="client-portal-v"] .format-short-form-video { background:#DCFCE7 !important; color:#166534 !important; border-color:#22C55E !important; }
html body[class*="client-portal-v"] .format-video { background:#FEE2E2 !important; color:#B91C1C !important; border-color:#EF4444 !important; }
html body[class*="client-portal-v"] .format-video-promo { background:#FAE8FF !important; color:#86198F !important; border-color:#D946EF !important; }
html body[class*="client-portal-v"] .format-repost { background:#DBEAFE !important; color:#1E40AF !important; border-color:#2563EB !important; }
html body[class*="client-portal-v"] .format-custom { background:#E0E7FF !important; color:#3730A3 !important; border-color:#6366F1 !important; }
html body[class*="client-portal-v"] .format-image-text,
html body[class*="client-portal-v"] .format-image-plus-text { background:#F0FDFA !important; color:#115E59 !important; border-color:#2DD4BF !important; }
html body[class*="client-portal-v"] .format-course-post { background:#ECFEFF !important; color:#155E75 !important; border-color:#06B6D4 !important; }
html body[class*="client-portal-v"] .format-text-post { background:#F5F3FF !important; color:#6D28D9 !important; border-color:#7C3AED !important; }

/* v575.0.9 — Analytics compact professional layout: promotion summary moved beside graph */
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
  display:grid!important;
  grid-template-columns:minmax(160px,.36fr) minmax(420px,1fr) minmax(330px,.74fr)!important;
  align-items:stretch!important;
  min-height:214px!important;
  height:auto!important;
  width:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffefb 0%,#fffaf2 100%)!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-decision-col-v105{
  height:auto!important;
  min-height:0!important;
  border-right:1px solid rgba(184,138,45,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-decision-col-v105:last-child{
  border-right:0!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-total-col-v109,
html body.qos-v575-ui #analyticsPanel .analytics-total-col-v105{
  padding:26px 22px!important;
  gap:12px!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-total-number-v109,
html body.qos-v575-ui #analyticsPanel .analytics-total-number-v105{
  min-height:60px!important;
  font-size:46px!important;
  line-height:.92!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105{
  padding:26px 34px 22px!important;
  gap:12px!important;
  align-content:center!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-mini-graph-wrap-v109,
html body.qos-v575-ui #analyticsPanel .analytics-mini-graph-wrap-v105{
  height:126px!important;
  min-height:126px!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351.analytics-promo-col-v575,
html body.qos-v575-ui #promotionPerformancePanelV351.promotion-performance-panel-v575{
  margin:0!important;
  padding:24px 24px!important;
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  align-content:center!important;
  gap:12px!important;
  min-width:0!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-performance-header-v575{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-performance-title-v575{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-performance-title-v575 .eyebrow{
  margin:0!important;
  color:#9a6a00!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-performance-title-v575 h3{
  margin:0!important;
  color:#19140c!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-performance-hint-v575{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:0 9px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#766746!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-kpi-chip-row-v575{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-kpi-chip-v575{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
  padding:10px 10px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:13px!important;
  background:#fff!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-kpi-chip-v575 small{
  color:#7d6c48!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-kpi-chip-v575 strong{
  color:#111827!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-top-posts-v575{
  display:block!important;
  min-width:0!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-v575{
  display:grid!important;
  gap:5px!important;
  padding:12px 13px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:#fff!important;
  min-width:0!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-head-v575{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:2px!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-head-v575 span,
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-head-v575 em{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-head-v575 span{
  background:#fff8e8!important;
  color:#7a5510!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-head-v575 em{
  background:#ecfdf3!important;
  color:#14733c!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-v575 strong{
  color:#17130c!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-post-card-v575 small{
  color:#766746!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351 .promotion-empty-line-v575{
  margin:0!important;
  padding:13px!important;
  border:1px dashed rgba(184,138,45,.22)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#7f735b!important;
  font-size:12px!important;
  font-weight:850!important;
}
@media (max-width:1100px){
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
    grid-template-columns:1fr!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-decision-col-v105{
    border-right:0!important;
    border-bottom:1px solid rgba(184,138,45,.14)!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-decision-col-v105:last-child{
    border-bottom:0!important;
  }
}

/* v575.0.9 — Wider performance graph inside the existing Total Posts / Promotion Performance dividers */
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
  grid-template-columns:minmax(150px,.28fr) minmax(600px,1.65fr) minmax(300px,.72fr)!important;
  min-height:220px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-total-col-v109,
html body.qos-v575-ui #analyticsPanel .analytics-total-col-v105{
  padding-left:18px!important;
  padding-right:18px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105{
  min-width:0!important;
  width:100%!important;
  padding:26px 42px 22px!important;
  justify-items:stretch!important;
  align-items:stretch!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109 .analytics-decision-head-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105 .analytics-decision-head-v105{
  justify-self:start!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-mini-graph-wrap-v109,
html body.qos-v575-ui #analyticsPanel .analytics-mini-graph-wrap-v105,
html body.qos-v575-ui #analyticsPanel #performanceTrendWrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  height:138px!important;
  min-height:138px!important;
  grid-template-rows:1fr 24px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-v105,
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:110px!important;
  display:block!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v105{
  justify-content:center!important;
  width:100%!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351.analytics-promo-col-v575,
html body.qos-v575-ui #promotionPerformancePanelV351.promotion-performance-panel-v575{
  padding-left:22px!important;
  padding-right:22px!important;
}
@media (min-width:1400px){
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
    grid-template-columns:minmax(155px,.24fr) minmax(680px,1.78fr) minmax(305px,.68fr)!important;
  }
}
@media (max-width:1280px) and (min-width:1101px){
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
    grid-template-columns:minmax(142px,.30fr) minmax(520px,1.35fr) minmax(288px,.72fr)!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109,
  html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105{
    padding-left:30px!important;
    padding-right:30px!important;
  }
}

/* v575.0.9 — Performance Graph canvas-only resize repair
   Restores the compact three-column board from v575.0.3 and enlarges only the actual SVG graph inside the existing Performance Graph cell. */
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
  grid-template-columns:minmax(160px,.36fr) minmax(420px,1fr) minmax(330px,.74fr)!important;
  min-height:214px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:center!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  padding:24px 30px 20px!important;
  overflow:hidden!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109 .analytics-decision-head-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105 .analytics-decision-head-v105{
  justify-self:center!important;
  text-align:center!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-mini-graph-wrap-v109,
html body.qos-v575-ui #analyticsPanel .analytics-mini-graph-wrap-v105,
html body.qos-v575-ui #analyticsPanel #performanceTrendWrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
  align-self:center!important;
  display:grid!important;
  grid-template-rows:128px 26px!important;
  height:154px!important;
  min-height:154px!important;
  overflow:visible!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-v105,
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:128px!important;
  display:block!important;
  justify-self:stretch!important;
  overflow:visible!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-grid-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-grid-v105{
  stroke-width:1!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-line-v105{
  stroke-width:3!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v105{
  width:100%!important;
  justify-content:center!important;
  gap:24px!important;
}
html body.qos-v575-ui #promotionPerformancePanelV351.analytics-promo-col-v575,
html body.qos-v575-ui #promotionPerformancePanelV351.promotion-performance-panel-v575{
  padding-left:24px!important;
  padding-right:24px!important;
}
@media (max-width:1100px){
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
    grid-template-columns:1fr!important;
  }
}


/* v575.0.9 — Performance Graph actual drawing resize
   Keep the same 3-column board. Enlarge only the chart wrapper, SVG viewport rendering, paths, and legend inside the current Performance Graph cell. */
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
  grid-template-columns:minmax(160px,.36fr) minmax(420px,1fr) minmax(330px,.74fr)!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  padding:22px 24px 18px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:stretch!important;
  overflow:hidden!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109 .analytics-decision-head-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105 .analytics-decision-head-v105{
  justify-self:center!important;
  margin-bottom:2px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v109 > #performanceTrendWrap,
html body.qos-v575-ui #analyticsPanel .analytics-graph-col-v105 > #performanceTrendWrap,
html body.qos-v575-ui #analyticsPanel #performanceTrendWrap.analytics-mini-graph-wrap-v109,
html body.qos-v575-ui #analyticsPanel #performanceTrendWrap.analytics-mini-graph-wrap-v105{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 28px!important;
  width:calc(100% - 8px)!important;
  max-width:none!important;
  min-width:0!important;
  height:166px!important;
  min-height:166px!important;
  margin:0 auto!important;
  justify-self:stretch!important;
  align-self:center!important;
  overflow:visible!important;
}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph,
html body.qos-v575-ui #analyticsPanel .analytics-graph-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-v105{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:138px!important;
  max-height:none!important;
  display:block!important;
  overflow:visible!important;
  transform:none!important;
}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-graph-grid-v105,
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-graph-grid-v109{
  stroke-width:1.15!important;
}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-line-v105{
  stroke-width:3.4!important;
}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-points-v105 circle{
  r:4!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v109,
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v105{
  width:100%!important;
  height:28px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  font-size:13px!important;
}
@media (max-width:1100px){
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v109,
  html body.qos-v575-ui #analyticsPanel .analytics-decision-row-v105{
    grid-template-columns:1fr!important;
  }
}

/* v575.0.9 — Minimal analytics intelligence chips: topic and format are separated */
html body.qos-v575-ui #analyticsPanel .analytics-minimal-insights-v57507{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
  padding:0!important;
  background:transparent!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-chip-v57507{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
  align-content:center!important;
  min-height:54px!important;
  padding:10px 12px!important;
  border:1px solid rgba(184,138,45,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-chip-v57507 small{
  color:#9a6a00!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-chip-v57507 strong{
  color:#111827!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-topic-v57507{
  background:linear-gradient(180deg,#fff,#fffaf0)!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-format-v57507{
  background:linear-gradient(180deg,#fff,#f7fff9)!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-pattern-v57507{
  grid-column:span 1!important;
}
@media (max-width:1280px){
  html body.qos-v575-ui #analyticsPanel .analytics-minimal-insights-v57507{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  html body.qos-v575-ui #analyticsPanel .analytics-minimal-insights-v57507{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-insight-chip-v57507{
    min-height:50px!important;
    padding:9px 10px!important;
  }
}

/* v575.0.9 — Minimal insight sentence + Worst Day chip */
html body.qos-v575-ui #analyticsPanel .analytics-minimal-insights-v57507{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57508{
  grid-column:1/-1!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:44px!important;
  padding:11px 14px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fffaf1)!important;
  overflow:hidden!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57508 small{
  flex:0 0 auto!important;
  color:#9a6a00!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57508 strong{
  min-width:0!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width:1280px){
  html body.qos-v575-ui #analyticsPanel .analytics-minimal-insights-v57507{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  html body.qos-v575-ui #analyticsPanel .analytics-minimal-insights-v57507{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57508{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57508 strong{
    white-space:normal!important;
  }
}


/* v575.0.9 — Specific Top 5 Insight: keep summary compact while allowing useful phrase length */
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57508 strong{
  max-width:100%!important;
}


/* v575.0.10 — Excel-style analytics insight table */
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-shell-v57510{
  margin-top:10px!important;
  display:grid!important;
  gap:8px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-scroll-v57510{
  width:100%!important;
  overflow-x:auto!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  min-width:760px!important;
  background:#fff!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 thead th{
  padding:10px 12px!important;
  background:#fffaf1!important;
  border-bottom:1px solid rgba(184,138,45,.18)!important;
  border-right:1px solid rgba(184,138,45,.12)!important;
  color:#8a650f!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 thead th:last-child{border-right:none!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody td{
  padding:10px 12px!important;
  border-top:1px solid rgba(184,138,45,.10)!important;
  border-right:1px solid rgba(184,138,45,.08)!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
  background:#fff!important;
  vertical-align:top!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody td:last-child{border-right:none!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody tr:nth-child(even) td{
  background:#fffdfa!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody td:first-child{
  color:#7b5b12!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 th:nth-child(1),
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 td:nth-child(1){width:10%!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 th:nth-child(2),
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 td:nth-child(2){width:14%!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 th:nth-child(3),
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 td:nth-child(3){width:18%!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 th:nth-child(4),
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 td:nth-child(4){width:20%!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 th:nth-child(5),
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 td:nth-child(5){width:38%!important;}
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57510{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fffaf1)!important;
  overflow:hidden!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57510 small{
  flex:0 0 auto!important;
  color:#9a6a00!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57510 strong{
  min-width:0!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width:760px){
  html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57510{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57510 strong{
    white-space:normal!important;
  }
}

/* v575.0.13 — Best Day ranked by total engagement across all content */
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody td:nth-child(2){
  font-weight:850!important;
}

/* v575.0.15 — independent ranking columns only show actual groups used by the client */
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody td:empty::after{
  content:'';
}
html body.qos-v575-ui #analyticsPanel .analytics-insight-table-v57510 tbody td:empty{
  background:#fffdfa!important;
}

/* v575.0.18 — top 9 country demographics */
html body.qos-v575-ui .country-breakdown-card-v57518{
  border:1px solid rgba(191,148,59,.22);
  border-radius:18px;
  padding:14px;
  background:#fffdfa;
}
html body.qos-v575-ui .country-breakdown-head-v57518{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  margin-bottom:10px;
}
html body.qos-v575-ui .country-breakdown-head-v57518 small{
  color:#8a7b61;
}
html body.qos-v575-ui .country-breakdown-grid-v57518{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
html body.qos-v575-ui .country-breakdown-row-v57518{
  display:grid;
  grid-template-columns:48px 1fr 110px;
  gap:8px;
  align-items:center;
}
html body.qos-v575-ui .country-breakdown-rank-v57518{
  font-weight:800;
  color:#8a6512;
  font-size:12px;
}
html body.qos-v575-ui .country-breakdown-row-v57518 input{
  width:100%;
}

/* v575.0.19 — Promotion Performance graph */
html body.qos-v575-ui #analyticsPanel .promotion-performance-graph-v57519{margin-top:10px!important;padding:12px!important;border:1px solid rgba(184,138,45,.14)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fffdf8)!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-head-v57519{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-head-v57519 strong{color:#111827!important;font-size:12px!important;font-weight:900!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-head-v57519 small{color:#8a7b61!important;font-size:10px!important;font-weight:800!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-bars-v57519{display:grid!important;gap:9px!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-row-v57519{display:grid!important;gap:5px!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-label-v57519{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;color:#111827!important;font-size:11px!important;font-weight:850!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-label-v57519 b{color:#8a650f!important;font-size:12px!important;font-weight:950!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-track-v57519{width:100%!important;height:7px!important;border-radius:999px!important;background:#f1ece2!important;overflow:hidden!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-track-v57519 i{display:block!important;height:100%!important;min-width:0!important;border-radius:999px!important;background:linear-gradient(90deg,#f0b429,#9a6a00)!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-empty-v57519{display:grid!important;gap:3px!important;padding:8px 2px!important;color:#8a7b61!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-empty-v57519 span{font-weight:900!important;font-size:12px!important}
html body.qos-v575-ui #analyticsPanel .promotion-graph-empty-v57519 small{font-weight:700!important;font-size:10px!important}

/* v575.0.20 — Promotion Performance ranked tracked-post view */
html body.qos-v575-ui #analyticsPanel .promotion-performance-graph-v57519{
  max-height:280px!important;
  overflow:auto!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-list-v57520{
  display:grid!important;
  gap:10px!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-row-v57520{
  display:grid!important;
  gap:7px!important;
  padding:8px 0!important;
  border-bottom:1px solid rgba(184,138,45,.10)!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-row-v57520:last-child{
  border-bottom:none!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-main-v57520{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-index-v57520{
  display:inline-flex!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff6dc!important;
  color:#8a650f!important;
  font-size:10px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-copy-v57520{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-copy-v57520 strong{
  min-width:0!important;
  color:#111827!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-copy-v57520 small{
  min-width:0!important;
  color:#8a7b61!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-metrics-v57520{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-metrics-v57520 span{
  display:grid!important;
  gap:0!important;
  text-align:right!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-metrics-v57520 b{
  color:#111827!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-ranked-metrics-v57520 small{
  color:#8a7b61!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
html body.qos-v575-ui #analyticsPanel .promotion-top-note-v57520{
  margin:8px 0 0!important;
  color:#8a7b61!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* v575.0.21 — Content Cluster Insight Engine summary */
html body.qos-v575-ui #analyticsPanel .analytics-insight-summary-v57510 strong{
  white-space:normal!important;
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
}


/* v575.0.22 — Content intelligence system dashboard */
html body.qos-v575-ui #analyticsPanel .analytics-content-intelligence-v57522{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-card-v57522{
  min-width:0!important;
  padding:13px 14px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(73,56,19,.035)!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-card-v57522 small{
  display:block!important;
  margin-bottom:8px!important;
  color:#9a6a00!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-card-v57522 strong{
  color:#111827!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:950!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-card-v57522 ul,
html body.qos-v575-ui #analyticsPanel .content-intelligence-card-v57522 ol{
  margin:0!important;
  padding-left:17px!important;
  color:#1f2937!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:750!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-card-v57522 li + li{
  margin-top:4px!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-top-v57522,
html body.qos-v575-ui #analyticsPanel .content-intelligence-next-v57522{
  background:linear-gradient(180deg,#fff,#fffaf1)!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-tags-v57522{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
html body.qos-v575-ui #analyticsPanel .content-intelligence-tags-v57522 span{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  background:#fff7e6!important;
  color:#7a560d!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.1!important;
}
@media (max-width:1180px){
  html body.qos-v575-ui #analyticsPanel .analytics-content-intelligence-v57522{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  html body.qos-v575-ui #analyticsPanel .analytics-content-intelligence-v57522{
    grid-template-columns:1fr!important;
  }
}

/* v575.0.24 — auto-computed Top Country */
html body.qos-v575-ui .top-country-auto-v57524{
  background:#fffaf1!important;
  color:#1f2937!important;
  font-weight:900!important;
  cursor:not-allowed!important;
}
html body.qos-v575-ui .top-country-auto-note-v57524{
  display:block!important;
  margin-top:6px!important;
  color:#8a7b61!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
}


/* v575.0.26 — Styled analytics performance graph with date axis */
html body.qos-v575-ui #analyticsPanel #performanceTrendWrap.analytics-mini-graph-wrap-v57526{grid-template-rows:minmax(0,1fr) 34px!important;height:228px!important;min-height:228px!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph.analytics-graph-v57526{height:190px!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-axis-labels-v57526 text{fill:#8b7b5b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.01em!important;}
html body.qos-v575-ui #analyticsPanel #trendGridLinesV57526 line{stroke:rgba(120,101,63,.18)!important;stroke-width:1!important;stroke-dasharray:2 4!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-line-followers-v57526,html body.client-portal-v109 #performanceTrendGraph .analytics-line-followers-v57526{stroke:#efb100!important;stroke-width:3.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-line-engagement-v57526,html body.client-portal-v109 #performanceTrendGraph .analytics-line-engagement-v57526{stroke:#8f6d00!important;stroke-width:3.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-guide-line-v57526{stroke:rgba(120,101,63,.32)!important;stroke-width:1!important;stroke-dasharray:4 4!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-points-v57526 circle{opacity:0!important;stroke:#fffdf8!important;stroke-width:2!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendWrap.is-active .analytics-points-v57526 circle{opacity:.2!important;}
html body.qos-v575-ui #analyticsPanel #performanceTrendGraph .analytics-points-v57526 circle.is-active{opacity:1!important;r:4.8!important;}
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v57526{height:34px!important;gap:28px!important;color:#6b7280!important;}
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v57526 .legend-followers-v105::before,html body.client-portal-v109 .analytics-graph-legend-v57526 .legend-followers-v105::before{background:#efb100!important;}
html body.qos-v575-ui #analyticsPanel .analytics-graph-legend-v57526 .legend-engagement-v105::before,html body.client-portal-v109 .analytics-graph-legend-v57526 .legend-engagement-v105::before{background:#8f6d00!important;}

/* v575.0.27 — SMART Goals Command Center */
html body.qos-v575-ui #campaignGoalsPanel.smart-goals-command-v57527{
  padding:14px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:24px!important;
  background:rgba(255,253,248,.92)!important;
  box-shadow:0 22px 50px rgba(76,56,24,.08)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goals-command-shell-v57527{
  display:grid!important;
  gap:16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goals-hero-grid-v57527{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(340px,.95fr)!important;
  gap:16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-builder-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-board-v57527{
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
  box-shadow:0 16px 30px rgba(72,51,18,.05)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-card-v57527{
  padding:22px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-card-v57527 header,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-card-header-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-card-v57527 header,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-board-v57527>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-eyebrow-v57527{
  display:block!important;
  margin-bottom:8px!important;
  color:#9a6a00!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-card-v57527 h2,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-card-header-v57527 h3,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-card-v57527 h3{
  margin:0!important;
  color:#17120b!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-card-v57527 h2{
  font-size:28px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-frequency-v57527,
html body.qos-v575-ui #campaignGoalsPanel #smartGoalProgressTimeframeV57527{
  padding:8px 14px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:999px!important;
  color:#6c4a00!important;
  background:#fffaf0!important;
  font-weight:900!important;
  font-size:12px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-body-v57527{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  margin-top:18px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-target-icon-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-card-icon-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-icon-v57527{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff6db,#f0b429)!important;
  color:#5e3d00!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-main-v57527{
  min-width:0!important;
  flex:1!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-badges-v57527{
  display:flex!important;
  gap:8px!important;
  margin-bottom:18px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-badges-v57527 span,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-card-v57527 em{
  display:inline-flex!important;
  align-items:center!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  font-style:normal!important;
}
html body.qos-v575-ui #campaignGoalsPanel .is-realistic,
html body.qos-v575-ui #campaignGoalsPanel .is-achieved{
  background:#eaf8eb!important;
  color:#176b2c!important;
}
html body.qos-v575-ui #campaignGoalsPanel .is-ontrack{
  background:#eaf2ff!important;
  color:#1158b0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .is-watch{
  background:#fff5da!important;
  color:#8a5a00!important;
}
html body.qos-v575-ui #campaignGoalsPanel .is-risk{
  background:#fff0e8!important;
  color:#9a3412!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-stats-v57527{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-stats-v57527 div,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-metrics-v57527 div{
  padding:0 14px!important;
  border-left:1px solid rgba(184,138,45,.13)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-stats-v57527 div:first-child,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-metrics-v57527 div:first-child{
  border-left:none!important;
  padding-left:0!important;
}
html body.qos-v575-ui #campaignGoalsPanel dt{
  color:#7b6a51!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:none!important;
}
html body.qos-v575-ui #campaignGoalsPanel dd{
  margin:4px 0 2px!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel small{
  color:#6b7280!important;
  font-weight:750!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-card-v57527{
  padding:22px!important;
  background:linear-gradient(135deg,#fffdf8,#fff5df)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-text-v57527{
  margin-top:16px!important;
  color:#3f3423!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-text-v57527 strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#17120b!important;
  font-size:15px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-text-v57527 p{
  margin:0 0 10px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-feedback-text-v57527 ul{
  margin:8px 0 0 18px!important;
  padding:0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-link-btn-v57527{
  border:1px solid rgba(184,138,45,.20)!important;
  border-radius:12px!important;
  background:#fffaf0!important;
  color:#6c4a00!important;
  padding:9px 14px!important;
  font-size:12px!important;
  font-weight:900!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goals-main-grid-v57527{
  display:grid!important;
  grid-template-columns:minmax(360px,.85fr) minmax(360px,.75fr) minmax(430px,1.05fr)!important;
  gap:16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-builder-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-card-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-card-v57527{
  padding:16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-form-grid-v57527{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px 12px!important;
  margin-top:14px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-description-v57527{
  grid-column:1 / -1!important;
}
html body.qos-v575-ui #campaignGoalsPanel .campaign-field-v342{
  margin:0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .campaign-field-v342 span{
  margin-bottom:6px!important;
  color:#6f604b!important;
  font-size:11px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .campaign-field-v342 input,
html body.qos-v575-ui #campaignGoalsPanel .campaign-field-v342 select,
html body.qos-v575-ui #campaignGoalsPanel .campaign-field-v342 textarea{
  width:100%!important;
  min-height:42px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-actions-v57527{
  display:grid!important;
  grid-template-columns:1.25fr .75fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-actions-v57527 .primary-btn{
  width:100%!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#5c3900,#9a6a00)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(92,57,0,.24)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-actions-v57527 .small-btn{
  width:100%!important;
  border-radius:12px!important;
  background:#fff!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-top-v57527{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:24px 0 16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-top-v57527 strong{
  display:block!important;
  color:#111827!important;
  font-size:28px!important;
  letter-spacing:-.04em!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-bar-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-progress-v57527{
  height:12px!important;
  border-radius:999px!important;
  background:#eee9df!important;
  overflow:hidden!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-bar-v57527 span,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-progress-v57527 span{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f0b429,#6f4600)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-metrics-v57527{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  margin:20px 0!important;
  padding:14px!important;
  border-radius:16px!important;
  background:#fffaf0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-note-v57527{
  padding:12px 14px!important;
  border-radius:14px!important;
  background:#fff6dd!important;
  color:#7a5400!important;
  font-size:12px!important;
  font-weight:850!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527{
  margin-top:14px!important;
  overflow:auto!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 th,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 td{
  padding:10px!important;
  border-bottom:1px solid rgba(184,138,45,.12)!important;
  text-align:left!important;
  vertical-align:middle!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 th{
  color:#6c4a00!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 td strong{
  color:#111827!important;
  font-size:12px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 td i{
  display:inline-block!important;
  width:70px!important;
  height:5px!important;
  margin-right:6px!important;
  border-radius:99px!important;
  background:#eee9df!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-contributors-table-v57527 td i b{
  display:block!important;
  height:100%!important;
  border-radius:99px!important;
  background:#d79a16!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-board-v57527{
  padding:16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-summary-v57527{
  color:#111827!important;
  font-size:16px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-summary-v57527 span{
  display:inline-flex!important;
  margin-left:8px!important;
  padding:3px 8px!important;
  border-radius:8px!important;
  background:#fff1c7!important;
  color:#8a5a00!important;
  font-size:12px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-list-v57527{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:14px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-card-v57527{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px!important;
  border:1px solid rgba(184,138,45,.16)!important;
  border-radius:18px!important;
  background:#fff!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-copy-v57527{
  min-width:0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-copy-v57527 strong{
  display:block!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-copy-v57527 footer{
  display:grid!important;
  grid-template-columns:1fr 1fr auto!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:10px!important;
  color:#6b7280!important;
  font-size:10px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-card-v57527>b{
  color:#111827!important;
  font-size:18px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-actions-v57527{
  grid-column:1 / -1!important;
  display:flex!important;
  gap:8px!important;
  justify-content:flex-end!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-actions-v57527 button{
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:10px!important;
  background:#fffaf0!important;
  color:#6c4a00!important;
  font-size:11px!important;
  font-weight:900!important;
  padding:7px 10px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-empty-v57527{
  grid-column:1 / -1!important;
  padding:18px!important;
  border:1px dashed rgba(184,138,45,.25)!important;
  border-radius:16px!important;
  color:#7b6a51!important;
  background:#fffaf0!important;
  font-weight:850!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-legacy-preview-v57527,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-legacy-validation-v57527{
  display:none!important;
}
@media (max-width:1200px){
  html body.qos-v575-ui #campaignGoalsPanel .smart-goals-hero-grid-v57527,
  html body.qos-v575-ui #campaignGoalsPanel .smart-goals-main-grid-v57527{
    grid-template-columns:1fr!important;
  }
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-active-list-v57527{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:720px){
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-stats-v57527,
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-progress-metrics-v57527,
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-form-grid-v57527{
    grid-template-columns:1fr!important;
  }
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-summary-body-v57527{
    align-items:flex-start!important;
  }
}

/* v575.0.30 — SMART Goal realistic fact gate */
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528{
  margin-top:14px!important;padding:14px!important;border-radius:16px!important;
  border:1px solid rgba(184,138,45,.18)!important;background:#fffaf0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 header{
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 header span{
  color:#6c4a00!important;font-size:11px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 header b{
  padding:6px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528.is-realistic header b{background:#eaf8eb!important;color:#176b2c!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528.is-watch header b{background:#fff5da!important;color:#8a5a00!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528.is-risk header b{background:#fff0e8!important;color:#9a3412!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 dl{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:0 0 10px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 dl div{
  padding:9px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(184,138,45,.10)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 dt{color:#8a7b61!important;font-size:10px!important;font-weight:900!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 dd{margin:3px 0 0!important;color:#111827!important;font-size:16px!important;font-weight:950!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 ul{
  margin:0!important;padding-left:18px!important;color:#4b3a20!important;font-size:12px!important;font-weight:760!important;line-height:1.45!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 li+li{margin-top:4px!important;}
@media (max-width:720px){
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-realistic-gate-v57528 dl{grid-template-columns:1fr 1fr!important;}
}

/* v575.0.30 — SMART Goal Strategy Alignment Engine */
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-field-v57529{position:relative!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-template-field-v57529{grid-column:1 / -1!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-wide-field-v57529{grid-column:1 / -1!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-paid-field-v57529{display:none!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-paid-field-v57529.is-visible{display:block!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-fit-v57529{margin-top:14px!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529{
  padding:14px!important;border-radius:16px!important;border:1px solid rgba(184,138,45,.18)!important;background:#fffaf0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 header{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 header span{
  display:block!important;color:#7a5400!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 header strong{
  display:block!important;color:#111827!important;font-size:15px!important;font-weight:950!important;margin-top:3px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 header b{
  min-width:56px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-size:15px!important;font-weight:950!important;background:#fff!important;border:1px solid rgba(184,138,45,.16)!important;color:#5e3d00!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529.is-aligned header b{background:#eaf8eb!important;color:#176b2c!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529.is-warning header b{background:#fff5da!important;color:#8a5a00!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529.is-risk header b{background:#fff0e8!important;color:#9a3412!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 dl{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 10px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 dl div{
  padding:9px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(184,138,45,.10)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 dt{font-size:10px!important;color:#8a7b61!important;font-weight:950!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 dd{font-size:12px!important;color:#111827!important;font-weight:900!important;margin:3px 0 0!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 p{
  margin:0 0 10px!important;color:#3f3423!important;font-size:12px!important;font-weight:780!important;line-height:1.45!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 ul{
  margin:0!important;padding-left:18px!important;color:#4b3a20!important;font-size:11.5px!important;font-weight:760!important;line-height:1.45!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 li+li{margin-top:4px!important;}
@media (max-width:720px){
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-strategy-card-v57529 dl{grid-template-columns:1fr!important;}
}


/* v575.0.30 — Client Baseline & Goal Setup Flow */
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-setup-v57530{
  order:-20!important;
  padding:20px!important;
  border:1px solid rgba(184,138,45,.18)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fffdf8,#fff7e8)!important;
  box-shadow:0 18px 38px rgba(72,51,18,.07)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-setup-v57530 header{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-setup-v57530 header span{
  display:inline-flex!important;
  width:max-content!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  color:#7a5300!important;
  background:#fff0bf!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-setup-v57530 h2{
  margin:8px 0 6px!important;
  color:#17120b!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-setup-v57530 p{
  margin:0!important;
  max-width:780px!important;
  color:#6f604b!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.5!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-status-v57530{
  flex:0 0 auto!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#6c4a00!important;
  border:1px solid rgba(184,138,45,.20)!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 10px 20px rgba(72,51,18,.06)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-status-v57530.is-baseline{background:#fff5da!important;color:#8a5a00!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-status-v57530.is-historical{background:#eef7ff!important;color:#155e9f!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-status-v57530.is-growth{background:#eaf8eb!important;color:#176b2c!important;}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-data-choice-v57530{
  display:grid!important;
  grid-template-columns:minmax(280px,380px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-data-choice-v57530 label,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530 label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-data-choice-v57530 label>span,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530 label>span{
  color:#6f604b!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
html body.qos-v575-ui #campaignGoalsPanel #smartGoalDataStatusV57530,
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530 input{
  min-height:48px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(184,138,45,.22)!important;
  background:#fff!important;
  color:#17120b!important;
  font-weight:850!important;
}
html body.qos-v575-ui #campaignGoalsPanel #smartGoalModeExplanationV57530{
  padding:14px 16px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.13)!important;
}
html body.qos-v575-ui #campaignGoalsPanel #smartGoalModeExplanationV57530 strong{
  display:block!important;
  margin-bottom:4px!important;
  color:#17120b!important;
  font-size:15px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel #smartGoalModeExplanationV57530 p{
  max-width:none!important;
  margin:0 0 6px!important;
  color:#4b3a20!important;
  font-size:13px!important;
  font-weight:750!important;
}
html body.qos-v575-ui #campaignGoalsPanel #smartGoalModeExplanationV57530 small{
  color:#8a5a00!important;
  font-weight:900!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530{
  display:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:18px!important;
  background:#fffaf0!important;
  border:1px dashed rgba(184,138,45,.25)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530.is-visible{
  display:grid!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530{
  margin-top:14px!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 article{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(184,138,45,.12)!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 b{
  color:#17120b!important;
  font-size:13px!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 ol{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 li{
  position:relative!important;
  padding-left:20px!important;
  color:#4b3a20!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:760!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 li:before{
  content:'✓'!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  color:#1f8f45!important;
  font-weight:950!important;
}
html body.qos-v575-ui #campaignGoalsPanel .smart-goal-review-field-v57530{
  display:flex!important;
}
html body.qos-v575-ui #campaignGoalsPanel #saveCampaignGoalBtn{
  white-space:normal!important;
}
@media (max-width:1100px){
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-data-choice-v57530,
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 article{
    grid-template-columns:1fr!important;
  }
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 ol,
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530{
    grid-template-columns:1fr 1fr!important;
  }
}
@media (max-width:720px){
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-setup-v57530 header{
    flex-direction:column!important;
  }
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-baseline-steps-v57530 ol,
  html body.qos-v575-ui #campaignGoalsPanel .smart-goal-history-fields-v57530{
    grid-template-columns:1fr!important;
  }
}

/* v575.0.31 — Feedback conversation polish */
.qos-v516-head.qos-v531-head .qos-v516-head-copy p{display:none!important}
.qos-v531-content-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin-top:5px!important;color:#6d5c42!important;font-size:13px!important;font-weight:800!important}
.qos-v531-content-meta strong{color:#1f1609!important;font-weight:950!important;font-size:14px!important;max-width:360px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qos-v531-content-meta span{display:inline-flex!important;align-items:center!important;border:1px solid rgba(191,135,35,.20)!important;background:#fffaf0!important;border-radius:999px!important;padding:4px 9px!important;color:#7a4f00!important;font-size:11px!important;font-weight:900!important}
.qos-v516-current-avatar{position:relative!important;overflow:visible!important}
.qos-v516-current-avatar::before,.qos-v516-current-avatar::after{display:none!important;content:none!important}
.qos-v516-current-avatar>i{display:block!important;position:absolute!important;right:0!important;bottom:0!important;width:12px!important;height:12px!important;border-radius:999px!important;background:#22c55e!important;border:2px solid #fff!important;box-shadow:0 2px 8px rgba(34,197,94,.35)!important}
.qos-v516-reaction-summary{cursor:pointer!important}
.qos-v516-react-add.is-active{background:#fff0c2!important;border-color:#d79a19!important;color:#7a4a00!important}
.qos-v531-reaction-viewer{position:fixed!important;z-index:5000005!important;width:min(260px,calc(100vw - 24px))!important;max-height:260px!important;overflow:auto!important;border:1px solid rgba(191,135,35,.24)!important;border-radius:16px!important;background:#fffdf8!important;box-shadow:0 18px 50px rgba(16,24,40,.22)!important;padding:10px!important;display:none!important;color:#21170a!important}
.qos-v531-reaction-viewer.is-open{display:block!important}
.qos-v531-reaction-viewer header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important;font-size:13px!important}
.qos-v531-reaction-viewer header button{border:1px solid rgba(191,135,35,.20)!important;background:#fffaf0!important;border-radius:999px!important;width:26px!important;height:26px!important;font-weight:950!important;color:#5c3a00!important;cursor:pointer!important}
.qos-v531-reaction-viewer ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:6px!important}
.qos-v531-reaction-viewer li{display:flex!important;align-items:center!important;gap:8px!important;padding:7px 8px!important;border-radius:12px!important;background:#fff7e8!important;border:1px solid rgba(191,135,35,.10)!important}
.qos-v531-reaction-viewer li span{font-size:16px!important}.qos-v531-reaction-viewer li b{font-size:12px!important;color:#21170a!important}.qos-v531-reaction-viewer p{margin:0!important;color:#6b5b43!important;font-weight:800!important;font-size:12px!important}
.qos-v516-comment.is-deleted .qos-v516-comment-card p,.qos-v516-deleted-text{color:#7a8494!important;font-style:italic!important;background:#f6f6f6!important;border-radius:10px!important;padding:8px 10px!important}
.notes-pill-v361 .bubble{font-size:15px!important}.notes-pill-v361 span:last-child{min-width:16px!important;text-align:center!important}

/* v575.0.35 — Restore Action column beside Feedback */
html body.client-workspace-page .client-approval-table th.action-head-v57535,
html body[class*="client-portal-v"] .client-approval-table th.action-head-v57535{
  width:82px!important;
  min-width:82px!important;
  text-align:center!important;
}
html body.client-workspace-page .client-approval-table td.mobile-col-action-v57535,
html body[class*="client-portal-v"] .client-approval-table td.mobile-col-action-v57535{
  width:82px!important;
  min-width:82px!important;
  text-align:center!important;
  position:relative!important;
  overflow:visible!important;
}
html body[class*="client-portal-v"] .qos-v57535-mobile-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
html body[class*="client-portal-v"] .qos-v57535-mobile-action-cell{
  display:inline-flex!important;
  width:auto!important;
  min-width:38px!important;
  position:relative!important;
}
html body[class*="client-portal-v"] .qos-v57535-action-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:900px){
  html body[class*="client-portal-v"] .client-approval-table td.mobile-col-action-v57535{
    width:auto!important;
    min-width:0!important;
  }
}

/* v575.0.37 — Premium Content Approval table polish
   Visual-only refinement: keeps Feedback and Action functions unchanged. */
html body.client-portal-v57537 #contentTablePanel.client-content-table-panel,
html body.client-portal-v57537 .client-content-table-panel{
  padding:18px!important;
  border-radius:24px!important;
  background:rgba(255,253,248,.96)!important;
  border:1px solid rgba(218,190,139,.55)!important;
  box-shadow:0 18px 55px rgba(84,58,18,.08)!important;
  overflow:visible!important;
}
html body.client-portal-v57537 #contentTablePanel .workspace-table-wrap,
html body.client-portal-v57537 .workspace-table-wrap.client-table-wrap,
html body.client-portal-v57537 .client-table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:0 16px 10px 0!important;
  border-radius:18px!important;
  scrollbar-width:thin!important;
}
html body.client-portal-v57537 .client-approval-table{
  width:100%!important;
  min-width:1500px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0 7px!important;
}
html body.client-portal-v57537 .client-approval-table thead th{
  height:60px!important;
  padding:10px 8px!important;
  background:#f8fafc!important;
  color:#3f4a5d!important;
  border-top:1px solid rgba(224,213,193,.75)!important;
  border-bottom:1px solid rgba(224,213,193,.85)!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.08!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body.client-portal-v57537 .client-approval-table thead th:first-child{
  border-left:1px solid rgba(224,213,193,.75)!important;
  border-radius:14px 0 0 14px!important;
}
html body.client-portal-v57537 .client-approval-table thead th:last-child{
  border-right:1px solid rgba(224,213,193,.75)!important;
  border-radius:0 14px 14px 0!important;
}
html body.client-portal-v57537 .client-approval-table tbody tr.client-mobile-content-row-v189{
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  background:transparent!important;
  transition:transform .16s ease, filter .16s ease!important;
}
html body.client-portal-v57537 .client-approval-table tbody tr.client-mobile-content-row-v189:hover{
  transform:translateY(-1px)!important;
  filter:drop-shadow(0 10px 22px rgba(43,31,12,.07))!important;
}
html body.client-portal-v57537 .client-approval-table tbody td{
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:6px 8px!important;
  background:#fff!important;
  border-top:1px solid rgba(230,219,199,.82)!important;
  border-bottom:1px solid rgba(230,219,199,.82)!important;
  border-radius:0!important;
  box-shadow:none!important;
  vertical-align:middle!important;
  text-align:center!important;
  overflow:hidden!important;
}
html body.client-portal-v57537 .client-approval-table tbody td:first-child{
  border-left:1px solid rgba(230,219,199,.82)!important;
  border-radius:14px 0 0 14px!important;
}
html body.client-portal-v57537 .client-approval-table tbody td:last-child{
  border-right:1px solid rgba(230,219,199,.82)!important;
  border-radius:0 14px 14px 0!important;
}
html body.client-portal-v57537 .client-approval-table tbody tr.client-mobile-content-row-v189:hover td{
  background:#fffdf8!important;
  border-color:rgba(218,178,103,.70)!important;
}
html body.client-portal-v57537 .client-approval-table .inline-title-cell-v354,
html body.client-portal-v57537 .client-approval-table td[data-label="Post Title"]{
  text-align:left!important;
  padding-left:14px!important;
}
html body.client-portal-v57537 .client-approval-table tbody td > strong,
html body.client-portal-v57537 .client-approval-table tbody td .inline-title-text-v354{
  color:#2e3a4f!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.18!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.client-portal-v57537 .client-approval-table tbody td small{
  color:#6c7586!important;
  font-size:10px!important;
  font-weight:750!important;
}
html body.client-portal-v57537 .client-approval-table .inline-thumb-cell-v356,
html body.client-portal-v57537 .client-approval-table .mobile-content-thumb-v191{
  position:relative!important;
  overflow:hidden!important;
}
html body.client-portal-v57537 .client-approval-table .inline-thumb-cell-v356::before,
html body.client-portal-v57537 .mobile-content-thumb-v191::before{
  width:3px!important;
  top:10px!important;
  bottom:10px!important;
  left:0!important;
  opacity:.22!important;
  background:#c9b993!important;
  box-shadow:none!important;
  transition:opacity .16s ease,width .16s ease,background .16s ease!important;
}
html body.client-portal-v57537 .client-mobile-content-row-v189:hover .inline-thumb-cell-v356::before,
html body.client-portal-v57537 .client-mobile-content-row-v189.is-selected-v111 .inline-thumb-cell-v356::before,
html body.client-portal-v57537 .mobile-content-card-v191:hover .mobile-content-thumb-v191::before,
html body.client-portal-v57537 .mobile-content-card-v191.is-selected-v111 .mobile-content-thumb-v191::before{
  width:4px!important;
  opacity:.95!important;
  background:var(--row-platform-color, #8f98a3)!important;
}
html body.client-portal-v57537 .client-approval-table .notes-cell-v361,
html body.client-portal-v57537 .client-approval-table .mobile-col-action-v57535,
html body.client-portal-v57537 .client-approval-table .content-actions-cell{
  overflow:visible!important;
}
html body.client-portal-v57537 .client-approval-table .notes-pill-v361,
html body.client-portal-v57537 .client-approval-table .qos-v526-notes-button,
html body.client-portal-v57537 .client-approval-table .qos-v533-notes-button{
  min-width:54px!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  padding:4px 10px!important;
  gap:6px!important;
  border-radius:999px!important;
  border:1px solid rgba(205,213,226,.80)!important;
  background:#fbfcff!important;
  box-shadow:0 3px 10px rgba(35,48,73,.04)!important;
}
html body.client-portal-v57537 .client-approval-table .notes-pill-v361 .bubble{
  font-size:14px!important;
  line-height:1!important;
}
html body.client-portal-v57537 .client-approval-table .qos-v533-feedback-count,
html body.client-portal-v57537 .client-approval-table .notes-pill-v361 span:last-child{
  color:#2e3a4f!important;
  font-size:11px!important;
  font-weight:950!important;
  min-width:12px!important;
}
html body.client-portal-v57537 .client-approval-table th.action-head-v57535,
html body.client-portal-v57537 .client-approval-table th.action-head-v57537,
html body.client-portal-v57537 .client-approval-table td.mobile-col-action-v57535{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  padding-left:10px!important;
  padding-right:12px!important;
  text-align:center!important;
}
html body.client-portal-v57537 .client-approval-table th.action-head-v57537 span{
  display:inline-flex!important;
  width:30px!important;
  height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(218,190,139,.68)!important;
  background:#fffaf0!important;
  color:#6a4a11!important;
  font-size:18px!important;
  letter-spacing:0!important;
  line-height:1!important;
}
html body.client-portal-v57537 .row-notes-actions-v374,
html body.client-portal-v57537 .qos-v57536-action-only-wrap{
  min-width:36px!important;
  width:36px!important;
  justify-content:center!important;
}
html body.client-portal-v57537 .row-more-btn-v374{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(218,190,139,.62)!important;
  background:#fffaf0!important;
  color:#5a3907!important;
  box-shadow:0 4px 14px rgba(84,58,18,.07)!important;
}
html body.client-portal-v57537 .row-more-btn-v374:hover,
html body.client-portal-v57537 .row-more-btn-v374.is-open{
  background:#f6e4b6!important;
  border-color:#d39a19!important;
}
html body.client-portal-v57537 .row-action-menu-v374{
  right:0!important;
  top:39px!important;
  z-index:500100!important;
}
html body.client-portal-v57537 .client-approval-table .performance-head-v57537,
html body.client-portal-v57537 .client-approval-table .performance-cell-v353{
  text-align:center!important;
}
html body.client-portal-v57537 .client-approval-table .feedback-head-v57537,
html body.client-portal-v57537 .client-approval-table .notes-cell-v361{
  text-align:center!important;
}
html body.client-portal-v57537 .client-approval-table .edited-head-v57537,
html body.client-portal-v57537 .client-approval-table .last-editor-cell{
  text-align:center!important;
}
/* Column balance: normal 13-column view. */
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(1),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(1){width:7%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(2),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(2){width:8%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(3),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(3){width:17.5%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(4),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(4){width:9.5%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(5),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(5){width:6.5%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(6),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(6){width:8.5%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(7),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(7){width:6.5%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(8),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(8){width:6.8%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(9),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(9){width:6.8%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(10),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(10){width:6.2%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(11),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(11){width:5.2%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(12),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(12){width:6%!important;}
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(13),
html body.client-portal-v57537:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(13){width:5%!important;}
/* Column balance: selection mode 14-column view. */
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table th:nth-child(1),
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table td:nth-child(1){width:3.2%!important;}
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table th:nth-child(2),
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table td:nth-child(2){width:6.5%!important;}
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table th:nth-child(3),
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table td:nth-child(3){width:7.5%!important;}
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table th:nth-child(4),
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table td:nth-child(4){width:16.2%!important;}
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table th:nth-child(5),
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table td:nth-child(5){width:9%!important;}
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table th:nth-child(n+6):nth-child(-n+14),
html body.client-portal-v57537.delivery-selection-mode-v115 .client-approval-table td:nth-child(n+6):nth-child(-n+14){text-align:center!important;}
@media (max-width:1200px){
  html body.client-portal-v57537 .client-approval-table{min-width:1420px!important;}
  html body.client-portal-v57537 #contentTablePanel .workspace-table-wrap,
  html body.client-portal-v57537 .workspace-table-wrap.client-table-wrap{padding-right:10px!important;}
}

/* v575.0.38 — Right columns visibility fix
   Keeps Feedback and Action visible on desktop without requiring horizontal scroll. */
html body.client-portal-v57538 #contentTablePanel .workspace-table-wrap,
html body.client-portal-v57538 .workspace-table-wrap.client-table-wrap,
html body.client-portal-v57538 .client-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
html body.client-portal-v57538 .client-approval-table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-spacing:0 7px!important;
}
html body.client-portal-v57538 .client-approval-table thead th,
html body.client-portal-v57538 .client-approval-table tbody td{
  box-sizing:border-box!important;
  min-width:0!important;
}
html body.client-portal-v57538 .client-approval-table thead th{
  padding-left:5px!important;
  padding-right:5px!important;
  letter-spacing:.16em!important;
}
html body.client-portal-v57538 .client-approval-table tbody td{
  padding-left:5px!important;
  padding-right:5px!important;
}
html body.client-portal-v57538 .client-approval-table .inline-title-cell-v354,
html body.client-portal-v57538 .client-approval-table td[data-label="Post Title"]{
  text-align:left!important;
  padding-left:18px!important;
  padding-right:12px!important;
}
html body.client-portal-v57538 .client-approval-table .feedback-head-v57537,
html body.client-portal-v57538 .client-approval-table .notes-cell-v361{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  text-align:center!important;
  overflow:visible!important;
}
html body.client-portal-v57538 .client-approval-table th.action-head-v57535,
html body.client-portal-v57538 .client-approval-table th.action-head-v57537,
html body.client-portal-v57538 .client-approval-table td.mobile-col-action-v57535{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding-left:4px!important;
  padding-right:8px!important;
  text-align:center!important;
  overflow:visible!important;
}
html body.client-portal-v57538 .client-approval-table .notes-pill-v361,
html body.client-portal-v57538 .client-approval-table .qos-v526-notes-button,
html body.client-portal-v57538 .client-approval-table .qos-v533-notes-button{
  min-width:46px!important;
  height:28px!important;
  min-height:28px!important;
  padding:3px 8px!important;
  gap:5px!important;
}
html body.client-portal-v57538 .client-approval-table .notes-pill-v361 .bubble{
  font-size:13px!important;
}
html body.client-portal-v57538 .row-notes-actions-v374,
html body.client-portal-v57538 .qos-v57536-action-only-wrap{
  min-width:30px!important;
  width:30px!important;
  max-width:30px!important;
}
html body.client-portal-v57538 .row-more-btn-v374{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
}
html body.client-portal-v57538 .row-action-menu-v374{
  right:4px!important;
}
/* Normal 13-column desktop fit. */
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(1),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(1){width:7%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(2),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(2){width:7.7%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(3),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(3){width:20.5%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(4),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(4){width:8.4%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(5),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(5){width:6.2%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(6),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(6){width:8%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(7),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(7){width:6.5%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(8),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(8){width:7%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(9),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(9){width:7%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(10),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(10){width:6%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(11),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(11){width:5%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(12),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(12){width:6%!important;}
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table th:nth-child(13),
html body.client-portal-v57538:not(.delivery-selection-mode-v115) .client-approval-table td:nth-child(13){width:4.7%!important;}
/* Selection mode 14-column desktop fit. */
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(1),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(1){width:3.2%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(2),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(2){width:6.7%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(3),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(3){width:7.4%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(4),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(4){width:21%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(5),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(5){width:8.2%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(6),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(6){width:6%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(7),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(7){width:8%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(8),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(8){width:6.4%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(9),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(9){width:6.7%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(10),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(10){width:6.7%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(11),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(11){width:6%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(12),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(12){width:5%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(13),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(13){width:5.7%!important;}
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table th:nth-child(14),
html body.client-portal-v57538.delivery-selection-mode-v115 .client-approval-table td:nth-child(14){width:3%!important;}
@media (max-width:1200px){
  html body.client-portal-v57538 .client-approval-table{min-width:1180px!important;}
  html body.client-portal-v57538 #contentTablePanel .workspace-table-wrap,
  html body.client-portal-v57538 .workspace-table-wrap.client-table-wrap{overflow-x:auto!important;}
}

/* v575.0.39 — Instant action toolkit response */
html body.client-portal-v57539 .row-more-btn-v374,
html body.client-portal-v57539 .row-action-menu-v374,
html body.client-portal-v57539 .qos-v57536-action-only-wrap{
  transition:none!important;
  animation:none!important;
}
html body.client-portal-v57539 .row-action-menu-v374.is-open{
  display:grid!important;
  gap:4px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body.client-portal-v57539 .row-more-btn-v374:active{
  transform:none!important;
}

/* v575.0.42 — Global Popup Layer Lock
   One stable layer order for every drawer, modal, toolkit, tooltip, dropdown, and quick editor.
   Fixes popups appearing behind table columns/cards and reduces table repaint lag. */
html body.qos-layer-lock-v57542{
  --qos-z-table-v57542:10;
  --qos-z-nav-v57542:2147480000;
  --qos-z-overlay-v57542:2147482600;
  --qos-z-modal-v57542:2147483000;
  --qos-z-drawer-v57542:2147483100;
  --qos-z-dropdown-v57542:2147483400;
  --qos-z-tooltip-v57542:2147483500;
  --qos-z-action-v57542:2147483646;
}
html body.qos-layer-lock-v57542 .client-approval-table,
html body.qos-layer-lock-v57542 .client-approval-table thead,
html body.qos-layer-lock-v57542 .client-approval-table tbody,
html body.qos-layer-lock-v57542 .client-approval-table tr{
  transform:none!important;
  filter:none!important;
  perspective:none!important;
  isolation:auto!important;
  contain:none!important;
}
html body.qos-layer-lock-v57542 .client-approval-table tbody tr.client-mobile-content-row-v189,
html body.qos-layer-lock-v57542 .client-approval-table tbody tr.client-mobile-content-row-v189:hover,
html body.qos-layer-lock-v57542 .client-mobile-content-row-v189:hover{
  transform:none!important;
  filter:none!important;
  transition:background-color .12s ease,border-color .12s ease!important;
}
html body.qos-layer-lock-v57542 .client-approval-table .notes-cell-v361,
html body.qos-layer-lock-v57542 .client-approval-table .mobile-col-action-v57535,
html body.qos-layer-lock-v57542 .client-approval-table .content-actions-cell,
html body.qos-layer-lock-v57542 .client-approval-table td:last-child{
  overflow:visible!important;
  position:relative!important;
  z-index:25!important;
}
html body.qos-layer-lock-v57542 .workspace-table-wrap,
html body.qos-layer-lock-v57542 .client-table-wrap,
html body.qos-layer-lock-v57542 #contentTablePanel,
html body.qos-layer-lock-v57542 .content-table-wrap{
  isolation:auto!important;
}
html body.qos-layer-lock-v57542 .top-taskbar,
html body.qos-layer-lock-v57542 .linkedin-style-taskbar{
  z-index:var(--qos-z-nav-v57542)!important;
}
html body.qos-layer-lock-v57542 .inline-cell-modal-v356:not([hidden]),
html body.qos-layer-lock-v57542 .modal-shell.open,
html body.qos-layer-lock-v57542 #postModal.modal-shell.open,
html body.qos-layer-lock-v57542 .v45-modal-shell.open,
html body.qos-layer-lock-v57542 .v46-modal-shell.open,
html body.qos-layer-lock-v57542 .v47-modal-shell.open,
html body.qos-layer-lock-v57542 .v48-modal-shell.open,
html body.qos-layer-lock-v57542 .v49-modal-shell.open,
html body.qos-layer-lock-v57542 .side-panel-shell.open,
html body.qos-layer-lock-v57542 .v45-team-shell.open,
html body.qos-layer-lock-v57542 .v46-team-shell.open{
  position:fixed!important;
  z-index:var(--qos-z-modal-v57542)!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
html body.qos-layer-lock-v57542 .inline-cell-backdrop-v356,
html body.qos-layer-lock-v57542 .modal-backdrop,
html body.qos-layer-lock-v57542 .side-panel-backdrop{
  z-index:1!important;
}
html body.qos-layer-lock-v57542 .inline-cell-card-v356,
html body.qos-layer-lock-v57542 .modal-card,
html body.qos-layer-lock-v57542 .large-modal,
html body.qos-layer-lock-v57542 .side-panel-card{
  position:relative!important;
  z-index:3!important;
  isolation:isolate!important;
}
html body.qos-layer-lock-v57542 .inline-cell-modal-v356:has(.notes-social-thread-v417),
html body.qos-layer-lock-v57542 .inline-cell-modal-v356:has(.notes-social-thread-v419){
  justify-content:flex-end!important;
  align-items:stretch!important;
  padding:0!important;
  z-index:var(--qos-z-drawer-v57542)!important;
}
html body.qos-layer-lock-v57542 .floating-content-client-dropdown.open,
html body.qos-layer-lock-v57542 .content-client-dropdown.open,
html body.qos-layer-lock-v57542 .client-workspace-dropdown.open,
html body.qos-layer-lock-v57542 .profile-dropdown.open,
html body.qos-layer-lock-v57542 .company-clock-dropdown.open,
html body.qos-layer-lock-v57542 .workspace-dropdown-panel-v212.open,
html body.qos-layer-lock-v57542 .managed-select-menu.open,
html body.qos-layer-lock-v57542 .custom-dropdown-menu.open,
html body.qos-layer-lock-v57542 .platform-manager-panel-v38.open,
html body.qos-layer-lock-v57542 .platform-action-menu-v42.open,
html body.qos-layer-lock-v57542 .platform-action-popover.open,
html body.qos-layer-lock-v57542 .teamspace-action-popover-v240.open,
html body.qos-layer-lock-v57542 .ai-gpt-dropdown.open,
html body.qos-layer-lock-v57542 .note-reaction-picker-panel-v413,
html body.qos-layer-lock-v57542 .linkedin-comment-menu-items-v62{
  z-index:var(--qos-z-dropdown-v57542)!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
html body.qos-layer-lock-v57542 .ai-toast,
html body.qos-layer-lock-v57542 .ai-gpt-toast,
html body.qos-layer-lock-v57542 .wa-local-toast-v141,
html body.qos-layer-lock-v57542 .wa-safe-toast-v149,
html body.qos-layer-lock-v57542 .wa-safe-toast-v150{
  z-index:var(--qos-z-tooltip-v57542)!important;
}
html body.qos-layer-lock-v57542 .ai-avatar-tooltip,
html body.qos-layer-lock-v57542 .ai-topic-tooltip,
html body.qos-layer-lock-v57542 [role="tooltip"]{
  z-index:var(--qos-z-tooltip-v57542)!important;
}
body.qos-layer-lock-v57542 > #rowActionPortalV57541,
body.qos-layer-lock-v57542 > .row-action-portal-v57541,
body.qos-layer-lock-v57542 > .qos-top-layer-portal-v57542{
  position:fixed!important;
  z-index:var(--qos-z-action-v57542)!important;
  isolation:isolate!important;
  transform:none!important;
  filter:none!important;
  contain:none!important;
  pointer-events:auto!important;
}
body.qos-layer-lock-v57542 > #rowActionPortalV57540,
body.qos-layer-lock-v57542 .row-action-menu-v374,
body.qos-layer-lock-v57542 [data-row-action-menu-v374]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}