.subtabs { display: flex; gap: 8px; margin: 6px 0 20px; flex-wrap: wrap; }
.subtab { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--fg-muted); font-weight: 600; font-size: 13.5px; padding: 9px 15px; border-radius: var(--r-sm); transition: all 0.16s; }
.subtab svg { color: var(--fg-faint); }
.subtab:hover { border-color: var(--line-2); color: var(--fg); }
.subtab.on { border-color: var(--brand); color: var(--brand); background: var(--brand-tint); }
.subtab.on svg { color: var(--brand); }
.subtab .sc { font-family: var(--mono); font-size: 10px; color: var(--fg-faint); background: var(--raised); border-radius: 20px; padding: 1px 7px; }
.subtab.on .sc { color: var(--brand); background: transparent; }
.subpanel { display: none; }
.subpanel.on { display: block; animation: rise 0.22s var(--ease); }

.dept-ic { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: var(--raised); border: 1px solid var(--line); color: var(--fg-muted); flex-shrink: 0; }
.card-cta { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; font-size: 12.5px; font-weight: 600; color: var(--brand); padding: 7px 0; transition: gap 0.15s; }
.card-cta svg { color: var(--brand); }
.card-cta:hover { gap: 10px; }

/* ── owner grid ── */
.owner-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; padding-bottom: 60px; }

.owner-card { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 20px; cursor: pointer; transition: border-color 0.16s; }
.owner-card:hover { border-color: var(--brand-deep); }
.owner-card:focus-visible { outline: none; box-shadow: var(--ring); }
.owner-badge { display: inline-block; font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.6px; text-transform: uppercase; color: var(--brand); background: var(--brand-tint); border: 1px solid color-mix(in srgb, var(--brand) 35%, transparent); border-radius: 20px; padding: 3px 9px; margin-bottom: 10px; }
.owner-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 15px; }
.owner-head h3 { font-family: var(--display); font-weight: 700; font-size: 15.5px; line-height: 1.25; }
.owner-head small { font-family: var(--mono); font-size: 10px; letter-spacing: 0.3px; color: var(--fg-faint); display: block; margin-top: 3px; }
.owner-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.ostat { background: var(--raised); border: 1px solid var(--line); border-radius: var(--r-xs); padding: 9px 11px; }
.ostat b { font-family: var(--mono); font-size: 16px; display: block; line-height: 1.1; }
.ostat b i { font-style: normal; font-size: 11px; color: var(--fg-muted); margin-left: 1px; }
.ostat span { font-size: 9.5px; color: var(--fg-faint); text-transform: uppercase; letter-spacing: 0.4px; }

.owner-flag { display: block; margin-top: 4px; font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.3px; color: var(--warn); }

/* ── priority tiers ── */
.owner-tier { margin-bottom: 26px; }
.owner-tier-h { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 11.5px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: var(--fg-muted); margin-bottom: 12px; }
.owner-tier-h .sc { font-family: var(--mono); font-size: 10px; color: var(--fg-faint); background: var(--raised); border-radius: 20px; padding: 1px 7px; text-transform: none; letter-spacing: normal; }
.tier-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.tier-dot.tier-attention { background: var(--crit); }
.tier-dot.tier-monitoring { background: var(--warn); }
.tier-dot.tier-good { background: var(--pos); }

@media (max-width: 560px) { .owner-grid { grid-template-columns: 1fr; } }