.tenant-preview { background: var(--color-background); color: var(--color-foreground); color-scheme: var(--color-mode, light); font-family: var(--font-sans); border: 1px solid var(--color-border); border-radius: max(4px, var(--radius)); overflow: hidden; }
.tenant-preview :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.tenant-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 32px; border-bottom: 1px solid var(--color-border); }
.tenant-header h2 { margin: 6px 0; font: 400 clamp(28px, 3vw, 38px)/1.1 var(--font-display); letter-spacing: -0.025em; }
.tenant-header p, .tenant-section-head p { margin: 0; color: var(--color-muted-foreground); }
.tenant-eyebrow { display: block; color: var(--color-accent); font: 600 10px/1.4 var(--font-sans); letter-spacing: .12em; text-transform: uppercase; }
.tenant-mark { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border: 1px solid var(--color-border); border-radius: var(--radius); color: var(--color-primary); font-weight: 600; }
.tenant-mark img { max-width: 100%; max-height: 100%; object-fit: contain; }
.tenant-tabs { display: flex; gap: 28px; padding: 0 32px; border-bottom: 1px solid var(--color-border); }
.tenant-tab { padding: 15px 0 13px; background: none; border: 0; border-bottom: 2px solid transparent; color: var(--color-muted-foreground); }
.tenant-tab:hover, .tenant-tab.active { color: var(--color-foreground); border-bottom-color: var(--color-primary); }
.plugin-mount { padding: 28px 32px 36px; }
.tenant-section-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 24px; }
.tenant-section-head h3 { margin: 5px 0 4px; font: 500 25px/1.2 var(--font-display); }
.tenant-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-module-gap); margin-bottom: var(--space-module-gap); }
.t-metric, .t-panel { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); }
.t-metric { padding: 19px 20px; display: flex; flex-direction: column; align-items: flex-start; }
.t-metric > span { color: var(--color-muted-foreground); font-size: 12px; }
.t-metric strong { margin: 10px 0 3px; font: 500 29px/1 var(--font-mono); font-variant-numeric: tabular-nums; }
.t-metric small { color: var(--color-muted-foreground); font-size: 11px; }
.t-panel { padding: 20px; }
.t-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 15px; }
.t-panel-head h4 { margin: 3px 0 0; font: 500 18px/1.2 var(--font-display); }
.t-badge { display: inline-flex; align-items: center; padding: 4px 8px; border: 1px solid var(--color-border); border-radius: max(2px, calc(var(--radius) / 2)); color: var(--color-muted-foreground); font-size: 11px; white-space: nowrap; }
.t-badge-success { color: var(--color-success); border-color: var(--color-success); }
.t-badge-warning { color: var(--color-warning); border-color: var(--color-warning); }
.t-button { border: 1px solid var(--color-primary); border-radius: var(--radius); padding: 8px 12px; white-space: nowrap; font-size: 12px; font-weight: 600; transition: background 140ms ease, color 140ms ease; }
.t-button-primary { background: var(--color-primary); color: var(--color-primary-foreground); }
.t-button-primary:hover { filter: brightness(.92); }
.t-button-secondary { background: transparent; color: var(--color-primary); }
.t-button-secondary:hover { background: var(--color-muted); }
.slot-list > div { display: flex; align-items: center; gap: 15px; border-top: 1px solid var(--color-border); padding: 13px 0; }
.slot-list > div:last-child { padding-bottom: 0; }
.slot-list span { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.slot-list strong { font-size: 13px; font-weight: 600; }
.slot-list small { color: var(--color-muted-foreground); font-size: 11px; }
.slot-list time { color: var(--color-muted-foreground); font: 11px var(--font-mono); white-space: nowrap; }
.table-scroll { overflow-x: auto; }
.t-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }
.t-table th { padding: 8px 9px; border-bottom: 1px solid var(--color-border); color: var(--color-muted-foreground); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.t-table td { padding: 11px 9px; border-bottom: 1px solid var(--color-border); white-space: nowrap; }
.t-table tr:last-child td { border-bottom: 0; }
.t-table td strong { display: block; font: 600 12px var(--font-mono); }
.t-table td small { display: block; color: var(--color-muted-foreground); font-size: 11px; }
@media (max-width: 700px) { .tenant-header, .plugin-mount { padding: 22px; } .tenant-tabs { padding: 0 22px; } .tenant-metrics { grid-template-columns: 1fr; } .tenant-section-head { align-items: flex-start; } .slot-list > div { flex-wrap: wrap; } .slot-list time { margin-left: auto; } }

.tenant-preview[data-tenant-mode="dark"] { color-scheme: dark; }