/* ============================================================
   ogb-style.css — OPS Goals Bridge v10
   Brand: #00CCB2 (primary) · #0032FF (accent) · #0a0f1a (dark) · #fff (light)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --ogb-bg:        #f4f6f8;
  --ogb-surface:   #ffffff;
  --ogb-sidebar:   #0a0f1a;
  --ogb-sidebar-w: 220px;

  /* Primary brand — #00CCB2 */
  --ogb-teal:      #00CCB2;
  --ogb-teal-lt:   #e6faf7;
  --ogb-teal-dk:   #00a892;

  /* Accent brand — #0032FF */
  --ogb-blue:      #0032FF;
  --ogb-blue-lt:   #e8edff;
  --ogb-blue-dk:   #0028cc;

  --ogb-text:      #0a0f1a;
  --ogb-mid:       #4a5568;
  --ogb-muted:     #8a9bb0;
  --ogb-border:    #e8ecf0;
  --ogb-green:     #22c55e;
  --ogb-amber:     #f59e0b;
  --ogb-red:       #ef4444;
  --ogb-radius:    10px;
  --ogb-shadow:    0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
}

#ogb-app, #ogb-app * { box-sizing: border-box; }
#ogb-app { margin: 0; padding: 0; }

.ogb-wrap {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px; color: var(--ogb-text);
  background: var(--ogb-bg); min-height: 100vh;
  display: flex; -webkit-font-smoothing: antialiased; position: relative;
}

/* ════ SIDEBAR ════ */
.ogb-sidebar {
  width: var(--ogb-sidebar-w); background: var(--ogb-sidebar);
  height: 100vh; min-height: 100vh; position: fixed; top: 0; left: 0;
  z-index: 9999; display: flex; flex-direction: column;
  transition: transform .25s ease; overflow: hidden;
}

/* Brand */
.ogb-brand { padding: 20px 18px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.07); flex-shrink: 0; }
.ogb-brand-ic {
  width: 34px; height: 34px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 800; color: #fff; flex-shrink: 0;
  background: linear-gradient(135deg, var(--ogb-teal) 0%, var(--ogb-blue) 100%);
}
.ogb-brand-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.2; }
.ogb-brand-sub  { font-size: 10px; color: rgba(255,255,255,.4); }

/* Nav */
.ogb-nav-wrap { flex: 1 1 auto; min-height: 0; padding: 12px 0 24px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.ogb-nav-section { padding: 10px 18px 4px; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.3); }
.ogb-nav { display: flex; align-items: center; gap: 9px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.55); text-decoration: none; cursor: pointer; transition: background .15s, color .15s; position: relative; user-select: none; border: none; background: none; width: 100%; text-align: left; }
.ogb-nav:hover { background: rgba(255,255,255,.06); color: rgba(255,255,255,.9); }
.ogb-nav.active { background: rgba(0,204,178,.12); color: var(--ogb-teal); font-weight: 600; }
.ogb-nav.active::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background: linear-gradient(180deg, var(--ogb-teal), var(--ogb-blue)); border-radius:0 2px 2px 0; }
.ogb-nav-ic { width: 16px; height: 16px; flex-shrink: 0; opacity: .7; }
.ogb-nav.active .ogb-nav-ic { opacity: 1; }

.ogb-nav-count {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--ogb-teal); color: #0a0f1a;
  border-radius: 20px; padding: 1px 7px; font-size: 10px; font-weight: 800;
  margin-left: 4px; line-height: 1.4;
}

/* ════ SIDEBAR USER PROFILE ════ */
.ogb-sidebar-user {
  padding: 12px 14px; border-top: 1px solid rgba(255,255,255,.07);
  display: flex; align-items: center; gap: 10px; flex-shrink: 0;
  cursor: pointer; transition: background .15s; position: relative;
  border-radius: 0;
}
.ogb-sidebar-user:hover { background: rgba(255,255,255,.05); }
.ogb-sidebar-uname { font-size: 12px; font-weight: 600; color: #fff; line-height: 1.2; }
.ogb-sidebar-urole { font-size: 10px; color: rgba(255,255,255,.4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.ogb-sidebar-user-chevron { margin-left: auto; font-size: 10px; color: rgba(255,255,255,.3); flex-shrink: 0; transition: transform .2s; }
.ogb-sidebar-user.open .ogb-sidebar-user-chevron { transform: rotate(180deg); }

/* Profile popup — slides up from the sidebar bottom */
.ogb-profile-popup {
  position: absolute; bottom: calc(100% + 8px); left: 10px; right: 10px;
  background: #151c28; border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px; padding: 16px; z-index: 10000;
  box-shadow: 0 -8px 32px rgba(0,0,0,.4);
  display: none; opacity: 0; transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
}
.ogb-profile-popup.visible { display: block; }
.ogb-profile-popup.shown { opacity: 1; transform: translateY(0); }

.ogb-pp-header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.07); }
.ogb-pp-name   { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; }
.ogb-pp-role   { font-size: 11px; color: var(--ogb-teal); font-weight: 600; }

.ogb-pp-meta { margin-bottom: 14px; }
.ogb-pp-meta-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 12px; color: rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.04); }
.ogb-pp-meta-row:last-child { border-bottom: none; }
.ogb-pp-meta-ic { width: 16px; text-align: center; font-size: 12px; flex-shrink: 0; }
.ogb-pp-meta-val { color: rgba(255,255,255,.8); font-weight: 500; }

.ogb-pp-actions { display: flex; flex-direction: column; gap: 6px; }
.ogb-pp-btn {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px; font-size: 12px; font-weight: 600;
  cursor: pointer; text-decoration: none; border: none; font-family: inherit;
  transition: all .15s; width: 100%;
}
.ogb-pp-btn-profile { background: rgba(0,204,178,.12); color: var(--ogb-teal); }
.ogb-pp-btn-profile:hover { background: rgba(0,204,178,.2); }
.ogb-pp-btn-logout  { background: rgba(239,68,68,.1); color: #ef4444; }
.ogb-pp-btn-logout:hover { background: rgba(239,68,68,.18); }

/* Avatar */
.ogb-avatar { border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #fff; flex-shrink: 0; }

/* ════ MAIN ════ */
.ogb-main { margin-left: var(--ogb-sidebar-w); width: calc(100% - var(--ogb-sidebar-w)); max-width: calc(100% - var(--ogb-sidebar-w)); flex: 0 0 auto; min-height: 100vh; display: flex; flex-direction: column; min-width: 0; }
.ogb-topbar { background: var(--ogb-surface); border-bottom: 1px solid var(--ogb-border); padding: 0 28px; height: 56px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; flex-shrink: 0; }
.ogb-topbar-left { display: flex; align-items: center; gap: 12px; }
.ogb-cycle-badge { font-size: 12px; font-weight: 600; color: var(--ogb-teal); background: var(--ogb-teal-lt); padding: 4px 10px; border-radius: 20px; }
.ogb-topbar-sep   { color: var(--ogb-border); font-size: 16px; }
.ogb-topbar-crumb { font-size: 12px; color: var(--ogb-muted); }
.ogb-topbar-actions { display: flex; gap: 8px; align-items: center; }
.ogb-sidebar-toggle { display: none; background: none; border: none; cursor: pointer; padding: 6px; color: var(--ogb-text); font-size: 20px; line-height: 1; }
.ogb-content { padding: 28px; flex: 1; width: 100%; }
.ogb-content > .ogb-view { width: 100%; max-width: none; }
#view-dashboard, #view-my-goals, #view-dept-goals, #view-company-goals, #view-my-checkins, #view-team-checkins { width: 100%; }
#view-dashboard .ogb-stats, #view-dashboard .ogb-card, #view-dashboard .ogb-grid-2 { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }

/* ════ PAGE HEADER ════ */
.ogb-ph { margin-bottom: 24px; }
.ogb-ph-title { font-size: 24px; font-weight: 800; color: var(--ogb-text); margin-bottom: 4px; letter-spacing: -.4px; }
.ogb-ph-meta  { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ogb-muted); flex-wrap: wrap; }
.ogb-ph-badge { background: rgba(0,204,178,.1); color: var(--ogb-teal); padding: 2px 8px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.ogb-ph-top   { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

/* ════ BUTTONS ════ */
.ogb-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--ogb-radius); font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer; border: none; transition: all .15s; text-decoration: none; white-space: nowrap; line-height: 1.4; }
.ogb-btn-primary { background: var(--ogb-teal); color: #0a0f1a; }
.ogb-btn-primary:hover { background: var(--ogb-teal-dk); color: #fff; }
.ogb-btn-outline { background: transparent; color: var(--ogb-mid); border: 1.5px solid #d0d8e4; }
.ogb-btn-outline:hover { border-color: var(--ogb-teal); color: var(--ogb-teal); }
.ogb-btn-ghost { background: transparent; color: var(--ogb-mid); padding: 6px 10px; }
.ogb-btn-ghost:hover { background: var(--ogb-bg); }
.ogb-btn-sm { padding: 5px 12px; font-size: 12px; }
.ogb-btn-danger { background: var(--ogb-red); color: #fff; }
.ogb-btn-danger:hover { background: #c62020; }

/* ════ TABS ════ */
.ogb-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.ogb-tab { padding: 6px 14px; font-size: 12px; font-weight: 600; border: 1.5px solid #d0d8e4; border-radius: 20px; background: transparent; color: var(--ogb-muted); cursor: pointer; font-family: inherit; transition: all .15s; display: inline-flex; align-items: center; gap: 6px; }
.ogb-tab:hover { border-color: var(--ogb-teal); color: var(--ogb-teal); }
.ogb-tab.active { background: var(--ogb-teal); border-color: var(--ogb-teal); color: #0a0f1a; font-weight: 700; }
.ogb-tab-count { background: rgba(0,0,0,.1); border-radius: 20px; padding: 1px 6px; font-size: 10px; font-weight: 700; }
.ogb-tab.active .ogb-tab-count { background: rgba(0,0,0,.15); }
.ogb-tab-count-ok   { background: #dcfce7; color: #16a34a; }
.ogb-tab-count-warn { background: #fef9c3; color: #ca8a04; }

/* ════ ALERT ════ */
.ogb-alert { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 10px; margin-bottom: 20px; font-size: 13px; font-weight: 500; }
.ogb-alert-warn { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.ogb-alert-ic { font-size: 18px; flex-shrink: 0; }

/* ════ STAT CARDS ════ */
.ogb-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap: 14px; margin-bottom: 24px; }
.ogb-stat { background: var(--ogb-surface); border: 1px solid var(--ogb-border); border-radius: 14px; padding: 18px 20px; box-shadow: var(--ogb-shadow); transition: box-shadow .2s, transform .2s; opacity: 0; }
.ogb-stat.shown { opacity: 1; animation: ogbFadeUp .3s ease forwards; }
.ogb-stat:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); transform: translateY(-1px); }
.ogb-stat-ic  { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 12px; }
.ogb-stat-val { font-size: 26px; font-weight: 800; letter-spacing: -.5px; color: var(--ogb-text); line-height: 1; margin-bottom: 4px; }
.ogb-stat-lbl { font-size: 12px; color: var(--ogb-muted); font-weight: 500; }
.ogb-stat-sub { font-size: 11px; color: var(--ogb-muted); margin-top: 6px; }
.ogb-stat-sub.pos  { color: var(--ogb-green); }
.ogb-stat-sub.warn { color: var(--ogb-amber); }

/* ════ CARDS ════ */
.ogb-card { background: var(--ogb-surface); border: 1px solid var(--ogb-border); border-radius: 14px; box-shadow: var(--ogb-shadow); margin-bottom: 20px; overflow: hidden; padding:10px!important; }
.ogb-card-head { padding: 16px 20px; border-bottom: 1px solid var(--ogb-border); display: flex; align-items: center; justify-content: space-between; }
.ogb-card-title { font-size: 14px; font-weight: 700; color: var(--ogb-text); }
.ogb-card-body  { padding: 20px; }


/* Flat report tables */
.ogb-table-shell { background: transparent; border: none; border-radius: 0; box-shadow: none; margin-bottom: 20px; overflow: visible; }
.ogb-table-head { padding: 0 0 14px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ogb-table-grid { background: #fff; border-radius: 0; box-shadow: none; border: none; overflow: hidden; }
.ogb-table-grid > *:last-child { border-bottom: none !important; }
.ogb-table-grid .ogb-table-header-row { background: transparent !important; border-top: 1px solid var(--ogb-border); border-bottom: 1px solid var(--ogb-border); }
.ogb-table-grid .ogb-table-row:hover { background: #fafbfd; }
#mst-body, #tst-body, #team-subtask-member-body, #atr-body { background: transparent; border: none; box-shadow: none; }

/* ════ PROGRESS ════ */
.ogb-prog-wrap { display: flex; align-items: center; gap: 10px; }
.ogb-prog-bg   { height: 6px; background: var(--ogb-border); border-radius: 99px; overflow: hidden; flex: 1; }
.ogb-prog-fill { height: 100%; background: var(--ogb-teal); border-radius: 99px; width: 0%; transition: width .9s cubic-bezier(.4,0,.2,1); }
.ogb-prog-fill.good    { background: var(--ogb-green); }
.ogb-prog-fill.at-risk { background: var(--ogb-amber); }
.ogb-prog-fill.blocked { background: var(--ogb-red); }
.ogb-prog-pct { font-size: 13px; font-weight: 700; color: var(--ogb-text); min-width: 36px; text-align: right; }

/* ════ BADGES ════ */
.ogb-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.ogb-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }
.ogb-badge-green { background: #f0fdf4; color: #16a34a; } .ogb-badge-green::before { background: #16a34a; }
.ogb-badge-amber { background: #fffbeb; color: #d97706; } .ogb-badge-amber::before { background: #d97706; }
.ogb-badge-red   { background: #fef2f2; color: #dc2626; } .ogb-badge-red::before   { background: #dc2626; }
.ogb-badge-blue  { background: var(--ogb-blue-lt); color: var(--ogb-blue); } .ogb-badge-blue::before { background: var(--ogb-blue); }
.ogb-badge-gray  { background: #f1f5f9; color: #64748b; } .ogb-badge-gray::before  { background: #94a3b8; }
.ogb-type-pill { display: inline-block; padding: 2px 7px; background: var(--ogb-bg); border: 1px solid var(--ogb-border); border-radius: 20px; font-size: 10px; font-weight: 600; color: var(--ogb-mid); text-transform: capitalize; margin-top: 3px; }

/* ════ GOAL ROWS ════ */
.ogb-goal-row { display: grid; grid-template-columns: minmax(200px,1.9fr) minmax(108px,128px) minmax(92px,106px) minmax(88px,98px) minmax(62px,78px) minmax(112px,120px); gap: 10px; align-items: center; padding: 13px 18px; border-bottom: 1px solid var(--ogb-border); font-size: 13px; }
.ogb-goal-row:last-child  { border-bottom: none; }
.ogb-goal-row:hover:not(.hdr) { background: #fafbfc; }
.ogb-goal-row.hdr { background: var(--ogb-bg); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ogb-muted); }
/* Dashboard variant — 5 cols (no Priority) */
.ogb-dash-goal-row { grid-template-columns: minmax(200px,2fr) minmax(108px,128px) minmax(92px,106px) minmax(62px,78px) minmax(74px,86px); }
.ogb-goal-name    { font-weight: 600; color: var(--ogb-text); margin-bottom: 2px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; line-height: 1.35; }
.ogb-goal-aligned { font-size: 11px; color: var(--ogb-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.ogb-goal-row > div { min-width: 0; }
.ogb-goal-row.hdr > div:last-child { text-align: right; }
/* Inline type pill — sits beside the goal title text */
.ogb-type-pill-inline { display: inline-flex; align-items: center; padding: 1px 6px; background: var(--ogb-bg); border: 1px solid var(--ogb-border); border-radius: 20px; font-size: 10px; font-weight: 600; color: var(--ogb-mid); text-transform: capitalize; vertical-align: middle; margin-top: 0; flex-shrink: 0; }
.ogb-tname { font-weight: 600; display: flex; align-items: center; gap: 9px; }
.ogb-tsub  { font-size: 11px; color: var(--ogb-muted); font-weight: 400; }
.ogb-tactions { display: flex; gap: 4px; align-items: center; justify-content: flex-end; flex-wrap: nowrap; width: 100%; min-width: 110px; justify-self: end; }
.ogb-tactions .ogb-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; border-radius: 7px;
  background: var(--ogb-bg); border: 1.5px solid var(--ogb-border);
  color: var(--ogb-muted); transition: all .15s; position: relative;
  flex-shrink: 0;
}
.ogb-tactions .ogb-btn svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; display: block; }
.ogb-tactions .ogb-btn.btn-view:hover  { background: #e6f7f6; border-color: var(--ogb-teal); color: var(--ogb-teal); }
.ogb-tactions .ogb-btn.btn-checkin:hover { background: #e8edff; border-color: var(--ogb-blue); color: var(--ogb-blue); }
.ogb-tactions .ogb-btn.btn-edit:hover  { background: #fef3c7; border-color: #d97706; color: #d97706; }
.ogb-tactions .ogb-btn.ogb-btn-danger:hover { background: #fee2e2; border-color: #dc2626; color: #dc2626; }
/* Tooltip */
.ogb-tactions .ogb-btn::after {
  content: attr(title); position: absolute; bottom: calc(100% + 6px); left: 50%;
  transform: translateX(-50%); background: #0a0f1a; color: #fff;
  font-size: 10px; font-weight: 600; white-space: nowrap; padding: 3px 7px;
  border-radius: 5px; pointer-events: none; opacity: 0; transition: opacity .12s;
  font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: .02em;
}
.ogb-tactions .ogb-btn:hover::after { opacity: 1; }

#my-goals-list, #dept-goals-list, #company-goals-list { overflow-x: auto; }
#my-goals-list .ogb-goal-row, #dept-goals-list .ogb-goal-row, #company-goals-list .ogb-goal-row { min-width: 0; }

@media (max-width: 1366px) {
  .ogb-goal-row { grid-template-columns: minmax(170px,1.7fr) minmax(96px,118px) minmax(84px,98px) minmax(84px,92px) minmax(58px,72px) minmax(108px,116px); gap: 8px; padding: 12px 14px; }
  .ogb-dash-goal-row { grid-template-columns: minmax(170px,1.8fr) minmax(96px,118px) minmax(84px,98px) minmax(58px,72px) minmax(70px,80px); }
  .ogb-goal-aligned { white-space: normal; }
}

/* ════ MEMBER ROWS ════ */
.ogb-mbr-row { display: grid; grid-template-columns: 2fr 90px 160px 70px 90px 120px; gap: 12px; align-items: center; padding: 13px 20px; border-bottom: 1px solid var(--ogb-border); font-size: 13px; }
.ogb-mbr-row:last-child  { border-bottom: none; }
.ogb-mbr-row:hover:not(.hdr) { background: #fafbfc; }
.ogb-mbr-row.ogb-mbr-row-clickable:hover { background: var(--ogb-teal-lt); }
.ogb-mbr-row.hdr { background: var(--ogb-bg); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ogb-muted); }

/* ════ ALIGNMENT TREE — Redesigned ════ */
.ogb-tree-card .ogb-card-head { flex-wrap: wrap; gap: 10px; align-items: flex-start; }

.ogb-tree-new { padding: 20px 20px 8px; }

.ogb-tree-item {
  display: flex; gap: 0; position: relative; padding-bottom: 4px;
}

/* Left connector column */
.ogb-tree-connector {
  display: flex; flex-direction: column; align-items: center;
  width: 32px; flex-shrink: 0; position: relative;
}
.ogb-tree-dot {
  width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0;
  z-index: 1; position: relative;
}
.ogb-tree-vline {
  width: 2px; background: var(--ogb-border); flex: 1; min-height: 10px;
}
.ogb-tree-vline-below { min-height: 16px; }

/* Node body */
.ogb-tree-body {
  flex: 1; margin-left: 12px; margin-bottom: 12px;
  background: var(--ogb-bg); border: 1.5px solid var(--ogb-border);
  border-radius: 12px; padding: 12px 16px;
  display: flex; align-items: center; gap: 16px;
  transition: box-shadow .2s, transform .15s;
  min-width: 0;
}
.ogb-tree-body:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); transform: translateY(-1px); }
.ogb-tree-body-mine {
  border-width: 2px;
  box-shadow: 0 2px 12px rgba(0,204,178,.15);
}
.ogb-tree-body-mine:hover { box-shadow: 0 4px 20px rgba(0,204,178,.25); }

.ogb-tree-body-left { flex: 1; min-width: 0; }
.ogb-tree-body-right { flex-shrink: 0; text-align: right; min-width: 90px; }

.ogb-tree-level-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 10px 2px 6px; border-radius: 20px;
  font-size: 10px; font-weight: 700; letter-spacing: .04em;
  margin-bottom: 5px; text-transform: uppercase;
}
.ogb-tree-goal-title {
  font-size: 13px; font-weight: 700; color: var(--ogb-text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin-bottom: 4px;
}
.ogb-tree-owner {
  display: flex; align-items: center; gap: 5px;
  font-size: 11px; color: var(--ogb-muted);
}

.ogb-tree-pct {
  font-size: 18px; font-weight: 800; line-height: 1; margin-bottom: 5px;
  letter-spacing: -.5px;
}
.ogb-tree-bar-wrap {
  width: 80px; height: 5px; background: var(--ogb-border);
  border-radius: 99px; overflow: hidden; margin-left: auto;
}
.ogb-tree-bar-fill {
  height: 100%; border-radius: 99px;
  transition: width .9s cubic-bezier(.4,0,.2,1);
}

/* Mine highlight — pulse ring on dot */
.ogb-tree-mine .ogb-tree-dot {
  animation: treePulse 2s ease-in-out infinite;
}
@keyframes treePulse {
  0%,100% { box-shadow: 0 0 0 3px rgba(0,204,178,.2); }
  50%      { box-shadow: 0 0 0 6px rgba(0,204,178,.08); }
}

/* ════ CONTRIBUTION RING ════ */
.ogb-contribution-ring { position: relative; flex-shrink: 0; }
.ogb-ring-val { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 13px; font-weight: 800; color: var(--ogb-teal); }

/* ════ COMPANY GOALS ════ */
.ogb-co-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 16px; margin-bottom: 24px; }
.ogb-co-card { background: var(--ogb-surface); border: 1px solid var(--ogb-border); border-radius: 14px; padding: 20px; box-shadow: var(--ogb-shadow); }
.ogb-co-title { font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.ogb-co-depts { font-size: 11px; color: var(--ogb-muted); margin-bottom: 14px; }

/* ════ ALIGNMENT STATS ════ */
.ogb-align-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.ogb-align-stat { text-align: center; padding: 20px; background: var(--ogb-bg); border-radius: var(--ogb-radius); }
.ogb-align-val  { font-size: 30px; font-weight: 800; color: var(--ogb-teal); letter-spacing: -1px; margin-bottom: 6px; }
.ogb-align-lbl  { font-size: 12px; color: var(--ogb-muted); }

/* ════ GOAL DETAIL ════ */
.ogb-detail-header { background: var(--ogb-teal-lt); border: 1px solid rgba(0,204,178,.2); border-radius: 14px; padding: 22px; margin-bottom: 20px; }

/* ════ KEY RESULTS ════ */
.ogb-kr-item { padding: 16px 20px; border-bottom: 1px solid var(--ogb-border); }
.ogb-kr-item:last-child { border-bottom: none; }
.ogb-kr-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.ogb-kr-title  { font-size: 13px; font-weight: 700; color: var(--ogb-text); flex: 1; }
.ogb-kr-values { display: flex; gap: 16px; font-size: 12px; color: var(--ogb-muted); margin-bottom: 8px; flex-wrap: wrap; }
.ogb-kr-update { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.ogb-kr-input  { padding: 6px 10px; border: 1.5px solid var(--ogb-border); border-radius: 8px; font-size: 13px; font-family: inherit; transition: border-color .15s; }
.ogb-kr-input:focus { outline: none; border-color: var(--ogb-teal); }

/* ════ SUBTASKS ════ */
.ogb-subtask-row { display: flex; align-items: center; gap: 10px; padding: 11px 20px; border-bottom: 1px solid var(--ogb-border); font-size: 13px; }
.ogb-subtask-row:last-child { border-bottom: none; }
.ogb-subtask-row:hover { background: #fafbfc; }
.ogb-subtask-check { width: 18px; height: 18px; border: 2px solid #d0d8e4; border-radius: 4px; flex-shrink: 0; cursor: pointer; transition: all .15s; position: relative; }
.ogb-subtask-check:hover { border-color: var(--ogb-teal); }
.ogb-subtask-check.done { background: var(--ogb-teal); border-color: var(--ogb-teal); }
.ogb-subtask-check.done::after { content:'✓'; color:#0a0f1a; font-size:10px; font-weight:700; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.ogb-subtask-title      { flex: 1; font-weight: 500; }
.ogb-subtask-title.done { text-decoration: line-through; color: var(--ogb-muted); font-weight: 400; }

/* ════ CHECK-IN ROWS ════ */
.ogb-checkin-row { display: flex; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--ogb-border); }
.ogb-checkin-row:last-child { border-bottom: none; }
.ogb-checkin-row:hover { background: #fafbfc; }
.ogb-checkin-dot  { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; margin-top: 4px; border: 2px solid currentColor; }
.ogb-checkin-date { font-size: 12px; font-weight: 700; color: var(--ogb-mid); }
.ogb-checkin-text { font-size: 13px; color: var(--ogb-text); line-height: 1.6; margin-bottom: 6px; }
.ogb-checkin-meta { font-size: 12px; line-height: 1.5; margin-top: 4px; }

/* ════ MEETINGS ════ */
.ogb-mtg-head { background: var(--ogb-teal-lt); border-radius: 14px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; margin-bottom: 20px; border: 1px solid rgba(0,204,178,.2); }
.ogb-mtg-ic    { width: 42px; height: 42px; background: var(--ogb-teal); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #0a0f1a; flex-shrink: 0; }
.ogb-mtg-title { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.ogb-mtg-meta  { font-size: 12px; color: var(--ogb-mid); display: flex; gap: 16px; flex-wrap: wrap; }

.ogb-agenda-item { display: flex; align-items: flex-start; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--ogb-border); }
.ogb-agenda-item:last-child { border-bottom: none; }
.ogb-agenda-item:hover { background: #fafbfc; }
.ogb-ai-ic   { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; }
.ogb-ai-title{ font-size: 13px; font-weight: 600; margin-bottom: 2px; }
.ogb-ai-desc { font-size: 11px; color: var(--ogb-muted); margin-bottom: 2px; }
.ogb-ai-by   { font-size: 11px; color: var(--ogb-muted); }

.ogb-action-row { display: flex; align-items: center; gap: 10px; padding: 11px 20px; border-bottom: 1px solid var(--ogb-border); font-size: 13px; }
.ogb-action-row:last-child { border-bottom: none; }
.ogb-check { width: 18px; height: 18px; border: 2px solid #d0d8e4; border-radius: 50%; flex-shrink: 0; cursor: pointer; transition: border-color .15s; position: relative; }
.ogb-check:hover { border-color: var(--ogb-teal); }
.ogb-check.done { background: var(--ogb-teal); border-color: var(--ogb-teal); }
.ogb-check.done::after { content:'✓'; color:#0a0f1a; font-size:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.ogb-action-text { flex: 1; }
.ogb-action-who  { font-size: 11px; color: var(--ogb-muted); min-width: 60px; }
.ogb-action-due  { font-size: 11px; color: var(--ogb-muted); min-width: 50px; }

.ogb-hist-item { display: flex; gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--ogb-border); font-size: 13px; }
.ogb-hist-item:last-child { border-bottom: none; }
.ogb-hist-dot  { width: 10px; height: 10px; border-radius: 50%; background: var(--ogb-teal); flex-shrink: 0; margin-top: 4px; }
.ogb-hist-date { font-size: 11px; font-weight: 700; color: var(--ogb-mid); margin-bottom: 2px; }
.ogb-hist-note { color: var(--ogb-muted); }

/* ════ 1:1 SESSION ROWS ════ */
.ogb-1on1-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--ogb-border);
  cursor: pointer; transition: background .12s;
}
.ogb-1on1-row:last-child { border-bottom: none; }
.ogb-1on1-row:hover { background: #fafbfc; }
.ogb-1on1-row.active { background: var(--ogb-teal-lt); border-left: 3px solid var(--ogb-teal); }
.ogb-meeting-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid var(--ogb-border); transition: background .1s; }
.ogb-meeting-row:last-child { border-bottom: none; }
.ogb-meeting-row:hover { background: #fafbfc; }

/* ════ LAYOUT ════ */
.ogb-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ogb-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.ogb-empty  { text-align: center; padding: 48px 20px; color: var(--ogb-muted); }
.ogb-empty-ic    { font-size: 36px; margin-bottom: 12px; }
.ogb-empty-title { font-size: 15px; font-weight: 600; color: var(--ogb-mid); margin-bottom: 6px; }
.ogb-empty-desc  { font-size: 13px; }
.ogb-loading { padding: 32px 20px; text-align: center; font-size: 13px; color: var(--ogb-muted); }

/* ════ FORMS ════ */
.ogb-input, .ogb-select, .ogb-textarea { width: 100%; min-height: 42px; padding: 11px 14px; border: 1.5px solid var(--ogb-border); border-radius: 8px; font-size: 14px; line-height: 1.35; font-family: inherit; color: var(--ogb-text); background: #fff; transition: border-color .15s; box-sizing: border-box; }
.ogb-select { appearance: auto; padding-right: 44px !important; background-position: right 14px center !important; }
.ogb-input[type="date"], .ogb-input[type="month"], .ogb-input[type="datetime-local"] { min-height: 44px; line-height: 1.35; }
.ogb-meeting-link-reminder { background: #f0fdfa; border: 1px solid rgba(0,204,178,.22); border-radius: 10px; padding: 9px 12px; margin: 2px 0 10px; font-size: 12px; line-height: 1.45; color: #0f766e; }
.ogb-input:focus, .ogb-select:focus, .ogb-textarea:focus { outline: none; border-color: var(--ogb-teal); box-shadow: 0 0 0 3px rgba(0,204,178,.1); }
.ogb-textarea { resize: vertical; min-height: 80px; line-height: 1.5; }
.ogb-label { display: block; font-size: 12px; font-weight: 600; color: var(--ogb-mid); margin-bottom: 5px; }
.ogb-field { margin-bottom: 14px; }
.ogb-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ogb-form-actions { display: flex; gap: 8px; justify-content: flex-end; padding-top: 8px; border-top: 1px solid var(--ogb-border); margin-top: 16px; }
.ogb-coach-textarea { width: 100%; min-height: 100px; padding: 10px 12px; border: 1.5px solid var(--ogb-border); border-radius: 8px; font-size: 13px; font-family: inherit; resize: vertical; line-height: 1.6; }
.ogb-coach-textarea:focus { outline: none; border-color: var(--ogb-teal); }

/* ════ ANIMATIONS ════ */
@keyframes ogbFadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

/* ════ MEETING TYPE TILES ════ */
.ogb-type-tile { cursor: pointer; display: block; }
.ogb-type-tile-inner {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; padding: 14px 10px; border-radius: 10px; text-align: center;
  border: 2px solid var(--ogb-border); background: var(--ogb-bg);
  transition: all .15s; user-select: none;
}
.ogb-type-tile-inner:hover { border-color: var(--ogb-teal); background: var(--ogb-teal-lt); }
.ogb-type-tile input:checked ~ .ogb-type-tile-inner {
  border-color: var(--ogb-teal); background: var(--ogb-teal-lt); color: var(--ogb-teal);
}

/* ════ MEETING LINKS ════ */
.ogb-join-btn { background: var(--ogb-teal); color: #0a0f1a !important; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; transition: background .15s; }
.ogb-join-btn:hover { background: var(--ogb-teal-dk); color: #fff !important; }
.ogb-link-input { padding-left: 36px !important; }
.ogb-link-platform-ic { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 15px; pointer-events: none; line-height: 1; z-index: 1; }
.ogb-platform-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border: 1.5px solid var(--ogb-border); border-radius: 20px; font-size: 11px; font-weight: 600; color: var(--ogb-mid); cursor: pointer; transition: all .15s; user-select: none; }
.ogb-platform-chip:hover { border-color: var(--ogb-teal); color: var(--ogb-teal); background: var(--ogb-teal-lt); }

/* ════ COLLAB TEAMS ════ */
.ogb-collab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-bottom: 20px; }
.ogb-collab-card { background: var(--ogb-surface); border: 1px solid var(--ogb-border); border-radius: 14px; padding: 18px 18px 14px; box-shadow: var(--ogb-shadow); display: flex; flex-direction: column; gap: 8px; transition: box-shadow .2s, transform .2s; }
.ogb-collab-card:hover { box-shadow: 0 4px 18px rgba(0,0,0,.09); transform: translateY(-1px); }
.ogb-collab-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ogb-collab-card-title { font-size: 14px; font-weight: 700; color: var(--ogb-text); flex: 1; }
.ogb-collab-card-desc { font-size: 12px; color: var(--ogb-mid); line-height: 1.5; }
.ogb-collab-card-depts { font-size: 11px; color: var(--ogb-teal); font-weight: 600; }
.ogb-collab-members { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.ogb-collab-mcount { font-size: 11px; color: var(--ogb-muted); margin-left: 4px; }
.ogb-collab-card-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ogb-muted); }
.ogb-collab-card-actions { display: flex; gap: 6px; margin-top: 4px; }
.ogb-collab-member-row { display: flex; align-items: center; gap: 10px; padding: 11px 20px; border-bottom: 1px solid var(--ogb-border); font-size: 13px; }
.ogb-collab-member-row:last-child { border-bottom: none; }
.ogb-collab-member-row:hover { background: #fafbfc; }

/* ════ PORTAL WIDGET ════ */
.ogb-portal-widget * { box-sizing: border-box; }

/* ════ MOBILE ════ */
@media (max-width: 768px) {
  .ogb-sidebar { transform: translateX(-100%); }
  .ogb-sidebar.open { transform: translateX(0); box-shadow: 4px 0 20px rgba(0,0,0,.3); }
  .ogb-main { margin-left: 0; }
  .ogb-sidebar-toggle { display: flex !important; }
  .ogb-content { padding: 16px; }
  .ogb-topbar { padding: 0 16px; }
  .ogb-topbar-actions .ogb-btn:first-child { display: none; }
  .ogb-stats { grid-template-columns: repeat(2,1fr); }
  .ogb-goal-row { grid-template-columns: 1fr; } .ogb-goal-row.hdr { display: none; }
  .ogb-mbr-row  { grid-template-columns: 1fr; } .ogb-mbr-row.hdr  { display: none; }
  .ogb-grid-2, .ogb-grid-3 { grid-template-columns: 1fr; }
  .ogb-co-grid    { grid-template-columns: 1fr; }
  .ogb-align-grid { grid-template-columns: 1fr; }
  .ogb-mtg-head   { flex-wrap: wrap; }
  .ogb-tree-title { white-space: normal; }
  .ogb-meeting-row { flex-direction: column; align-items: flex-start; gap: 8px; }
  .ogb-profile-popup { left: 4px; right: 4px; }
  .ogb-form-2 { grid-template-columns: 1fr; }
}

/* ════ MEMBER CARDS ════ */
.ogb-member-card {
  background: #fff; border: 1.5px solid var(--ogb-border); border-radius: 14px;
  padding: 18px; cursor: default; transition: border-color .15s, box-shadow .15s;
}
.ogb-member-card:hover { border-color: var(--ogb-teal); box-shadow: 0 4px 20px rgba(0,204,178,.10); }

/* ════ NUDGE BELL ════ */
#ogb-nudge-bell:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
#ogb-nudge-bell-wrap { border-top: 1px solid rgba(255,255,255,.07); margin-bottom: 2px; }

/* ════ NUDGE INBOX ════ */
.ogb-nudge-item:hover { background: var(--ogb-bg) !important; }

/* ════ GOALS TOOLBAR ════ */
.ogb-goals-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 12px 0 14px; flex-wrap: wrap;
}
.ogb-goals-toolbar-inner {
  padding: 10px 20px 10px; border-bottom: 1px solid var(--ogb-border);
  margin-bottom: 0;
}
.ogb-goals-toolbar-left { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.ogb-goals-toolbar-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; flex-wrap: wrap; }
.ogb-search-wrap {
  position: relative; display: flex; align-items: center; flex: 1; max-width: 280px;
}
.ogb-search-ic {
  position: absolute; left: 10px; font-size: 13px; pointer-events: none; z-index: 1;
}
.ogb-search-input {
  padding-left: 32px !important; width: 100%; font-size: 13px;
  height: 34px; padding-top: 0 !important; padding-bottom: 0 !important;
}
.ogb-toolbar-select {
  height: 34px; font-size: 12px; padding: 0 10px; min-width: 130px;
}
.ogb-archived-toggle { font-size: 12px; white-space: nowrap; }
.ogb-archived-toggle.active { background: var(--ogb-teal-lt) !important; color: var(--ogb-teal) !important; border-color: var(--ogb-teal) !important; }
.ogb-no-results { border-top: 1px solid var(--ogb-border); }
@media (max-width: 768px) {
  .ogb-goals-toolbar { flex-direction: column; align-items: stretch; }
  .ogb-search-wrap { max-width: 100%; }
  .ogb-goals-toolbar-right { justify-content: flex-end; }
}

/* ════ REFERENCE URL FIELD ════ */
.ogb-ref-url-field { border-top: 1px dashed var(--ogb-border); padding-top: 14px; margin-top: 4px; }
.ogb-ref-url-input:focus { border-color: var(--ogb-teal); }
.ogb-url-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; background: var(--ogb-bg);
  border: 1.5px solid var(--ogb-border); border-radius: 6px;
  font-size: 12px; font-weight: 600; text-decoration: none;
  max-width: 100%; overflow: hidden; transition: border-color .12s;
}
.ogb-url-chip:hover { border-color: var(--ogb-teal); }
.ogb-url-chip-label {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px;
}

/* ════ MEMBER ROLE PILLS ════ */
.ogb-role-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; border-radius: 99px; font-size: 12px;
  font-weight: 600; cursor: pointer; transition: all .15s;
  background: none; white-space: nowrap;
}
.ogb-role-pill:hover { opacity: .8; transform: translateY(-1px); }
.ogb-role-pill-active { box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; }

/* ── Refresh button loading state */
.ogb-refresh-btn.ogb-refreshing { opacity: .5; pointer-events: none; }


/* Check-in report cleanup */
.ogb-ci-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,220px) auto;gap:10px;align-items:center;width:100%;max-width:none;}
.ogb-ci-filters-team{grid-template-columns:minmax(240px,1.2fr) minmax(170px,220px) minmax(190px,240px) auto;max-width:none;}
.ogb-ci-table-wrap{overflow-x:auto;border-top:1px solid var(--ogb-border);}
.ogb-ci-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:auto;}
.ogb-ci-table thead th{padding:13px 16px;text-align:left;color:var(--ogb-muted);font-weight:700;font-size:11px;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--ogb-border);background:var(--ogb-bg);}
.ogb-ci-table tbody td{padding:15px 16px;border-bottom:1px solid var(--ogb-border);vertical-align:middle;}
.ogb-ci-table tbody tr{cursor:pointer;transition:background .15s ease;}
.ogb-ci-table tbody tr:hover{background:#fafcfe;}
.ogb-ci-table tbody tr:last-child td{border-bottom:none;}
.ogb-ci-main{font-weight:600;color:var(--ogb-text);line-height:1.4;}
.ogb-ci-sub{font-size:12px;color:var(--ogb-muted);line-height:1.45;}
.ogb-ci-type{font-size:11px;background:var(--ogb-bg);padding:4px 10px;border-radius:999px;color:var(--ogb-muted);display:inline-block;white-space:nowrap;border:1px solid var(--ogb-border);text-transform:capitalize;}
.ogb-ci-next{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.5;color:var(--ogb-text);}
.ogb-ci-status{border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block;white-space:nowrap;}
.ogb-ci-status-on_track{background:#dcfce7;color:#16a34a;}
.ogb-ci-status-at_risk{background:#fef3c7;color:#d97706;}
.ogb-ci-status-blocked{background:#fee2e2;color:#dc2626;}
.ogb-ci-confidence{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--ogb-text);}
.ogb-ci-confidence::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ogb-teal);display:inline-block;}
.ogb-ci-confidence-low::before{background:#f59e0b;}
.ogb-ci-confidence-medium::before{background:#22c55e;}
.ogb-ci-confidence-high::before,.ogb-ci-confidence-very_high::before{background:#22c55e;}
.ogb-ci-confidence-very_low::before{background:#ef4444;}
.ogb-ci-shell-card{border-radius:18px;overflow:hidden;}
.ogb-ci-toolbar{padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ogb-border);}
.ogb-ci-toolbar h3{margin:0;font-size:14px;font-weight:700;color:var(--ogb-text);}
.ogb-ci-toolbar-meta{font-size:12px;color:var(--ogb-muted);margin-left:8px;font-weight:500;}
.ogb-ci-toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.ogb-ci-toolbar-right{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex:1;justify-content:flex-end;min-width:min(100%,620px);}
.ogb-ci-search{min-width:220px;flex:1;max-width:320px;}
.ogb-ci-select{min-width:180px;}
.ogb-ci-dept{min-width:200px;}
.ogb-ci-empty{padding:34px 20px;}
.ogb-ci-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.ogb-ci-detail-box{background:var(--ogb-bg);border-radius:12px;padding:14px;}
.ogb-ci-detail-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ogb-muted);margin-bottom:6px;}
.ogb-ci-detail-value{font-size:16px;font-weight:700;color:var(--ogb-text);line-height:1.4;}
.ogb-ci-detail-sub{font-size:12px;color:var(--ogb-muted);margin-top:4px;}
.ogb-ci-detail-text{font-size:13px;color:var(--ogb-text);line-height:1.6;white-space:pre-wrap;}
@media (max-width: 900px){
  .ogb-ci-filters,.ogb-ci-filters-team{grid-template-columns:1fr;max-width:none;}
  .ogb-ci-detail-grid{grid-template-columns:1fr;}
  .ogb-ci-toolbar-right{min-width:100%;justify-content:flex-start;}
  .ogb-ci-search,.ogb-ci-select,.ogb-ci-dept{min-width:0;max-width:none;width:100%;}
}

/* Check-in form page */
.ogb-checkin-page-card{max-width:880px;margin:0 auto 18px;border-radius:16px;}
.ogb-checkin-page-card .ogb-card-body{padding:22px;}
@media (max-width: 768px){.ogb-checkin-page-card{max-width:100%;}.ogb-checkin-page-card .ogb-card-body{padding:16px;}}


/* Check-in confidence slider layout fix */
#ogb-checkin-form #ogb-conf{
  width:100%;
  display:block;
  margin:8px 0 10px;
}
#ogb-checkin-form .ogb-conf-row{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:0;
  width:100%;
  margin-top:4px;
  font-size:12px;
  line-height:1.25;
  color:var(--ogb-muted);
}
#ogb-checkin-form .ogb-conf-row span{
  display:block;
  text-align:center;
  white-space:nowrap;
}
#ogb-checkin-form .ogb-conf-row span:first-child{ text-align:left; }
#ogb-checkin-form .ogb-conf-row span:last-child{ text-align:right; }

@media (max-width: 640px){
  #ogb-checkin-form .ogb-conf-row{
    font-size:11px;
  }
}

/* 1:1 coaching tables + detail page */
.ogb-flat-card{box-shadow:none;border:1px solid var(--ogb-border);}
.ogb-data-table-wrap{overflow:auto;}
.ogb-data-table{width:100%;border-collapse:collapse;}
.ogb-data-table th,.ogb-data-table td{padding:14px 16px;border-top:1px solid var(--ogb-border);vertical-align:middle;font-size:13px;}
.ogb-data-table th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ogb-muted);background:#fafbfd;text-align:left;}
.ogb-clickable-row{cursor:pointer;transition:background .18s ease;}
.ogb-clickable-row:hover{background:#f8fcfb;}
.ogb-open-link{font-size:12px;color:var(--ogb-muted);}
.ogb-soft-panel{border:1px solid var(--ogb-border);border-radius:12px;padding:14px 16px;background:#fbfcfe;}
.ogb-mini-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ogb-muted);margin-bottom:8px;font-weight:700;}
.ogb-1on1-table .ogb-avatar{background:#00ccb2;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;flex-shrink:0;}


.ogb-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width: 900px){.ogb-grid-3{grid-template-columns:1fr}}
#ogb-public-share-users option[hidden]{display:none}


/* Member detail page */
.ogb-member-detail-page{display:grid;gap:16px;padding10px !important;}
.ogb-member-detail-toolbar{display:flex;justify-content:flex-end;gap:8px;}
.ogb-member-hero{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--ogb-border);}
.ogb-member-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;}
.ogb-member-hero-main{flex:1;min-width:0;}
.ogb-member-hero-name{font-size:22px;font-weight:800;color:var(--ogb-text);}
.ogb-member-hero-meta{font-size:13px;color:var(--ogb-muted);margin-top:4px;}
.ogb-member-chip{color:var(--ogb-teal);font-weight:700;}
.ogb-member-hero-actions{display:flex;gap:8px;flex-wrap:wrap;}
.ogb-member-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.ogb-section-cap{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ogb-muted);margin-bottom:10px;}
.ogb-member-goal-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ogb-bg);border-radius:8px;margin-bottom:6px;}
.ogb-member-goal-main{flex:1;min-width:0;}
.ogb-member-goal-title{font-weight:600;font-size:13px;color:var(--ogb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ogb-member-goal-bar{margin-top:5px;height:5px;background:#e2e8f0;border-radius:99px;overflow:hidden;}
.ogb-member-goal-fill{height:100%;border-radius:99px;}
.ogb-member-goal-pct{font-size:12px;font-weight:700;white-space:nowrap;}
.ogb-member-goal-date{font-size:11px;color:var(--ogb-muted);white-space:nowrap;}
.ogb-member-detail-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ogb-member-note-row{display:flex;gap:10px;padding:10px 14px;background:var(--ogb-bg);border-radius:8px;margin-bottom:6px;align-items:flex-start;}
.ogb-member-note-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;}
.ogb-member-note-main{flex:1;min-width:0;}
.ogb-member-note-meta{font-size:11px;color:var(--ogb-muted);margin-bottom:2px;}
.ogb-member-note-text{font-size:13px;color:var(--ogb-text);}
.ogb-member-note-alert{font-size:11px;color:#ef4444;margin-top:3px;}
.ogb-empty-lite{text-align:center;padding:20px;background:var(--ogb-bg);border-radius:8px;color:var(--ogb-muted);font-size:13px;}
@media (max-width: 900px){.ogb-member-detail-two,.ogb-member-stat-grid{grid-template-columns:1fr;}.ogb-member-hero{align-items:flex-start;flex-wrap:wrap;}.ogb-member-hero-actions{width:100%;}}


/* Member detail polish */
.ogb-member-shell{display:grid;gap:16px;}
.ogb-member-hero-card{background:#fff;border:1px solid var(--ogb-border);border-radius:18px;padding:18px;box-shadow:0 8px 30px rgba(15,23,42,.05);}
.ogb-member-hero-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ogb-member-hero-sub{font-size:12px;color:var(--ogb-muted);margin-top:6px;}
.ogb-member-grid-main{display:grid;gap:16px;}
.ogb-member-detail-page .ogb-card{border-radius:18px;box-shadow:0 8px 30px rgba(15,23,42,.05);border:1px solid var(--ogb-border);}
.ogb-member-detail-toolbar{position:sticky;top:12px;z-index:3;}
.ogb-member-detail-loading{min-height:160px;display:flex;flex-direction:column;justify-content:center;}
#ogb-member-detail{min-height:180px;}
/* ════ SIDEBAR SUBMENUS ════ */
.ogb-nav-group { position: relative; }
.ogb-nav-parent { justify-content: flex-start; }
.ogb-nav-arrow { margin-left: auto; font-size: 13px; color: rgba(255,255,255,.3); transition: transform .2s; flex-shrink: 0; }
.ogb-nav-group.open .ogb-nav-arrow { transform: rotate(90deg); color: var(--ogb-teal); }
.ogb-nav-group.open .ogb-nav-parent { color: rgba(255,255,255,.9); }
.ogb-nav-children { display: none; background: rgba(0,0,0,.18); }
.ogb-nav-group.open .ogb-nav-children { display: block; }
.ogb-nav-child { padding-left: 32px !important; font-size: 12px !important; color: rgba(255,255,255,.45) !important; }
.ogb-nav-child:hover { color: rgba(255,255,255,.85) !important; }
.ogb-nav-child.active { color: var(--ogb-teal) !important; background: rgba(0,204,178,.1); }
.ogb-nav-parent.active { color: var(--ogb-teal); }

/* ════ PUBLIC SHARE CHIP PICKER ════ */
.ogb-share-picker { border: 1px solid var(--ogb-border); border-radius: 12px; padding: 14px 16px; background: #fafbfd; }
.ogb-share-search-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; align-items: center; }
.ogb-share-search-input { flex: 1; min-width: 160px; height: 34px; font-size: 12px; }
.ogb-share-filter-sel { height: 34px; font-size: 12px; min-width: 110px; flex: 1; }
.ogb-share-people-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px; max-height: 240px; overflow-y: auto; padding: 2px; }
.ogb-share-person-chip { display: flex; align-items: center; gap: 8px; padding: 7px 10px; background: #fff; border: 1.5px solid var(--ogb-border); border-radius: 8px; cursor: pointer; transition: all .15s; position: relative; user-select: none; }
.ogb-share-person-chip:hover { border-color: var(--ogb-teal); background: var(--ogb-teal-lt); }
.ogb-share-person-chip.selected { border-color: var(--ogb-teal); background: var(--ogb-teal-lt); }
.ogb-share-person-info { flex: 1; min-width: 0; }
.ogb-share-person-name { font-size: 12px; font-weight: 600; color: var(--ogb-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ogb-share-person-meta { font-size: 10px; color: var(--ogb-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ogb-share-person-check { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--ogb-border); display: flex; align-items: center; justify-content: center; font-size: 9px; color: transparent; flex-shrink: 0; transition: all .15s; }
.ogb-share-person-chip.selected .ogb-share-person-check { background: var(--ogb-teal); border-color: var(--ogb-teal); color: #fff; }
/* Teams row */
.ogb-share-teams-row { display: flex; flex-wrap: wrap; gap: 6px; max-height: 100px; overflow-y: auto; padding: 2px; }
.ogb-share-team-chip { display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; background: #fff; border: 1.5px solid var(--ogb-border); border-radius: 20px; cursor: pointer; font-size: 12px; font-weight: 500; color: var(--ogb-text); transition: all .15s; user-select: none; }
.ogb-share-team-chip:hover { border-color: var(--ogb-blue); background: var(--ogb-blue-lt); }
.ogb-share-team-chip.selected { border-color: var(--ogb-blue); background: var(--ogb-blue-lt); color: var(--ogb-blue); font-weight: 600; }
/* Toggles row */
.ogb-share-toggles { display: flex; gap: 16px; flex-wrap: wrap; padding: 10px 0 2px; }
.ogb-share-toggle-label { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--ogb-text); cursor: pointer; user-select: none; }
/* Selected viewers summary */
.ogb-viewer-chips-wrap { display: flex; flex-wrap: wrap; gap: 5px; }
.ogb-viewer-chip { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.ogb-viewer-chip-user { background: var(--ogb-teal-lt); color: var(--ogb-teal); }
.ogb-viewer-chip-team { background: var(--ogb-blue-lt); color: var(--ogb-blue); }
.ogb-viewer-chip-role { background: #fef3c7; color: #b45309; }
/* Share selected summary box */
.ogb-share-selected-summary { min-height: 36px; background: #f8fafc; border: 1px solid var(--ogb-border); border-radius: 8px; padding: 8px 10px; }

/* ════ NUDGE INBOX MODAL ════ */
#ogb-nudge-modal-box {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; border-radius: 18px;
  width: 92%; max-width: 780px; height: 78vh; max-height: 620px;
  display: flex; flex-direction: column;
  box-shadow: 0 32px 80px rgba(0,0,0,.22); overflow: hidden;
}
#ogb-nudge-modal-head {
  padding: 16px 20px; border-bottom: 1px solid var(--ogb-border);
  display: flex; align-items: center; justify-content: space-between;
  flex-shrink: 0; background: #fff;
}
#ogb-nudge-modal-body {
  display: grid; grid-template-columns: 300px 1fr;
  flex: 1; overflow: hidden; min-height: 0;
}
#ogb-nudge-list-col {
  border-right: 1px solid var(--ogb-border);
  overflow-y: auto; background: #f9fafc;
}
#ogb-nudge-detail-col {
  overflow-y: auto; padding: 24px;
}
/* Nudge list items */
.ogb-nudge-item {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 13px 16px; border-bottom: 1px solid var(--ogb-border);
  cursor: pointer; transition: background .13s; position: relative;
}
.ogb-nudge-item:last-child { border-bottom: none; }
.ogb-nudge-item:hover { background: #f0f4f8; }
.ogb-nudge-item.active { background: var(--ogb-teal-lt); border-left: 3px solid var(--ogb-teal); }
.ogb-nudge-item.unread { background: #f0fdf9; }
.ogb-nudge-item-icon { font-size: 17px; flex-shrink: 0; margin-top: 1px; }
.ogb-nudge-item-body { flex: 1; min-width: 0; }
.ogb-nudge-item-from { font-size: 12px; font-weight: 700; color: var(--ogb-text); margin-bottom: 3px; }
.ogb-nudge-item-msg { font-size: 12px; color: var(--ogb-muted); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ogb-nudge-item-src { display: inline-flex; align-items: center; gap: 4px; margin-top: 5px; padding: 2px 7px; background: #fff; border: 1px solid var(--ogb-border); border-radius: 5px; font-size: 10px; color: var(--ogb-muted); }
.ogb-nudge-item-date { font-size: 10px; color: var(--ogb-muted); margin-top: 4px; }
.ogb-nudge-unread-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ogb-teal); flex-shrink: 0; margin-top: 4px; }
/* Detail pane */
.ogb-nudge-detail-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 300px; text-align: center; color: var(--ogb-muted); }
.ogb-nudge-detail-header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--ogb-border); }
.ogb-nudge-detail-avatar { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; color: #fff; flex-shrink: 0; }
.ogb-nudge-detail-from { font-size: 15px; font-weight: 700; color: var(--ogb-text); }
.ogb-nudge-detail-date { font-size: 11px; color: var(--ogb-muted); margin-top: 2px; }
.ogb-nudge-detail-msg { background: var(--ogb-bg); border-radius: 12px; padding: 16px; font-size: 13px; color: var(--ogb-text); line-height: 1.65; margin-bottom: 16px; }
.ogb-nudge-detail-source { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border: 1.5px solid var(--ogb-border); border-radius: 10px; margin-bottom: 16px; }
.ogb-nudge-detail-source-icon { font-size: 20px; flex-shrink: 0; }
.ogb-nudge-detail-actions { padding-top: 14px; border-top: 1px solid var(--ogb-border); }
/* Prevent body scroll when modal open */
body.ogb-modal-open { overflow: hidden; }

/* ════ NUDGE MODAL POLISH (v10.7.33) ════ */
/* Close button — clean, no border box */
.ogb-nudge-close-btn {
  background: none; border: none; cursor: pointer;
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; line-height: 1; color: var(--ogb-muted);
  transition: background .13s, color .13s;
}
.ogb-nudge-close-btn:hover { background: #f1f5f9; color: var(--ogb-text); }

/* Source block — no emoji icon floating alone */
.ogb-nudge-detail-source {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px; background: var(--ogb-bg);
  border: 1.5px solid var(--ogb-border); border-radius: 12px;
  margin-bottom: 18px;
}
.ogb-nudge-detail-source-icon-wrap {
  width: 36px; height: 36px; border-radius: 9px;
  background: #fff; border: 1px solid var(--ogb-border);
  display: flex; align-items: center; justify-content: center;
  font-size: 17px; flex-shrink: 0;
}
.ogb-nudge-detail-source-label {
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--ogb-muted); margin-bottom: 3px;
}
.ogb-nudge-detail-source-title {
  font-size: 13px; font-weight: 600; color: var(--ogb-text);
}
/* Go button — clean outline style */
.ogb-nudge-go-btn {
  font-size: 12px !important; padding: 7px 16px !important;
  border-color: var(--ogb-teal) !important; color: var(--ogb-teal) !important;
}
.ogb-nudge-go-btn:hover { background: var(--ogb-teal-lt) !important; }
/* Detail actions row */
.ogb-nudge-detail-actions {
  padding-top: 16px; border-top: 1px solid var(--ogb-border);
  display: flex; gap: 8px;
}

/* ════ NUDGE FILTER BAR ════ */
#ogb-nudge-filter-bar {
  padding: 10px 12px 0;
  border-bottom: 1px solid var(--ogb-border);
  background: #f9fafc;
  flex-shrink: 0;
}
#ogb-nudge-search-wrap { margin-bottom: 8px; }
#ogb-nudge-tabs {
  display: flex; gap: 2px; align-items: center;
}
.ogb-nudge-tab {
  padding: 6px 10px; font-size: 11px; font-weight: 600;
  border: none; background: none; cursor: pointer;
  color: var(--ogb-muted); border-radius: 6px 6px 0 0;
  transition: background .13s, color .13s;
  display: flex; align-items: center; gap: 4px;
}
.ogb-nudge-tab:hover { background: #eef0f3; color: var(--ogb-text); }
.ogb-nudge-tab.active {
  background: #fff; color: var(--ogb-text);
  border: 1px solid var(--ogb-border); border-bottom: 1px solid #fff;
  margin-bottom: -1px; position: relative; z-index: 1;
}
.ogb-nudge-tab-count {
  background: var(--ogb-teal); color: #fff;
  border-radius: 99px; padding: 0 5px;
  font-size: 9px; font-weight: 700; min-width: 16px;
  text-align: center; display: inline-block;
}
#ogb-nudge-filter-actions {
  padding: 6px 0 4px; text-align: right;
}
/* Date group labels */
.ogb-nudge-group-label {
  padding: 8px 14px 4px;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: var(--ogb-muted);
  background: #f9fafc; border-bottom: 1px solid var(--ogb-border);
  position: sticky; top: 0; z-index: 1;
}

/* ════ NUDGE PAGINATION ════ */
.ogb-nudge-load-more {
  padding: 12px 16px; text-align: center;
  border-top: 1px solid var(--ogb-border);
  background: #f9fafc;
}
.ogb-nudge-load-more button {
  width: 100%; justify-content: center;
  font-size: 12px !important; color: var(--ogb-teal) !important;
  border: 1.5px solid var(--ogb-teal) !important;
  padding: 7px 14px !important; border-radius: 8px !important;
  transition: background .13s !important;
}
.ogb-nudge-load-more button:hover { background: var(--ogb-teal-lt) !important; }
.ogb-nudge-remaining { font-size: 10px; color: var(--ogb-muted); margin-left: 4px; }


/* v10.7.42 */
.ogb-ph-top > #gd-back,
.ogb-ph-top > #ogb-member-back,
.ogb-ph-top > #team-subtask-member-back { position: relative; z-index: 5; pointer-events: auto; }

.ogb-goal-row {
  grid-template-columns: minmax(260px, 2.4fr) minmax(104px,120px) minmax(96px,112px) minmax(86px,96px) minmax(70px,82px) minmax(118px,128px);
}
.ogb-dash-goal-row { grid-template-columns: minmax(260px,2.5fr) minmax(104px,120px) minmax(96px,112px) minmax(70px,82px) minmax(76px,90px); }
.ogb-goal-name { white-space: normal; word-break: break-word; }
.ogb-goal-aligned { white-space: normal; overflow: visible; text-overflow: clip; word-break: break-word; line-height: 1.45; max-width: none; }
#my-goals-list, #dept-goals-list, #company-goals-list { overflow-x: visible; }

@media (max-width: 1366px) {
  .ogb-goal-row { grid-template-columns: minmax(220px,2.2fr) minmax(96px,112px) minmax(88px,104px) minmax(82px,92px) minmax(64px,78px) minmax(112px,122px); }
  .ogb-dash-goal-row { grid-template-columns: minmax(220px,2.3fr) minmax(96px,112px) minmax(88px,104px) minmax(64px,78px) minmax(72px,86px); }
}

.ogb-checkin-section { display:flex; flex-direction:column; gap:20px; }
.ogb-checkin-shell { background: var(--ogb-surface); border: 1px solid var(--ogb-border); border-radius: 16px; box-shadow: var(--ogb-shadow); overflow: hidden; }
.ogb-checkin-shell-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; border-bottom:1px solid var(--ogb-border); flex-wrap:wrap; }
.ogb-checkin-shell-title { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; color:var(--ogb-text); }
.ogb-checkin-shell-count { font-size:12px; color:var(--ogb-muted); font-weight:600; }
.ogb-checkin-filters { display:flex; gap:10px; flex-wrap:wrap; width:100%; }
.ogb-checkin-filters .ogb-input { flex:1; min-width:220px; }
.ogb-checkin-filters .ogb-select { min-width:160px; }
.ogb-checkin-list { padding:20px; display:flex; flex-direction:column; gap:14px; }
.ogb-checkin-item { border:1px solid var(--ogb-border); border-radius:14px; background:#fff; padding:16px 18px; display:grid; grid-template-columns:minmax(240px,1.7fr) minmax(110px,120px) minmax(92px,100px) minmax(1.4fr,2fr) minmax(100px,110px) minmax(90px,100px); gap:14px; align-items:start; }
.ogb-checkin-item.team { grid-template-columns:minmax(220px,1.4fr) minmax(220px,1.5fr) minmax(110px,120px) minmax(92px,100px) minmax(1.3fr,1.8fr) minmax(100px,110px) minmax(90px,100px); }
.ogb-checkin-col-label { font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ogb-muted); font-weight:700; margin-bottom:6px; }
.ogb-checkin-main { font-size:14px; font-weight:700; color:var(--ogb-text); line-height:1.4; }
.ogb-checkin-sub { font-size:12px; color:var(--ogb-muted); line-height:1.45; margin-top:4px; }
.ogb-checkin-next-steps { font-size:13px; color:var(--ogb-text); line-height:1.55; white-space:normal; word-break:break-word; }
.ogb-checkin-empty { padding:36px 20px; }


/* v10.7.42 */
#ogb-app{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;overflow-x:hidden;}
#ogb-app .ogb-wrap{width:100%;max-width:100%;min-height:100vh;}
#ogb-app .ogb-main{flex:1 1 auto;min-width:0;}
#ogb-app .ogb-content{width:100%;max-width:none;padding:24px 24px 32px !important;margin:0 !important;}
#ogb-app .ogb-content > .ogb-view{width:100%;max-width:none;margin:0 !important;}
#ogb-app .ogb-view{align-self:stretch;}

.ogb-report-shell{background:var(--ogb-surface);border:1px solid var(--ogb-border);border-radius:16px;box-shadow:var(--ogb-shadow);overflow:hidden;}
.ogb-report-shell .ogb-table-head{padding:20px 20px 16px;border-bottom:1px solid var(--ogb-border);margin:0;background:#fff;}
.ogb-report-shell .ogb-table-grid{background:#fff;border:none;border-radius:0;overflow:hidden;}
.ogb-report-shell .ogb-table-grid .ogb-table-header-row{background:var(--ogb-bg) !important;border-top:none;border-bottom:1px solid var(--ogb-border);}
.ogb-report-shell .ogb-table-grid .ogb-table-row:hover{background:#fafbfd;}
#mst-body .ogb-table-shell,#tst-body .ogb-table-shell,#team-subtask-member-body .ogb-table-shell,#sdr-body .ogb-table-shell{margin-bottom:0;}
.ogb-report-title{font-size:20px;font-weight:800;color:var(--ogb-text);display:flex;align-items:center;gap:10px;letter-spacing:-.02em;}
.ogb-report-subtitle{font-size:12px;color:var(--ogb-muted);margin-top:4px;line-height:1.5;}
.ogb-report-count{background:var(--ogb-teal-lt);color:var(--ogb-teal);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;}
.ogb-report-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.ogb-report-icon.teal{background:var(--ogb-teal-lt);}
.ogb-report-icon.blue{background:#eff6ff;}
.ogb-report-icon.amber{background:#fff7ed;}

@media (min-width: 1200px){
  #ogb-app .ogb-content{padding-left:20px !important;padding-right:20px !important;}
}


/* v10.7.43 */
#ogb-app .ogb-content{padding:18px 18px 28px !important;}
#ogb-app .ogb-page-head,#ogb-app .ogb-ph{margin-top:14px;margin-bottom:18px;}
#ogb-app .ogb-page-title{font-size:18px;font-weight:800;line-height:1.2;color:var(--ogb-text);letter-spacing:-.02em;}
#ogb-app .ogb-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;}
#ogb-app .ogb-page-actions{gap:10px;}
#ogb-app .ogb-main{overflow-x:hidden;}
#ogb-app .ogb-view > .ogb-card,#ogb-app .ogb-view > .ogb-report-shell,#ogb-app .ogb-view > .ogb-table-shell{width:100%;max-width:none;}
#mst-body .ogb-table-grid,#tst-body .ogb-table-grid,#team-subtask-member-body .ogb-table-grid,#sdr-body .ogb-table-grid,#atr-body .ogb-table-grid{padding:0 18px 18px;background:#fff;}
#mst-body table,#tst-body table,#team-subtask-member-body table,#sdr-body table,#atr-body table{width:100%;}
#atr-body .ogb-table-shell{margin-bottom:0;}
#atr-body .ogb-table-grid{border-radius:0 0 16px 16px;}
@media (min-width:769px){#ogb-app .ogb-content{padding-left:16px !important;padding-right:16px !important;}}
@media (max-width:768px){#ogb-app .ogb-main{width:100%;max-width:100%;}#ogb-app .ogb-content{padding:14px !important;}#ogb-app .ogb-page-head,#ogb-app .ogb-ph{margin-top:10px;margin-bottom:14px;}#mst-body .ogb-table-grid,#tst-body .ogb-table-grid,#team-subtask-member-body .ogb-table-grid,#sdr-body .ogb-table-grid,#atr-body .ogb-table-grid{padding:0 10px 10px;}}


/* v10.7.44 */
#ogb-app .ogb-topbar{width:100% !important;max-width:none !important;margin:0 0 18px !important;padding:14px 20px !important;height:auto;min-height:56px;}
#ogb-app .ogb-content{width:100% !important;max-width:none !important;margin:0 !important;padding:20px 20px 30px !important;}
#ogb-app .ogb-page-head,#ogb-app .ogb-ph{margin-top:0 !important;margin-bottom:20px !important;}
#ogb-app .ogb-page-title,#ogb-app .ogb-ph-title{font-weight:800;}
#ogb-app .ogb-sidebar{max-height:100vh;}
html.wp-toolbar #ogb-app .ogb-sidebar{height:calc(100vh - 32px);max-height:calc(100vh - 32px);}
html.wp-toolbar #ogb-app .ogb-topbar{top:32px !important;}
@media screen and (max-width:782px){html.wp-toolbar #ogb-app .ogb-sidebar{height:calc(100vh - 46px);max-height:calc(100vh - 46px);}html.wp-toolbar #ogb-app .ogb-topbar{top:46px !important;}}
#atr-body .ogb-table-head,#mst-body .ogb-table-head,#tst-body .ogb-table-head,#team-subtask-member-body .ogb-table-head,#sdr-body .ogb-table-head{padding-left:20px !important;padding-right:20px !important;}
#atr-body .ogb-table-grid,#mst-body .ogb-table-grid,#tst-body .ogb-table-grid,#team-subtask-member-body .ogb-table-grid,#sdr-body .ogb-table-grid{padding:0 20px 20px !important;}
@media (max-height:760px){#ogb-app .ogb-nav-wrap{padding-bottom:48px;}}

/* v10.7.52 — Sidebar profile visibility fix
   Keeps the original menu spacing, removes the visible sidebar scrollbar,
   and reserves safe bottom space so the Cherry/user profile area is not hidden. */
#ogb-app .ogb-sidebar{
  overflow:hidden !important;
}

#ogb-app .ogb-nav-wrap{
  overflow-y:hidden !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding:12px 0 12px !important;
}
#ogb-app .ogb-nav-wrap::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* Restore the previous comfortable spacing */
#ogb-app .ogb-nav{
  padding:9px 18px !important;
  gap:9px !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
#ogb-app .ogb-nav-section{
  padding:10px 18px 4px !important;
}
#ogb-app #ogb-nudge-bell-wrap{
  padding:8px 16px 4px !important;
}
#ogb-app #ogb-nudge-bell{
  padding:8px 10px !important;
  font-size:13px !important;
}

/* Keep the user profile docked and visible above the screen/taskbar edge */
#ogb-app .ogb-sidebar-user{
  margin-top:auto !important;
  margin-bottom:14px !important;
  min-height:58px !important;
  padding:12px 14px !important;
  background:#0a0f1a;
  z-index:2;
}

/* Only on shorter laptop screens: tighten non-menu chrome slightly, not the menu rows */
@media (max-height:820px) and (min-width:769px){
  #ogb-app .ogb-brand{padding:14px 18px 12px !important;}
  #ogb-app .ogb-nav-wrap{padding-top:8px !important;padding-bottom:8px !important;}
  #ogb-app .ogb-nav-section{padding-top:7px !important;padding-bottom:3px !important;}
  #ogb-app .ogb-sidebar-user{margin-bottom:56px !important;}
}

/* Extra small laptop height: keep profile visible, but preserve readable menu spacing */
@media (max-height:720px) and (min-width:769px){
  #ogb-app .ogb-brand{padding:10px 16px 9px !important;}
  #ogb-app .ogb-brand-ic{width:30px !important;height:30px !important;}
  #ogb-app .ogb-nav{padding-top:7px !important;padding-bottom:7px !important;}
  #ogb-app .ogb-nav-section{padding-top:5px !important;}
  #ogb-app #ogb-nudge-bell{padding-top:7px !important;padding-bottom:7px !important;}
  #ogb-app .ogb-sidebar-user{margin-bottom:56px !important;}
}

/* v10.7.62 — Keep Nudge Inbox label visible when unread badge is shown */
#ogb-app #ogb-nudge-bell{
  color:rgba(255,255,255,.62) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
}
#ogb-app #ogb-nudge-bell > span:last-child{
  display:inline-block !important;
  opacity:1 !important;
  visibility:visible !important;
  color:rgba(255,255,255,.62) !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-indent:0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
#ogb-app #ogb-nudge-bell:hover,
#ogb-app #ogb-nudge-bell:hover > span:last-child{
  color:#fff !important;
}
#ogb-app #ogb-nudge-count{ z-index:3 !important; }

/* FAQ page */
.ogb-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.ogb-faq-item{border:1px solid var(--ogb-border);border-radius:14px;background:var(--ogb-bg);padding:16px;}
.ogb-faq-item h3{margin:0 0 8px;font-size:15px;color:var(--ogb-text);}
.ogb-faq-item p{margin:0;color:var(--ogb-muted);font-size:13px;line-height:1.45;}

/* ══════════════════════════════════════════════
   MEMBERS — HIERARCHY TREE VIEW (v10.7.74)
══════════════════════════════════════════════ */

/* Tree root container */
.ogb-tree-root{display:flex;flex-direction:column;gap:0;padding:4px 0;}

/* Individual tree node */
.ogb-tree-node{border-radius:10px;margin-bottom:4px;overflow:visible;transition:box-shadow .15s;}
.ogb-tree-node:hover>.ogb-tree-node-row{background:var(--ogb-surface);}

/* Node row */
.ogb-tree-node-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-radius:10px;transition:background .12s;position:relative;}

/* Collapse toggle arrow */
.ogb-tree-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ogb-muted);cursor:pointer;flex-shrink:0;border-radius:4px;transition:background .1s;}
.ogb-tree-toggle:hover{background:var(--ogb-border);color:var(--ogb-text);}
.ogb-tree-toggle-placeholder{width:20px;flex-shrink:0;}

/* Avatar */
.ogb-tree-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0;}

/* Info */
.ogb-tree-info{flex:1;min-width:0;}
.ogb-tree-name{font-size:13px;font-weight:700;color:var(--ogb-text);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.ogb-tree-role-badge{font-size:10px;font-weight:700;border:1.5px solid;border-radius:20px;padding:1px 7px;white-space:nowrap;}
.ogb-tree-meta{font-size:11px;color:var(--ogb-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Stats */
.ogb-tree-stats{display:flex;gap:14px;align-items:center;flex-shrink:0;}
.ogb-tree-stat{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--ogb-muted);}
.ogb-tree-stat span:first-child{font-size:13px;line-height:1.2;}

/* Action buttons */
.ogb-tree-actions{display:flex;gap:4px;flex-shrink:0;}

/* Progress bar */
.ogb-tree-prog-bar{height:3px;background:var(--ogb-border);border-radius:2px;margin:0 14px 6px calc(20px + 36px + 24px);overflow:hidden;}
.ogb-tree-prog-bar>div{height:100%;border-radius:2px;transition:width .4s;}

/* Children container */
.ogb-tree-children{margin-left:0;border-left:0;}

/* ══ Profile — Reporting Chain ══ */
.ogb-profile-chain{display:flex;flex-direction:column;gap:0;}
.ogb-profile-chain-node{display:flex;flex-direction:column;align-items:flex-start;}
.ogb-profile-chain-me>.ogb-profile-chain-row{background:rgba(0,204,178,.06);border:1px solid rgba(0,204,178,.25);border-radius:10px;padding:10px 14px;}
.ogb-profile-chain-row{display:flex;align-items:center;gap:10px;padding:8px 0;width:100%;}
.ogb-profile-chain-arrow{font-size:16px;color:var(--ogb-muted);margin:2px 0 2px 18px;line-height:1;}
.ogb-profile-chain-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0;}
.ogb-profile-chain-info{flex:1;min-width:0;}
.ogb-profile-chain-name{font-size:13px;font-weight:700;color:var(--ogb-text);}
.ogb-profile-chain-level{font-size:11px;margin-top:2px;}

/* ── Mobile tweaks ── */
@media(max-width:600px){
  .ogb-tree-stats{display:none;}
  .ogb-tree-node-row{padding:8px 10px;}
  .ogb-tree-meta{display:none;}
}


/* v10.7.108 UX refinements */
.ogb-input::placeholder,
.ogb-textarea::placeholder,
.ogb-search input::placeholder,
input[placeholder*="Search goals"]::placeholder {
  font-size: 13px !important;
  color: #8a9ab0 !important;
  opacity: .85 !important;
}
.ogb-select,
select.ogb-select,
.ogb-toolbar-select {
  padding-right: 44px !important;
  text-overflow: ellipsis;
}
.ogb-help-tip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  border-radius: 999px;
  background: #eaf4ff;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  cursor: help;
  vertical-align: middle;
}
.ogb-help-tip:focus { outline: 2px solid rgba(29,78,216,.25); outline-offset: 2px; }

/* v10.7.110 — Key Result tooltips and required-field polish */
#ogb-app .ogb-help-tip{position:relative;overflow:visible;}
#ogb-app .ogb-help-tip::after{content:attr(data-tip);display:none;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:260px;max-width:70vw;padding:10px 12px;border-radius:10px;background:#111827;color:#fff;font-size:12px;line-height:1.45;font-weight:500;text-transform:none;letter-spacing:normal;white-space:normal;box-shadow:0 12px 30px rgba(15,23,42,.25);z-index:999999;}
#ogb-app .ogb-help-tip::before{content:'';display:none;position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#111827;z-index:999999;}
#ogb-app .ogb-help-tip:hover::after,#ogb-app .ogb-help-tip:hover::before,#ogb-app .ogb-help-tip:focus::after,#ogb-app .ogb-help-tip:focus::before{display:block;}
#ogb-app .ogb-field .ogb-label{overflow:visible;}
#ogb-app .ogb-modal,#ogb-app .ogb-modal-body,#ogb-app .ogb-modal-content{overflow:visible;}
#ogb-app .ogb-select{background-position:right 16px center !important;padding-right:46px !important;}
#ogb-app .ogb-search input::placeholder{font-size:13px !important;}

/* v10.8.0 UX fixes: reliable KR tooltips + check-in confidence buttons */
#ogb-app .ogb-help-tip{
  display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;
  border-radius:999px;background:#eef4ff;color:#1d4ed8;border:1px solid #bfdbfe;
  font-size:11px;font-weight:800;line-height:1;cursor:pointer;margin-left:5px;vertical-align:middle;
  position:relative;overflow:visible;z-index:5;
}
#ogb-app .ogb-help-tip::after{
  content:attr(data-tip);display:none;position:absolute;left:50%;bottom:calc(100% + 10px);
  transform:translateX(-50%);width:280px;max-width:min(80vw, 320px);padding:10px 12px;
  border-radius:10px;background:#111827;color:#fff;font-size:12px;line-height:1.45;font-weight:500;
  text-transform:none;letter-spacing:normal;white-space:normal;box-shadow:0 12px 30px rgba(15,23,42,.25);
  z-index:2147483647;pointer-events:none;
}
#ogb-app .ogb-help-tip::before{
  content:'';display:none;position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#111827;z-index:2147483647;pointer-events:none;
}
#ogb-app .ogb-help-tip:hover::after,#ogb-app .ogb-help-tip:hover::before,
#ogb-app .ogb-help-tip:focus::after,#ogb-app .ogb-help-tip:focus::before,
#ogb-app .ogb-help-tip.is-open::after,#ogb-app .ogb-help-tip.is-open::before{display:block;}
.ogb-modal,.ogb-modal-card,.ogb-modal-body,.ogb-field,.ogb-label{overflow:visible!important;}

.ogb-checkin-ph .ogb-ph-top{position:relative;justify-content:center;text-align:center;}
.ogb-checkin-ph .ogb-checkin-title-wrap{width:100%;text-align:center;}
.ogb-checkin-ph .js-checkin-back{position:absolute;right:0;top:50%;transform:translateY(-50%);}
#ogb-checkin-form .ogb-confidence-choice{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px;}
#ogb-checkin-form .ogb-conf-choice{border:1px solid #dbe4f0;background:#fff;color:#64748b;border-radius:999px;padding:9px 8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .16s ease;white-space:nowrap;}
#ogb-checkin-form .ogb-conf-choice:hover{border-color:#00bfa6;color:#0f766e;background:#f0fdfa;}
#ogb-checkin-form .ogb-conf-choice.is-active{background:#00ccb2;border-color:#00ccb2;color:#07111f;box-shadow:0 5px 14px rgba(0,204,178,.22);}
@media (max-width:640px){#ogb-checkin-form .ogb-confidence-choice{grid-template-columns:1fr 1fr;} .ogb-checkin-ph .js-checkin-back{position:static;transform:none;margin-top:10px;}}

/* v10.8.1 — floating tooltip popover fixed for modals/popups */
#ogb-app .ogb-help-tip{
  appearance:none;-webkit-appearance:none;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;
  display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:999px;
  font-size:11px;font-weight:800;line-height:1;cursor:pointer;margin-left:5px;padding:0;vertical-align:middle;
}
#ogb-app .ogb-help-tip:hover,#ogb-app .ogb-help-tip:focus,#ogb-app .ogb-help-tip.is-open{background:#1d4ed8;color:#fff;border-color:#1d4ed8;outline:none;}
#ogb-app .ogb-help-tip::before,#ogb-app .ogb-help-tip::after{display:none!important;content:none!important;}
.ogb-floating-tip{
  position:fixed;width:300px;max-width:calc(100vw - 20px);background:#111827;color:#fff;border-radius:12px;
  padding:11px 13px;font-size:12px;line-height:1.45;font-weight:500;box-shadow:0 18px 45px rgba(15,23,42,.32);
  z-index:2147483647;opacity:0;transform:translateY(4px);transition:opacity .12s ease, transform .12s ease;pointer-events:auto;
}
.ogb-floating-tip.is-visible{opacity:1;transform:translateY(0);}

/* v10.8.3 — goals table default sort + toolbar/input readability polish */
#ogb-app .ogb-goals-toolbar,
#ogb-app .ogb-goals-toolbar-inner { gap: 14px !important; }
#ogb-app .ogb-search-wrap {
  position: relative !important; display: flex !important; align-items: center !important;
  flex: 1 1 280px !important; max-width: 320px !important; min-width: 240px !important;
}
#ogb-app .ogb-search-ic {
  position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important;
  width: 16px !important; height: 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-size: 13px !important; line-height: 1 !important; opacity: .75 !important; pointer-events: none !important; z-index: 2 !important;
}
#ogb-app .ogb-search-input,
#ogb-app input.ogb-search-input {
  height: 44px !important; min-height: 44px !important; width: 100% !important;
  padding: 10px 14px 10px 42px !important; font-size: 13px !important; line-height: 1.35 !important;
  color: #111827 !important; display: block !important; box-sizing: border-box !important;
}
#ogb-app .ogb-search-input::placeholder,
#ogb-app input.ogb-search-input::placeholder { font-size: 13px !important; color: #8a9bb3 !important; opacity: 1 !important; }
#ogb-app .ogb-toolbar-select,
#ogb-app select.ogb-toolbar-select,
#ogb-app .ogb-goals-toolbar select,
#ogb-app .ogb-ph-top select {
  height: 44px !important; min-height: 44px !important; padding: 10px 38px 10px 14px !important;
  font-size: 14px !important; line-height: 1.35 !important; color: #111827 !important; background-color: #fff !important;
  min-width: 190px !important; box-sizing: border-box !important;
}
#ogb-app #my-goals-sort,
#ogb-app #dept-goals-sort,
#ogb-app #company-goals-sort,
#ogb-app #my-goals-cycle,
#ogb-app #dept-goals-cycle,
#ogb-app #company-goals-cycle,
#ogb-app #dept-goals-dept-filter,
#ogb-app #dept-dashboard-filter { min-width: 260px !important; }
@media (max-width: 768px) {
  #ogb-app .ogb-search-wrap,
  #ogb-app .ogb-toolbar-select,
  #ogb-app select.ogb-toolbar-select { max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
}

/* v10.8.5 — balance goals toolbar widths and clean filter/search layout */
#ogb-app .ogb-goals-toolbar,
#ogb-app .ogb-goals-toolbar-inner{
  display:grid !important;
  grid-template-columns:minmax(420px, 1fr) minmax(300px, 420px) !important;
  align-items:start !important;
  column-gap:28px !important;
  row-gap:12px !important;
}
#ogb-app .ogb-goals-toolbar-left{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}
#ogb-app .ogb-goals-toolbar-right{
  width:100% !important;
  max-width:420px !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  justify-self:end !important;
}
#ogb-app .ogb-search-wrap{
  width:100% !important;
  max-width:560px !important;
  min-width:320px !important;
  flex:1 1 auto !important;
}
#ogb-app .ogb-goals-toolbar-right select,
#ogb-app .ogb-toolbar-select,
#ogb-app select.ogb-toolbar-select{
  width:100% !important;
  max-width:420px !important;
  min-width:0 !important;
}
#ogb-app .ogb-archived-toggle{
  width:max-content !important;
  align-self:flex-start !important;
}
#ogb-app .ogb-search-input,
#ogb-app input.ogb-search-input{
  height:44px !important;
  padding-left:44px !important;
}
#ogb-app .ogb-search-ic{
  left:16px !important;
}
#ogb-app #my-goals-sort,
#ogb-app #dept-goals-sort,
#ogb-app #company-goals-sort,
#ogb-app #my-goals-cycle,
#ogb-app #dept-goals-cycle,
#ogb-app #company-goals-cycle,
#ogb-app #dept-goals-dept-filter,
#ogb-app #dept-dashboard-filter{
  min-width:0 !important;
  width:100% !important;
}
@media (max-width:900px){
  #ogb-app .ogb-goals-toolbar,
  #ogb-app .ogb-goals-toolbar-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  #ogb-app .ogb-goals-toolbar-right,
  #ogb-app .ogb-search-wrap,
  #ogb-app .ogb-goals-toolbar-right select,
  #ogb-app .ogb-toolbar-select,
  #ogb-app select.ogb-toolbar-select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}

/* v10.8.6 — smaller KR tooltip icon + readable multiline tooltip copy */
#ogb-app .ogb-help-tip,
.ogb-help-tip {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  padding: 0 !important;
  margin-left: 5px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 16px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
#ogb-app .ogb-field .ogb-label {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.ogb-floating-tip {
  width: 285px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 12px 14px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  white-space: pre-line !important;
  text-align: left !important;
}

/* v10.8.9 — wider subtask/action modals and compact action meta row */
#ogb-modal-box{max-height:94vh !important;}
#ogb-modal-body{padding:20px 22px !important;}
#ogb-modal-body .ogb-field{margin-bottom:12px;}
.ogb-action-meta-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px;align-items:start;}
.ogb-action-meta-grid .ogb-field{margin-bottom:10px;}
@media (max-width:760px){.ogb-action-meta-grid{grid-template-columns:1fr;}#ogb-modal-box{width:94% !important;max-width:94vw !important;}}


/* v10.8.10 subtask completion layout */
@media (max-width: 760px){
  .ogb-completion-date-row{ grid-template-columns:1fr !important; }
}
.ogb-subtask-row.js-goal-subtask-row:hover{ background:#f8fafc; }

/* v10.8.12 Subtask modal cleanup */
#ogb-subtask-completion-form .ogb-completion-date-row > div div:last-child {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--ogb-text) !important;
  font-family: inherit !important;
}
#ogb-subtask-completion-form input[type="datetime-local"] {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  font-family: inherit !important;
}
.ogb-subtask-assigned-inline {
  font-family: inherit !important;
}

#ogb-app .btn-archive{color:#8a6d3b;}#ogb-app .ogb-tab-count-muted{background:#e5e7eb;color:#64748b;}#ogb-app .ogb-archived-row{background:#f9fafb;}

/* v10.8.17 — My Goals archive table cleanup */
#view-my-goals #my-goals-toolbar .ogb-archived-toggle{display:none!important;}
#ogb-app #my-goals-list .ogb-archived-hdr,
#ogb-app #my-goals-list .ogb-archived-row{
  grid-template-columns: minmax(280px,1.8fr) minmax(150px,.9fr) minmax(110px,.65fr) minmax(180px,.9fr) minmax(160px,.9fr) minmax(90px,.45fr)!important;
  align-items:center!important;
}
#ogb-app #my-goals-list .ogb-archived-row .ogb-goal-name{
  text-decoration:none!important;
  color:var(--ogb-text)!important;
}
#ogb-app #my-goals-list .ogb-archived-row{
  opacity:1!important;
  background:#fff!important;
}
#ogb-app .ogb-archive-reason{
  white-space:normal!important;
  line-height:1.25!important;
}

/* v10.8.17 — Archived tab and archive reason popup */
#ogb-app #my-goals-list .ogb-archived-hdr,
#ogb-app #my-goals-list .ogb-archived-row{
  grid-template-columns: 2fr 140px 110px 170px 150px 120px 90px !important;
  align-items:center;
}
#ogb-app #my-goals-list .ogb-archived-row .ogb-goal-name{
  text-decoration:none!important;
  color:var(--ogb-text)!important;
}
#ogb-app .ogb-archive-note{
  font-size:13px;
  color:var(--ogb-muted);
  margin-bottom:14px;
  line-height:1.5;
  background:#f8fafc;
  border:1px solid #e5edf5;
  border-radius:12px;
  padding:12px 14px;
}
#ogb-app .ogb-archive-goal-form .ogb-help{
  font-size:12px;
  color:var(--ogb-muted);
  margin-top:7px;
}
#ogb-app .ogb-archive-reason{white-space:normal;line-height:1.25;}
#ogb-app .ogb-tab[data-filter="archived"]{margin-left:2px;}


/* v10.8.19 — Department/Company archived table */
#ogb-app #dept-goals-list .ogb-archived-hdr,
#ogb-app #dept-goals-list .ogb-archived-row,
#ogb-app #company-goals-list .ogb-archived-hdr,
#ogb-app #company-goals-list .ogb-archived-row{
  grid-template-columns: 2fr 1fr .9fr 1.1fr 1fr .9fr .6fr !important;
  align-items:center;
}
#ogb-app #dept-goals-list .ogb-archived-row .ogb-goal-name,
#ogb-app #company-goals-list .ogb-archived-row .ogb-goal-name{
  text-decoration: line-through;
  color: var(--ogb-muted);
}
#ogb-app .ogb-archived-toggle.active{
  background: var(--ogb-teal) !important;
  border-color: var(--ogb-teal) !important;
  color:#06251f !important;
}


/* v10.8.20 — Archive panel + Admin/Executive visibility polish */
.ogb-archive-inline-panel{margin-top:14px;padding:14px;border:1px solid var(--ogb-border,#dce4ee);border-radius:14px;background:#f8fafc;}
.ogb-archive-inline-panel .ogb-help{margin:6px 0 12px;font-size:11px;color:var(--ogb-muted,#7b8da8);}
.ogb-archived-hdr,.ogb-archived-row{grid-template-columns:2fr .8fr .8fr 1.1fr 1fr .9fr .6fr!important;align-items:center;}

/* v10.8.21 - 1:1 Coaching past filters placeholder/field polish */
.ogb-1on1-past-filters{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 170px 170px 150px;
  gap:10px;
  margin:12px 20px 14px;
}
.ogb-1on1-past-filters .ogb-input,
.ogb-1on1-past-filters .ogb-select{
  height:44px !important;
  min-height:44px !important;
  padding:10px 16px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:#0f172a !important;
}
.ogb-1on1-past-filters .ogb-input::placeholder{
  font-size:14px !important;
  color:#94a3b8 !important;
  opacity:1 !important;
}
.ogb-1on1-past-filters input[type="text"].ogb-date-placeholder{
  color:#94a3b8 !important;
}
@media (max-width: 980px){
  .ogb-1on1-past-filters{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .ogb-1on1-past-filters{grid-template-columns:1fr;}
}

/* v10.8.23 - 1:1 Coaching filters/table readability polish */
.ogb-1on1-past-filters{
  grid-template-columns:minmax(360px,1fr) 200px 220px 150px !important;
  align-items:center !important;
}
.ogb-1on1-past-filters .ogb-input,
.ogb-1on1-past-filters .ogb-select{
  height:44px !important;
  min-height:44px !important;
  padding:10px 16px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.ogb-1on1-past-filters .ogb-input::placeholder{
  font-size:14px !important;
  color:#94a3b8 !important;
  opacity:1 !important;
}
.ogb-1on1-table{
  table-layout:fixed !important;
  width:100% !important;
}
.ogb-1on1-table th:nth-child(1),
.ogb-1on1-table td:nth-child(1){width:150px !important;}
.ogb-1on1-table th:nth-child(2),
.ogb-1on1-table td:nth-child(2){width:110px !important;}
.ogb-1on1-table th:nth-child(3),
.ogb-1on1-table td:nth-child(3){width:120px !important;}
.ogb-1on1-table th:nth-child(4),
.ogb-1on1-table td:nth-child(4){width:110px !important;}
.ogb-1on1-table th:nth-child(6),
.ogb-1on1-table td:nth-child(6){width:82px !important;}
.ogb-1on1-table td:nth-child(2){white-space:normal !important; line-height:1.45 !important;}
.ogb-1on1-remarks-cell{
  white-space:pre-line !important;
  line-height:1.55 !important;
  font-size:13px !important;
  color:var(--ogb-text,#0f172a) !important;
}
@media (max-width: 1100px){
  .ogb-1on1-past-filters{grid-template-columns:1fr 1fr !important;}
}
@media (max-width: 640px){
  .ogb-1on1-past-filters{grid-template-columns:1fr !important;}
}

/* v10.8.23 - Coaching table + check-in confidence UX refinements */
#ogb-app .ogb-checkin-ph .ogb-ph-top{
  position:relative !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
#ogb-app .ogb-checkin-ph .ogb-checkin-title-wrap,
#ogb-app .ogb-checkin-ph .ogb-ph-title,
#ogb-app .ogb-checkin-ph .ogb-ph-meta{
  width:100% !important;
  justify-content:center !important;
  text-align:center !important;
}
#ogb-app .ogb-checkin-ph .ogb-ph-meta{
  display:block !important;
  margin-top:6px !important;
}
#ogb-app .ogb-checkin-ph .js-checkin-back{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

#ogb-checkin-form .ogb-confidence-range{
  width:100% !important;
  height:6px !important;
  margin:8px 0 8px !important;
  accent-color:#1d14a8 !important;
  cursor:pointer !important;
}
#ogb-checkin-form .ogb-confidence-choice{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:4px !important;
}
#ogb-checkin-form .ogb-conf-choice{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#7b8da8 !important;
  border-radius:0 !important;
  padding:2px 4px !important;
  font-size:12px !important;
  font-weight:500 !important;
  cursor:pointer !important;
  text-align:center !important;
}
#ogb-checkin-form .ogb-conf-choice:hover,
#ogb-checkin-form .ogb-conf-choice.is-active{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#1d14a8 !important;
  font-weight:700 !important;
}

#ogb-app .ogb-1on1-past-filters{
  grid-template-columns:minmax(300px,1fr) 210px 220px 150px !important;
  gap:10px !important;
}
#ogb-app .ogb-1on1-past-filters .ogb-input,
#ogb-app .ogb-1on1-past-filters .ogb-select{
  font-size:14px !important;
}
#ogb-app .ogb-1on1-past-filters .ogb-input::placeholder{
  font-size:14px !important;
}
#ogb-app .ogb-1on1-table{
  table-layout:fixed !important;
  width:100% !important;
}
#ogb-app .ogb-1on1-table th:nth-child(1),
#ogb-app .ogb-1on1-table td:nth-child(1){width:150px !important;}
#ogb-app .ogb-1on1-table th:nth-child(2),
#ogb-app .ogb-1on1-table td:nth-child(2){width:120px !important;}
#ogb-app .ogb-1on1-table th:nth-child(3),
#ogb-app .ogb-1on1-table td:nth-child(3){width:120px !important;}
#ogb-app .ogb-1on1-table th:nth-child(4),
#ogb-app .ogb-1on1-table td:nth-child(4){width:120px !important;}
#ogb-app .ogb-1on1-table th:nth-child(5),
#ogb-app .ogb-1on1-table td:nth-child(5){width:auto !important;}
#ogb-app .ogb-1on1-table th:nth-child(6),
#ogb-app .ogb-1on1-table td:nth-child(6){width:82px !important;}
#ogb-app .ogb-1on1-table td:nth-child(2){white-space:normal !important;line-height:1.45 !important;}
#ogb-app .ogb-1on1-remarks-cell{
  white-space:pre-line !important;
  line-height:1.6 !important;
  font-size:13px !important;
  word-break:break-word !important;
}
@media (max-width:1100px){#ogb-app .ogb-1on1-past-filters{grid-template-columns:1fr 1fr !important;}}
@media (max-width:640px){#ogb-app .ogb-1on1-past-filters{grid-template-columns:1fr !important;}#ogb-app .ogb-checkin-ph .js-checkin-back{position:static !important;transform:none !important;margin-top:10px !important;}}

/* v10.8.25 Public Coach Notes compact sharing controls */
.ogb-share-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 0 2px;
}
.ogb-share-team-select {
  min-width: 240px;
  height: 38px;
  max-height: 76px;
  border-radius: 10px;
  font-size: 12px;
  padding: 6px 10px;
}
.ogb-share-team-select option {
  padding: 4px 6px;
}

/* v10.8.26 Public Coach Notes team dropdown refinement */
#ogb-app .ogb-share-controls {
  display: flex !important;
  align-items: flex-end !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  padding: 10px 0 2px !important;
}
#ogb-app .ogb-share-team-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 220px !important;
}
#ogb-app .ogb-share-team-label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ogb-muted) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
#ogb-app .ogb-share-team-select {
  width: 240px !important;
  min-width: 220px !important;
  height: 42px !important;
  max-height: 42px !important;
  border-radius: 10px !important;
  border: 1px solid var(--ogb-border) !important;
  background-color: #fff !important;
  padding: 0 38px 0 14px !important;
  font-size: 13px !important;
  line-height: 42px !important;
  color: var(--ogb-text) !important;
  box-shadow: 0 2px 7px rgba(15,23,42,.04) !important;
}
#ogb-app .ogb-share-toggle-label {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  font-size: 13px !important;
  color: var(--ogb-text) !important;
}

/* v10.8.27 Public Coach Notes multi-team dropdown + 1:1 status controls */
.ogb-team-multiselect-field { position: relative; min-width: 240px; }
.ogb-team-multi-hidden { display: none !important; }
.ogb-team-multi-trigger {
  width: 240px;
  min-width: 240px;
  height: 42px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  color: var(--ogb-text, #0f172a);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.ogb-team-multi-trigger::after { content: '⌄'; color: var(--ogb-muted, #64748b); font-size: 14px; }
.ogb-team-multi-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 10040;
  width: 280px;
  max-height: 220px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--ogb-border, #dbe3ef);
  border-radius: 12px;
  box-shadow: 0 16px 35px rgba(15,23,42,.16);
  padding: 8px;
}
.ogb-team-multi-menu.open { display: block; }
.ogb-team-multi-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 13px;
  cursor: pointer;
  color: var(--ogb-text, #0f172a);
}
.ogb-team-multi-option:hover { background: var(--ogb-bg, #f4f7fb); }
.ogb-team-multi-option input { margin: 0; }
.ogb-inline-status-editor { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ogb-inline-status-editor .ogb-select-sm { height: 34px; min-height: 34px; font-size: 12px; padding: 5px 28px 5px 10px; min-width: 185px; }

/* v10.8.28 — archived/dissolved collab teams */
#ogb-app .ogb-archived-collab-card{opacity:.82;background:#f8fafc;border-style:dashed;}
#ogb-app .ogb-archived-collab-card .ogb-collab-card-title{color:#64748b;}
#ogb-app #ogb-toggle-archived-collabs{background:#f59e0b;color:#fff;border-color:#f59e0b;}
#ogb-app #ogb-toggle-archived-collabs:hover{filter:brightness(.96);}


/* v10.8.31 - unified meeting/coaching filter font size and placeholders */
#ogb-app .ogb-1on1-past-filters .ogb-input,
#ogb-app .ogb-1on1-past-filters .ogb-select,
#ogb-app .ogb-group-filter-card .ogb-input,
#ogb-app .ogb-group-filter-card .ogb-select{
  font-size:13px !important;
  height:44px !important;
  min-height:44px !important;
  line-height:1.35 !important;
  padding:10px 16px !important;
  color:#0f172a !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#ogb-app .ogb-1on1-past-filters .ogb-input::placeholder,
#ogb-app .ogb-group-filter-card .ogb-input::placeholder{
  font-size:13px !important;
  color:#94a3b8 !important;
  opacity:1 !important;
}
#ogb-app .ogb-1on1-past-filters input[type="text"].ogb-date-placeholder,
#ogb-app .ogb-group-filter-card input[type="text"].ogb-date-placeholder{
  color:#94a3b8 !important;
}
#ogb-app .ogb-group-filter-card{padding:18px 20px !important;}
#ogb-app .ogb-group-filters{
  display:grid !important;
  gap:10px !important;
  align-items:center !important;
}
@media (max-width: 1200px){
  #ogb-app .ogb-group-filters{grid-template-columns:1fr 1fr 1fr !important;}
}
@media (max-width: 760px){
  #ogb-app .ogb-group-filters{grid-template-columns:1fr !important;}
}


/* v10.8.42 — Public Coach Notes: checkbox + team picker popup */
#ogb-app .ogb-team-checkbox-field{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  min-width:auto !important;
  position:relative !important;
}
#ogb-app .ogb-share-team-toggle-label{
  min-height:42px !important;
  margin:0 !important;
}
#ogb-app #ogb-team-multi-trigger{
  height:34px !important;
  min-height:34px !important;
  padding:6px 12px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  min-width:120px !important;
  width:auto !important;
  justify-content:center !important;
}
#ogb-app #ogb-team-multi-trigger::after{content:'' !important; display:none !important;}
#ogb-app .ogb-team-multi-menu{
  left:0 !important;
  top:calc(100% + 8px) !important;
}

/* v10.8.46 — list pagination + shared notes polish */
.ogb-list-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-top:1px solid var(--ogb-border,#e5e7eb);}
.ogb-pager-count{font-size:12px;color:var(--ogb-muted,#64748b);}
.ogb-shared-notes-table td{font-size:13px;vertical-align:middle;}
.ogb-shared-note-row{cursor:pointer;}
.ogb-shared-note-row:hover{background:rgba(0,204,178,.06);}

/* v10.8.47 — compact Shared Notes filters + page tabs */
#ogb-app .ogb-shared-note-filters{padding:0 14px 12px 14px;}
#ogb-app .ogb-shared-note-filters .ogb-input,
#ogb-app .ogb-shared-note-filters .ogb-select,
#ogb-app .ogb-shared-filter{font-size:13px !important;min-height:36px;height:36px;padding-top:7px;padding-bottom:7px;}
#ogb-app .ogb-list-pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--ogb-border,#e5e7eb);}
#ogb-app .ogb-page-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center;}
#ogb-app .ogb-page-tab{border:1px solid var(--ogb-border,#e5e7eb);background:#fff;border-radius:8px;min-width:30px;height:30px;padding:0 9px;font-size:13px;font-weight:700;color:var(--ogb-text,#0f172a);cursor:pointer;}
#ogb-app .ogb-page-tab.is-active{background:var(--ogb-primary,#00ccb2);border-color:var(--ogb-primary,#00ccb2);color:#fff;}
#ogb-app .ogb-page-ellipsis{font-size:13px;color:var(--ogb-muted,#64748b);padding:0 3px;}
#ogb-app .ogb-list-pager .ogb-btn{font-size:13px;min-height:30px;padding:5px 10px;}
#ogb-app .ogb-list-pager .ogb-btn:disabled{opacity:.45;cursor:not-allowed;}
#ogb-app .ogb-pager-count{font-size:12px;color:var(--ogb-muted,#64748b);width:100%;text-align:center;margin-top:2px;}
@media (max-width: 960px){#ogb-app .ogb-shared-note-filters{grid-template-columns:1fr 1fr !important;}}
@media (max-width: 640px){#ogb-app .ogb-shared-note-filters{grid-template-columns:1fr !important;}}

/* v10.8.48 — My Check-ins filters, pagination, detail popup */
.ogb-ci-filter-grid{display:grid!important;grid-template-columns:minmax(220px,1.5fr) 150px 150px 150px auto;gap:10px;align-items:center;width:100%;}
.ogb-ci-filter-grid .ogb-input,.ogb-ci-filter-grid .ogb-select{font-size:13px!important;height:42px;min-height:42px;}
.ogb-ci-table tbody tr.js-ci-detail-row{cursor:pointer;}
.ogb-ci-table tbody tr.js-ci-detail-row:hover{background:#f8fbff;}
.ogb-ci-pager{display:flex;gap:6px;justify-content:flex-end;align-items:center;padding:14px 4px 2px;}
.ogb-page-tab{border:1px solid #d9e4f2;background:#fff;border-radius:9px;padding:6px 10px;font-size:13px;cursor:pointer;color:#334155;}
.ogb-page-tab.is-active{background:#00c7a7;border-color:#00c7a7;color:#fff;font-weight:700;}
.ogb-ci-detail-modal h3{margin:0 0 8px;font-size:18px;}
.ogb-ci-detail-meta{font-size:13px;color:#7086a6;}
.ogb-ci-detail-head{background:linear-gradient(135deg,#e8fbf7,#eef4ff);border:1px solid #dbe6f4;border-radius:12px;padding:16px 18px;margin-bottom:14px;}
.ogb-ci-detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin:12px 0;}
.ogb-ci-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7890ad;font-weight:800;margin-bottom:8px;}
.ogb-ci-detail-body{font-size:13px;line-height:1.55;color:#0f172a;white-space:normal;}
@media(max-width:900px){.ogb-ci-filter-grid{grid-template-columns:1fr 1fr;}.ogb-ci-filter-grid .ogb-ci-search{grid-column:1 / -1;}}

/* v10.8.49 — check-in delete requests and check-in pagination polish */
.ogb-ci-toolbar-right input.ogb-ci-search,
.ogb-ci-toolbar-right select.ogb-ci-select { font-size:13px; min-height:34px; }
.ogb-ci-pager { display:flex; gap:6px; justify-content:flex-end; align-items:center; padding:12px 0 4px; flex-wrap:wrap; }
#view-checkin-delete-requests .ogb-table-shell { overflow:auto; }

/* v10.8.51 — check-in deletion request modal */
.ogb-static-box{background:#f8fafc;border:1px solid #e5edf6;border-radius:10px;padding:10px 12px;font-size:13px;color:#0f172a;font-weight:600;}
.ogb-delete-request-modal .ogb-textarea{min-height:110px;}

/* v10.8.52 — check-in details popup polish */
.ogb-ci-detail-modal h3{margin:0 0 6px;font-size:18px;color:#0f172a}.ogb-ci-detail-meta{font-size:12px;color:#7890aa}.ogb-ci-detail-section{background:#f8fafc;border:1px solid #e5edf6;border-radius:12px;padding:14px 16px;margin:12px 0}.ogb-ci-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8295ad;margin-bottom:8px}.ogb-ci-detail-body{font-size:13px;line-height:1.55;color:#111827;white-space:normal}.js-ci-row,.js-ci-detail-row{cursor:pointer}.js-ci-row:hover,.js-ci-detail-row:hover{background:#f8fbff}


/* v10.8.53 — My Check-ins compact inline filter row */
.ogb-ci-my-card53{padding:22px!important;}
.ogb-ci-title-row53{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;}
.ogb-ci-title-row53 h3{margin:0;font-size:15px;font-weight:800;color:#0f172a;}
.ogb-ci-filter-row53{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(150px,.8fr);gap:10px;align-items:center;margin-bottom:18px;}
.ogb-ci-filter-row53 .ogb-input,.ogb-ci-filter-row53 .ogb-select{font-size:13px!important;height:42px!important;min-height:42px!important;padding:9px 14px!important;}
.ogb-ci-table .js-ci-row,.ogb-ci-table .js-ci-detail-row{cursor:pointer;}
.ogb-ci-table .js-ci-row:hover,.ogb-ci-table .js-ci-detail-row:hover{background:#f8fbff;}
@media(max-width:900px){.ogb-ci-filter-row53{grid-template-columns:1fr 1fr;}.ogb-ci-title-row53{align-items:flex-start;flex-direction:column;}}
@media(max-width:560px){.ogb-ci-filter-row53{grid-template-columns:1fr;}}

/* v10.8.55 Check-in popup polish */
.ogb-ci-detail-modal .ogb-ci-detail-head{background:linear-gradient(135deg,#e6fffb,#eef4ff);border:1px solid #d7e3f1;border-radius:12px;padding:16px 20px;margin-bottom:16px;}
.ogb-ci-detail-modal .ogb-ci-detail-head h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#0f172a;}
.ogb-ci-detail-modal .ogb-ci-detail-meta{font-size:12px;color:#7186a0;font-weight:600;}
.ogb-ci-detail-modal .ogb-ci-detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin:12px 0;}
.ogb-ci-detail-modal .ogb-ci-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8295ad;margin-bottom:8px;}
.ogb-ci-detail-modal .ogb-ci-detail-body{font-size:13px;line-height:1.55;color:#111827;white-space:normal;}

/* v10.9.8 Team Check-ins filter layout + deletion action icons */
#ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-title1097{
  display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-bottom:12px!important;
}
#ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-title1097 h3{margin:0!important;font-size:15px!important;line-height:1.2!important;}
#ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-filter1097{
  display:grid!important;grid-template-columns:minmax(190px,1.3fr) 150px 150px 135px 140px 150px 150px!important;gap:10px!important;align-items:center!important;width:100%!important;margin-bottom:14px!important;
}
#ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-filter1097 input,
#ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-filter1097 select{
  width:100%!important;height:40px!important;min-width:0!important;margin:0!important;font-size:13px!important;box-sizing:border-box!important;
}
@media(max-width:1200px){
  #ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-filter1097{grid-template-columns:repeat(4,minmax(150px,1fr))!important;}
}
@media(max-width:760px){
  #ogb-team-checkins-body .ogb-ci-team-card1097 .ogb-ci-team-filter1097{grid-template-columns:1fr!important;}
}

/* v10.9.9 deletion request icon buttons */
.ogb-delreq-icon-btn{
  width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;
  border-radius:8px!important;border:1px solid var(--ogb-border);
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:13px!important;font-weight:800!important;line-height:1!important;cursor:pointer;
  margin-right:5px!important;box-shadow:0 1px 2px rgba(15,23,42,.06);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, opacity .12s ease;
}
.ogb-delreq-icon-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(15,23,42,.12);}
.ogb-delreq-icon-btn.is-loading{opacity:.55;pointer-events:none;}
.ogb-delreq-approve{background:var(--ogb-teal)!important;border-color:var(--ogb-teal)!important;color:#fff!important;}
.ogb-delreq-reject{background:#fff!important;border-color:#fecaca!important;color:#dc2626!important;}

/* v10.9.10 deletion request queue: compact icon actions + requested date column */
.ogb-delreq-grid{
  display:grid!important;
  grid-template-columns:90px minmax(190px,1.35fr) 130px 120px 120px 120px 100px 150px!important;
  gap:0!important;
  border-bottom:1px solid var(--ogb-border)!important;
  font-size:13px!important;
}
.ogb-delreq-grid > div{padding:12px!important;border-right:1px solid var(--ogb-border)!important;}
.ogb-delreq-grid > div:last-child{border-right:0!important;}
.ogb-delreq-grid.ogb-table-row-head > div{padding:10px 12px!important;text-transform:uppercase;font-size:11px;font-weight:800;color:#8aa0b7!important;background:#f8fafc!important;}
.ogb-cell-type{font-weight:800;color:var(--ogb-text)!important;}
.ogb-cell-title{font-weight:700;color:var(--ogb-text)!important;}
.ogb-cell-sub{font-size:11px;color:var(--ogb-muted);margin-top:3px;}
.ogb-status-text{font-size:11px;font-weight:800;text-transform:capitalize;}
.ogb-delreq-actions{display:flex!important;align-items:center!important;gap:8px!important;}
.ogb-delreq-icon-btn{
  width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;
  border-radius:7px!important;border:1px solid #dbe5f0!important;background:#f8fafc!important;color:#8aa0b7!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:13px!important;line-height:1!important;cursor:pointer!important;margin:0!important;
  box-shadow:0 2px 5px rgba(15,23,42,.06)!important;
}
.ogb-delreq-icon-btn .dashicons{font-size:15px!important;width:15px!important;height:15px!important;line-height:15px!important;}
.ogb-delreq-icon-btn:hover{background:#eef6ff!important;color:#337ab7!important;transform:translateY(-1px);}
.ogb-delreq-approve:hover{background:#ecfdf5!important;color:#059669!important;border-color:#bbf7d0!important;}
.ogb-delreq-delete:hover{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important;}
.ogb-delreq-icon-btn.is-loading{opacity:.55!important;pointer-events:none!important;}
@media(max-width:1100px){.ogb-delreq-grid{grid-template-columns:80px minmax(180px,1fr) 120px 110px 110px 110px 90px 130px!important;}}

/* v10.9.12 — Deletion Requests table/card and compact action icons */
.ogb-delreq-card{background:#fff!important;border:1px solid var(--ogb-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(15,23,42,.06)!important;}
.ogb-delreq-card .ogb-table-wrap{width:100%!important;overflow-x:auto!important;}
.ogb-delreq-grid{grid-template-columns:90px minmax(220px,1.45fr) 130px 125px 130px 125px 105px 140px!important;align-items:stretch!important;}
.ogb-delreq-actions{gap:7px!important;justify-content:flex-start!important;}
.ogb-delreq-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;border-radius:7px!important;background:#f8fafc!important;color:#8aa0b7!important;border:1px solid #dbe5f0!important;}
.ogb-delreq-icon-btn .dashicons{font-size:15px!important;width:15px!important;height:15px!important;line-height:15px!important;}
.ogb-delreq-approve:hover{background:#ecfdf5!important;color:#059669!important;border-color:#bbf7d0!important;}
.ogb-delreq-delete:hover{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important;}
.ogb-delreq-modal-actions .ogb-btn{font-size:13px!important;}


/* v10.9.13 — refined Deletion Requests card spacing + filter sizing */
.ogb-delreq-card{padding:0!important;overflow:hidden!important;}
.ogb-delreq-card .ogb-table-head{padding:20px 28px 16px!important;margin:0!important;}
.ogb-delreq-card .ogb-table-wrap{padding:0 28px 22px!important;box-sizing:border-box!important;}
.ogb-delreq-card .ogb-delreq-grid{min-width:1040px!important;}
.ogb-delreq-card .ogb-table-row-head{border-top:1px solid var(--ogb-border)!important;border-left:1px solid var(--ogb-border)!important;border-right:1px solid var(--ogb-border)!important;border-radius:10px 10px 0 0!important;overflow:hidden!important;}
.ogb-delreq-card .js-delreq-row{border-left:1px solid var(--ogb-border)!important;border-right:1px solid var(--ogb-border)!important;}
.ogb-delreq-card .js-delreq-row:last-child{border-bottom:1px solid var(--ogb-border)!important;border-radius:0 0 10px 10px!important;overflow:hidden!important;}
.ogb-inline-filterbar .ogb-input,
.ogb-inline-filterbar .ogb-select,
.ogb-filter-13{font-size:13px!important;min-height:40px!important;}
@media (min-width:1100px){
  .ogb-inline-filterbar{flex-wrap:nowrap!important;}
}


/* v10.9.15 — 20-row pagination and report filter/table polish */
#ogb-app #mst-status-filter,
#ogb-app #tst-scope-filter,
#ogb-app #tst-status-filter,
#ogb-app #tst-department-filter,
#ogb-app #tst-team-filter,
#ogb-app #tst-role-filter,
#ogb-app #atr-scope-filter,
#ogb-app #atr-status-filter,
#ogb-app #atr-department-filter,
#ogb-app #atr-team-filter,
#ogb-app #atr-role-filter,
#ogb-app #delreq-keyword,
#ogb-app #delreq-type,
#ogb-app #delreq-status,
#ogb-app #delreq-department,
#ogb-app #delreq-team,
#ogb-app #delreq-scope{font-size:13px!important;min-height:40px!important;}
#ogb-app .ogb-list-pager{padding:14px 18px!important;background:#fff!important;border-top:1px solid var(--ogb-border)!important;}
#ogb-app .ogb-action-status-pill{pointer-events:none!important;}


/* v10.9.16 — 15-row pagination visibility and table spacing */
#ogb-app .ogb-list-pager,
#ogb-app .ogb-ci-pager{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  padding:14px 18px!important;
  background:#fff!important;
  border-top:1px solid var(--ogb-border)!important;
  flex-wrap:wrap!important;
}
#ogb-app .ogb-page-tab{
  min-width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  border:1px solid var(--ogb-border)!important;
  background:#fff!important;
  color:var(--ogb-text)!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
#ogb-app .ogb-page-tab.is-active,
#ogb-app .ogb-ci-pager .ogb-btn-primary{
  background:var(--ogb-teal)!important;
  border-color:var(--ogb-teal)!important;
  color:#fff!important;
}
#ogb-app .ogb-pager-count{font-size:12px!important;color:var(--ogb-muted)!important;margin-left:8px!important;}
#ogb-app .ogb-report-shell .ogb-table-grid,
#ogb-app .ogb-delreq-card .ogb-table-wrap{margin-left:18px!important;margin-right:18px!important;}
#ogb-app .ogb-delreq-card .ogb-table-head{padding:22px 26px 16px!important;}
#ogb-app .ogb-action-status-pill{pointer-events:none!important;}

/* v10.9.17 — separate pending/completed subtasks */
#ogb-app .ogb-subtask-view-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
#ogb-app .ogb-subtask-view-tab{border:1px solid var(--ogb-border,#dbe4ef);background:#fff;color:var(--ogb-text,#0f172a);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;line-height:1;box-shadow:0 1px 2px rgba(15,23,42,.04);}
#ogb-app .ogb-subtask-view-tab span{margin-left:6px;color:var(--ogb-muted,#7b8da8);}
#ogb-app .ogb-subtask-view-tab.is-active{background:var(--ogb-teal,#00ccb2);border-color:var(--ogb-teal,#00ccb2);color:#fff;}
#ogb-app .ogb-subtask-view-tab.is-active span{color:#fff;}
@media (max-width:768px){#ogb-app .ogb-subtask-view-tabs{width:100%;justify-content:flex-start;}#ogb-app .ogb-subtask-view-tab{font-size:12px;padding:7px 10px;}}

/* v10.9.18 — Sidebar cleanup: collapsed Operations + visible Support */
#ogb-app .ogb-nav-group > .ogb-nav-children { display: none; }
#ogb-app .ogb-nav-group.open > .ogb-nav-children { display: block; }
#ogb-app .ogb-operations-children { background: rgba(0,0,0,.12); border-left: 1px solid rgba(255,255,255,.06); margin-left: 10px; }
#ogb-app .ogb-nav-subgroup > .ogb-nav-parent { padding-left: 14px; font-size: 12.5px; }
#ogb-app .ogb-nav-subgroup > .ogb-nav-children { background: rgba(0,0,0,.16); }
#ogb-app .ogb-nav-subgroup .ogb-nav-child { padding-left: 26px; font-size: 12.5px; }
#ogb-app .ogb-operations-group > .ogb-nav-parent { font-weight: 700; }
#ogb-app .ogb-nav-section + .ogb-operations-group { margin-bottom: 6px; }
#ogb-app .ogb-nav-section:nth-of-type(4) { margin-top: 6px; }

/* v10.9.48 — Laptop-friendly floating Tools menu (no sidebar scrollbar required) */
#ogb-app .ogb-sidebar,
#ogb-app .ogb-nav-wrap{
  overflow:visible !important;
}
#ogb-app .ogb-nav-wrap{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#ogb-app .ogb-nav-wrap::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}
#ogb-app .ogb-operations-group,
#ogb-app .ogb-nav-subgroup{position:relative;}
#ogb-app .ogb-operations-group > .ogb-nav-children,
#ogb-app .ogb-nav-subgroup > .ogb-nav-children{
  display:none;
  position:fixed !important;
  left:var(--ogb-flyout-left, 220px);
  top:var(--ogb-flyout-top, 120px);
  width:238px;
  max-width:calc(100vw - 250px);
  max-height:calc(100vh - 24px);
  overflow:visible !important;
  background:#0d1523 !important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:8px;
  margin:0 !important;
  box-shadow:0 20px 45px rgba(0,0,0,.35);
  z-index:10030;
}
#ogb-app .ogb-nav-subgroup > .ogb-nav-children{
  width:220px;
  background:#101b2d !important;
  z-index:10040;
}
#ogb-app .ogb-operations-group.open > .ogb-nav-children,
#ogb-app .ogb-nav-subgroup.open > .ogb-nav-children{display:block !important;}
#ogb-app .ogb-operations-children{border-left:0 !important;}
#ogb-app .ogb-operations-group > .ogb-nav-children::before,
#ogb-app .ogb-nav-subgroup > .ogb-nav-children::before{
  content:"";position:absolute;left:-8px;top:18px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #0d1523;
}
#ogb-app .ogb-nav-subgroup > .ogb-nav-children::before{border-right-color:#101b2d;}
#ogb-app .ogb-operations-group > .ogb-nav-children .ogb-nav,
#ogb-app .ogb-nav-subgroup > .ogb-nav-children .ogb-nav{
  border-radius:10px;
  padding:10px 12px !important;
  font-size:12.5px !important;
}
#ogb-app .ogb-nav-subgroup > .ogb-nav-parent{padding-left:12px !important;}
#ogb-app .ogb-nav-subgroup .ogb-nav-child{padding-left:12px !important;}
#ogb-app .ogb-nav-group.open > .ogb-nav-parent .ogb-nav-arrow{transform:rotate(0deg) !important;color:var(--ogb-teal);}
@media (max-width:768px){
  #ogb-app .ogb-sidebar,#ogb-app .ogb-nav-wrap{overflow-y:auto !important;overflow-x:hidden !important;}
  #ogb-app .ogb-operations-group > .ogb-nav-children,
  #ogb-app .ogb-nav-subgroup > .ogb-nav-children{position:static !important;width:auto;max-width:none;box-shadow:none;border-radius:0;padding:0;background:rgba(0,0,0,.16) !important;border:0;}
  #ogb-app .ogb-operations-group > .ogb-nav-children::before,
  #ogb-app .ogb-nav-subgroup > .ogb-nav-children::before{display:none;}
}


/* v10.9.48 — refined sidebar flyouts: Tools stays beside parent; child flyouts no longer overlap; Settings moved to Support */
#ogb-app .ogb-operations-group > .ogb-nav-children{
  width:248px;
  left:var(--ogb-flyout-left, 218px);
  top:var(--ogb-flyout-top, 430px);
}
#ogb-app .ogb-nav-subgroup > .ogb-nav-children{
  width:220px;
  left:var(--ogb-flyout-left, 476px);
  top:var(--ogb-flyout-top, 430px);
  transform:translateX(10px);
  box-shadow:0 22px 48px rgba(0,0,0,.42);
}
#ogb-app .ogb-nav-subgroup > .ogb-nav-children::before{left:-18px;}
#ogb-app .ogb-operations-group > .ogb-nav-children .ogb-nav-subgroup.open > .ogb-nav-parent{
  background:rgba(0,204,178,.14) !important;
  color:#00ccb2 !important;
}
#ogb-app .ogb-operations-group > .ogb-nav-children .ogb-nav-child[data-view="settings"]{display:none !important;}
#ogb-app .ogb-nav-wrap > .ogb-nav[data-view="settings"]{margin-top:2px;}
@media (max-width:768px){
  #ogb-app .ogb-nav-subgroup > .ogb-nav-children{transform:none;}
}


/* v10.9.50 — tighter floating child menus + locked analytics visual */
#ogb-app .ogb-nav-subgroup > .ogb-nav-children{
  transform:none !important;
  margin-left:0 !important;
}
#ogb-app .ogb-nav-subgroup > .ogb-nav-children::before{left:-8px !important;}
#ogb-app .ogb-nav-child.ogb-access-locked{opacity:.72;}
#ogb-app .ogb-nav-child.ogb-access-locked:hover{opacity:1;}

/* ════════════════════════════════════════════════
   ANALYTICS REDESIGN — v10.9.50
   Hub header, tab pills, executive components
════════════════════════════════════════════════ */

/* ── Analytics Hub Header ── */
.ogb-analytics-hub-header {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px;
  background: var(--ogb-surface);
  border: 1px solid var(--ogb-border);
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: 6px;
  box-shadow: var(--ogb-shadow);
}
.ogb-analytics-hub-left { display: flex; align-items: center; gap: 16px; }
.ogb-analytics-hub-icon {
  width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--ogb-teal-lt) 0%, var(--ogb-blue-lt) 100%);
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.ogb-analytics-hub-title { font-size: 20px; font-weight: 800; color: var(--ogb-text); letter-spacing: -.4px; }
.ogb-analytics-hub-sub   { font-size: 13px; color: var(--ogb-muted); margin-top: 2px; }
.ogb-analytics-hub-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* ── Cycle chip ── */
.ogb-analytics-cycle-chip {
  display: inline-flex; align-items: center; padding: 2px 10px;
  background: linear-gradient(135deg, var(--ogb-teal) 0%, var(--ogb-blue) 100%);
  color: #fff; border-radius: 20px; font-size: 11px; font-weight: 700;
  letter-spacing: .03em; vertical-align: middle;
}

/* ── Analytics Tab Pills Bar ── */
.ogb-analytics-tabs-bar {
  display: flex; gap: 6px; align-items: center; flex-wrap: wrap;
  padding: 14px 0 16px; margin-bottom: 4px;
}
.ogb-analytics-tab {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 18px; border-radius: 10px; font-size: 13px; font-weight: 600;
  font-family: inherit; cursor: pointer; border: 1px solid var(--ogb-border);
  background: var(--ogb-surface); color: var(--ogb-mid);
  transition: all .15s; text-decoration: none; white-space: nowrap;
}
.ogb-analytics-tab:hover {
  border-color: var(--ogb-teal); color: var(--ogb-teal);
  background: var(--ogb-teal-lt); box-shadow: 0 2px 8px rgba(0,204,178,.1);
}
.ogb-analytics-tab.active {
  background: linear-gradient(135deg, var(--ogb-teal) 0%, var(--ogb-blue) 100%);
  color: #fff; border-color: transparent;
  box-shadow: 0 4px 14px rgba(0,204,178,.25);
}
.ogb-analytics-tab-ic  { font-size: 15px; line-height: 1; }
.ogb-analytics-tab-label { line-height: 1; }

/* ── Section labels (numbered) ── */
.ogb-analytics-section-label {
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ogb-muted); margin: 4px 0 10px; padding-left: 2px;
}

/* ── Executive Hero Banner ── */
.ogb-exec-hero {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 16px;
  background: var(--ogb-sidebar);
  border-radius: 16px; padding: 24px 28px; margin-bottom: 20px;
}
.ogb-exec-hero-eyebrow {
  font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,.4); margin-bottom: 8px;
}
.ogb-exec-hero-stat {
  font-size: 52px; font-weight: 900; color: var(--ogb-teal); letter-spacing: -2px; line-height: 1;
}
.ogb-exec-hero-unit { font-size: 32px; font-weight: 700; vertical-align: top; margin-top: 8px; display: inline-block; }
.ogb-exec-hero-sub  { font-size: 13px; color: rgba(255,255,255,.5); margin-top: 6px; }
.ogb-exec-hero-right { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ogb-exec-hero-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px; padding: 8px 14px; font-size: 13px; color: rgba(255,255,255,.75);
}
.ogb-exec-hero-pill span { font-size: 18px; font-weight: 800; color: #fff; }
.ogb-exec-hero-pill-teal { border-color: rgba(0,204,178,.4); background: rgba(0,204,178,.12); }
.ogb-exec-hero-pill-teal span { color: var(--ogb-teal); }
.ogb-exec-hero-pill-warn  { border-color: rgba(245,158,11,.4); background: rgba(245,158,11,.1); }
.ogb-exec-hero-pill-warn span { color: var(--ogb-amber); }

/* ── Executive KPI Cards ── */
.ogb-exec-kpi-row {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  gap: 14px; margin-bottom: 20px;
}
.ogb-exec-kpi-card {
  background: var(--ogb-surface); border: 1px solid var(--ogb-border);
  border-radius: 14px; padding: 18px 20px;
  box-shadow: var(--ogb-shadow); transition: box-shadow .2s, transform .2s;
}
.ogb-exec-kpi-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); transform: translateY(-1px); }
.ogb-exec-kpi-icon {
  width: 34px; height: 34px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; margin-bottom: 14px; font-weight: 700;
}
.ogb-exec-kpi-val { font-size: 28px; font-weight: 800; color: var(--ogb-text); letter-spacing: -.5px; line-height: 1; margin-bottom: 6px; }
.ogb-exec-kpi-lbl { font-size: 12px; color: var(--ogb-muted); font-weight: 500; }

/* ── Executive Filter Bar ── */
.ogb-exec-filters {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  background: var(--ogb-surface); border: 1px solid var(--ogb-border);
  border-radius: 12px; padding: 12px 16px; margin-bottom: 20px;
}
.ogb-exec-filter-toggle {
  display: flex; border: 1px solid var(--ogb-border); border-radius: 8px; overflow: hidden; flex-shrink: 0;
}
.ogb-exec-scope-btn {
  border: none; background: transparent; padding: 7px 14px;
  font-size: 12px; font-weight: 600; font-family: inherit; cursor: pointer;
  color: var(--ogb-mid); transition: all .12s;
}
.ogb-exec-scope-btn.active { background: var(--ogb-teal); color: #0a0f1a; }
.ogb-exec-scope-btn:first-child { border-right: 1px solid var(--ogb-border); }
.ogb-exec-filter-sel {
  font-size: 13px; height: 36px; border: 1px solid var(--ogb-border); border-radius: 8px;
  padding: 0 10px; background: var(--ogb-bg); color: var(--ogb-text); font-family: inherit;
  min-width: 130px; cursor: pointer;
}
.ogb-exec-filter-input {
  font-size: 13px; height: 36px; border: 1px solid var(--ogb-border); border-radius: 8px;
  padding: 0 10px; background: var(--ogb-bg); color: var(--ogb-text); font-family: inherit;
  min-width: 160px;
}
.ogb-exec-filter-sel:focus, .ogb-exec-filter-input:focus {
  outline: none; border-color: var(--ogb-teal); box-shadow: 0 0 0 3px rgba(0,204,178,.12);
}

/* ── Executive Alignment Flow Grid ── */
.ogb-exec-align-grid {
  display: flex; align-items: flex-start; gap: 0; flex-wrap: wrap;
}
.ogb-exec-align-node {
  flex: 1 1 140px; display: flex; flex-direction: column;
  align-items: center; text-align: center; padding: 16px 12px; position: relative;
}
.ogb-exec-align-node:not(:last-child)::after {
  content: '→'; position: absolute; right: -8px; top: 24px;
  font-size: 18px; color: var(--ogb-muted); font-weight: 300;
}
.ogb-exec-align-pill {
  display: inline-flex; align-items: center; gap: 5px;
  border-radius: 20px; padding: 5px 14px; font-size: 12px; font-weight: 700;
  margin-bottom: 10px; white-space: nowrap;
}
.ogb-exec-align-pill-1 { background: #e0f2fe; color: #0369a1; }
.ogb-exec-align-pill-2 { background: var(--ogb-teal-lt); color: var(--ogb-teal-dk); }
.ogb-exec-align-pill-3 { background: #ede9fe; color: #6d28d9; }
.ogb-exec-align-pill-4 { background: #dcfce7; color: #15803d; }
.ogb-exec-align-arrow  { font-size: 20px; color: var(--ogb-muted); margin: 4px 0; }
.ogb-exec-align-pct    { font-size: 32px; font-weight: 900; color: var(--ogb-teal); letter-spacing: -1px; line-height: 1; margin-bottom: 4px; }
.ogb-exec-align-lbl    { font-size: 11px; color: var(--ogb-muted); }

/* ── Coaching analytics filter enhancements ── */
#ogb-coaching-analytics-body .ogb-ca-filters {
  background: var(--ogb-surface); border: 1px solid var(--ogb-border);
  border-radius: 12px; padding: 12px 14px; gap: 8px;
}
#ogb-coaching-analytics-body .ogb-ca-filters select,
#ogb-coaching-analytics-body .ogb-ca-filters input {
  border-radius: 8px !important; background: var(--ogb-bg) !important;
  min-height: 36px !important; font-size: 13px !important;
}
#ogb-coaching-analytics-body .ogb-ca-section { border-radius: 14px !important; }
#ogb-coaching-analytics-body .ogb-ca-stat-card { border-radius: 14px !important; }

/* ── ogb-table (used in analytics) ── */
.ogb-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ogb-table thead tr { background: var(--ogb-bg); }
.ogb-table th {
  padding: 10px 12px; text-align: left; font-size: 11px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .06em; color: var(--ogb-muted);
  border-bottom: 1px solid var(--ogb-border); white-space: nowrap;
}
.ogb-table td { padding: 11px 12px; border-bottom: 1px solid var(--ogb-border); vertical-align: middle; color: var(--ogb-text); }
.ogb-table tbody tr:hover { background: #fafbfd; }
.ogb-table tbody tr:last-child td { border-bottom: none; }

/* ── Ghost button (Back nav) ── */
.ogb-btn-ghost {
  background: transparent; color: var(--ogb-mid);
  border: 1px solid var(--ogb-border);
}
.ogb-btn-ghost:hover { background: var(--ogb-bg); color: var(--ogb-text); }

/* ── Responsive ── */
@media (max-width: 768px) {
  .ogb-analytics-hub-header { padding: 14px 16px; gap: 10px; }
  .ogb-analytics-hub-title  { font-size: 16px; }
  .ogb-analytics-hub-icon   { width: 38px; height: 38px; font-size: 18px; }
  .ogb-analytics-tabs-bar   { gap: 4px; }
  .ogb-analytics-tab        { padding: 8px 12px; font-size: 12px; }
  .ogb-analytics-tab-label  { display: none; }
  .ogb-analytics-tab-ic     { font-size: 16px; }
  .ogb-exec-hero-stat       { font-size: 36px; }
  .ogb-exec-kpi-row         { grid-template-columns: repeat(2,1fr); }
  .ogb-exec-filters         { gap: 6px; }
  .ogb-exec-align-grid      { flex-direction: column; align-items: stretch; }
  .ogb-exec-align-node::after { display: none; }
  .ogb-exec-filter-sel, .ogb-exec-filter-input { min-width: 100px; }
}


/* v10.9.56 TranslatePress compatibility: marker classes only, no visual changes */
#ogb-app.translation-block,
#ogb-app .translation-block,
#ogb-modal.translation-block,
#ogb-modal .translation-block {
  translate: yes;
}


/* v10.9.58 — Google Translate layout protection
   Keeps the brand/logo stable and prevents long translated sidebar labels from
   pushing outside the fixed sidebar. */
#ogb-app .notranslate,
#ogb-app .notranslate * {
  translate: no;
}

#ogb-app .ogb-brand {
  min-width: 0;
  overflow: hidden;
}

#ogb-app .ogb-brand-ic {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  flex: 0 0 34px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#ogb-app .ogb-brand-text {
  min-width: 0;
  max-width: calc(var(--ogb-sidebar-w) - 82px);
  overflow: hidden;
}

#ogb-app .ogb-brand-name,
#ogb-app .ogb-brand-sub {
  display: block;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#ogb-app .ogb-nav {
  min-width: 0;
  overflow: hidden;
}

#ogb-app .ogb-nav:not(.ogb-nav-parent),
#ogb-app .ogb-nav-parent {
  white-space: normal;
  line-height: 1.2;
}

#ogb-app .ogb-nav-ic {
  flex: 0 0 16px;
}

#ogb-app .ogb-nav-count,
#ogb-app .ogb-nav-arrow {
  flex-shrink: 0;
}

#ogb-app .ogb-nav-wrap {
  overflow-x: hidden !important;
}

/* Google Translate may inject spans/font tags. Keep them contained inside nav. */
#ogb-app .ogb-sidebar font,
#ogb-app .ogb-sidebar span:not(.ogb-nav-ic):not(.ogb-nav-count):not(.ogb-nav-arrow) {
  max-width: 155px;
  overflow-wrap: anywhere;
}

/* The notification label becomes very long in Spanish; keep it contained. */
#ogb-app .ogb-sidebar a[data-view="reminders"],
#ogb-app .ogb-sidebar a[data-view="nudge-inbox"] {
  font-size: 12px;
  line-height: 1.15;
}


/* v10.9.59 — Popup nudge placement */
#ogb-app .ogb-modal-nudge-btn,
.ogb-modal-nudge-btn {
  margin-right: 0 !important;
  white-space: nowrap;
}
#ogb-app .ogb-ci-detail-actions { align-items: center; }
#ogb-app .ogb-ci-detail-actions .ogb-modal-nudge-btn { margin-right: 0 !important; }
#ogb-app .ogb-action-edit-actions .ogb-modal-nudge-btn { margin-right: auto !important; }

/* v10.9.62 — Executive + Coaching Analytics strict My Members scope */
.ogb-exec-filter-in-card {
  padding: 0 18px 14px;
}
.ogb-exec-filter-in-card .ogb-exec-filters {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  display: grid;
  grid-template-columns: auto 1fr 1fr 1.2fr 1fr 1fr;
  align-items: center;
}
.ogb-exec-filter-in-card .ogb-exec-filter-sel,
.ogb-exec-filter-in-card .ogb-exec-filter-input {
  width: 100%;
  min-width: 0;
}
@media (max-width: 980px) {
  .ogb-exec-filter-in-card .ogb-exec-filters { grid-template-columns: 1fr; }
  .ogb-exec-filter-in-card .ogb-exec-filter-toggle { width: 100%; }
  .ogb-exec-filter-in-card .ogb-exec-scope-btn { flex: 1; }
}

/* v10.9.68 — Members loading feedback */
@keyframes ogbPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.12);opacity:1}}
.ogb-member-loading-card{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;}


/* v11.0.4 - 1:1 Coaching table UX width balance
   Wider Member column, controlled Remarks column, cleaner name/date wrapping. */
#ogb-app table.ogb-1on1-table{
  table-layout:fixed !important;
  width:100% !important;
  min-width:900px !important;
}
#ogb-app table.ogb-1on1-table th,
#ogb-app table.ogb-1on1-table td{
  vertical-align:middle !important;
}
#ogb-app table.ogb-1on1-table th:nth-child(1),
#ogb-app table.ogb-1on1-table td:nth-child(1){
  width:240px !important;
  min-width:240px !important;
}
#ogb-app table.ogb-1on1-table th:nth-child(2),
#ogb-app table.ogb-1on1-table td:nth-child(2){
  width:165px !important;
  min-width:165px !important;
  white-space:normal !important;
  line-height:1.45 !important;
}
#ogb-app table.ogb-1on1-table th:nth-child(3),
#ogb-app table.ogb-1on1-table td:nth-child(3){
  width:120px !important;
  min-width:120px !important;
}
#ogb-app table.ogb-1on1-table th:nth-child(4),
#ogb-app table.ogb-1on1-table td:nth-child(4){
  width:130px !important;
  min-width:130px !important;
}
#ogb-app table.ogb-1on1-table th:nth-child(5),
#ogb-app table.ogb-1on1-table td:nth-child(5){
  width:230px !important;
  max-width:230px !important;
  white-space:normal !important;
  line-height:1.45 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
#ogb-app table.ogb-1on1-table th:nth-child(6),
#ogb-app table.ogb-1on1-table td:nth-child(6){
  width:90px !important;
  min-width:90px !important;
}
#ogb-app table.ogb-1on1-table td:first-child{
  white-space:normal !important;
}
#ogb-app table.ogb-1on1-table td:first-child .ogb-avatar{
  vertical-align:middle !important;
  margin-right:10px !important;
}
#ogb-app table.ogb-1on1-table td:first-child span{
  display:inline-block !important;
  max-width:175px !important;
  vertical-align:middle !important;
  line-height:1.35 !important;
  white-space:normal !important;
}
@media (max-width:1100px){
  #ogb-app table.ogb-1on1-table{min-width:860px !important;}
  #ogb-app table.ogb-1on1-table th:nth-child(1),
  #ogb-app table.ogb-1on1-table td:nth-child(1){width:220px !important;min-width:220px !important;}
  #ogb-app table.ogb-1on1-table td:first-child span{max-width:155px !important;}
  #ogb-app table.ogb-1on1-table th:nth-child(5),
  #ogb-app table.ogb-1on1-table td:nth-child(5){width:210px !important;max-width:210px !important;}
}

/* v12.0 — Coaching Analytics leader cadence and simplified columns */
.ogb-ca-mini{
  margin-top:3px;
  font-size:11px;
  line-height:1.2;
  color:var(--ogb-muted,#8aa0bd);
  font-weight:600;
}
.ogb-ca-members-btn{
  white-space:nowrap;
}

/* ── Deletion History Table ── */
.ogb-delhis-grid {
  display: grid !important;
  grid-template-columns: 90px minmax(200px,1.6fr) 130px 110px 130px 110px 160px minmax(120px,1fr) !important;
  align-items: stretch !important;
}
.ogb-delhis-grid > div { padding: 11px 12px !important; border-right: 1px solid var(--ogb-border) !important; font-size: 13px; }
.ogb-delhis-grid > div:last-child { border-right: 0 !important; }
.ogb-delhis-grid.ogb-table-row-head > div { padding: 9px 12px !important; text-transform: uppercase; font-size: 11px; font-weight: 800; color: #8aa0b7 !important; background: #f8fafc !important; }
.ogb-type-badge { display: inline-block; padding: 2px 9px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.ogb-type-goal    { background: #ede9fe; color: #7c3aed; }
.ogb-type-checkin { background: #dbeafe; color: #1d4ed8; }
.ogb-type-subtask { background: #fef9c3; color: #92400e; }
.ogb-type-action  { background: #dcfce7; color: #166534; }
@media(max-width:1200px){
  .ogb-delhis-grid { grid-template-columns: 80px minmax(160px,1.2fr) 110px 100px 110px 100px 140px minmax(100px,1fr) !important; }
}

/* ── Clickable row hover states ── */
.js-delreq-row:hover,
.js-delhis-row:hover { background: #f0faf8 !important; }
.js-delreq-row { cursor: pointer; transition: background .12s; }
.js-delhis-row { cursor: pointer; transition: background .12s; }


/* v12.0.10 — larger Minutes of Meeting editor and safer modal behavior */
#ogb-app .ogb-minutes-textarea,
.ogb-minutes-textarea {
  min-height: 180px !important;
  height: 180px;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
@media (min-width: 1024px) {
  #ogb-app .ogb-minutes-textarea,
  .ogb-minutes-textarea {
    min-height: 220px !important;
    height: 220px;
  }
}