/* WHAT: Private producer workspace and its explicitly synthetic preview. WHY: Source-separated measurement needs a clear hierarchy, evidence and visible missing states. HOW: Shares platform tokens while using compact cards, accessible tables and bounded timeline views. */
.dashboard-header { display: flex; justify-content: space-between; gap: 22px; align-items: flex-start; margin-bottom: 24px; }.dashboard-header h1 { font-size: 39px; margin-bottom: 11px; }.dashboard-header p { font-size: 13px; margin: 0; }.dashboard-header .eyebrow { margin-bottom: 13px; }
.dashboard-layout { display: grid; grid-template-columns: 178px minmax(0,1fr); gap: 28px; }.dashboard-nav { display: flex; flex-direction: column; gap: 5px; align-self: start; position: sticky; top: 20px; }.dashboard-nav button { padding: 12px 14px; border: 1px solid transparent; border-radius: 9px; text-align: left; font-size: 12px; background: none; color: var(--muted); }.dashboard-nav button[aria-pressed="true"] { background: #203832; border-color: #385c51; color: var(--mint); }.dashboard-nav .sidebar-note { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 20px; font-size: 11px; color: var(--muted); line-height: 1.7; }
.dashboard-content { min-width: 0; }.dashboard-content .panel { margin-bottom: 18px; }.report-filter { background: #172326; border: 1px solid var(--line); padding: 16px 20px; border-radius: 12px; margin-bottom: 20px; }.report-filter .form-inline { gap: 15px; }.report-filter input, .report-filter select { font-size: 12px; }.report-filter label { font-size: 11px; }.report-filter p { font-size: 11px; margin: 10px 0 0; }
.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-bottom: 20px; }.metric-card { padding: 19px; border: 1px solid var(--line); border-radius: 12px; background: #182426; min-width: 0; }.metric-card .metric-label { color: #b0c4bd; font: 10px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .03em; }.metric-card .metric-value { font-size: clamp(26px,2.5vw,40px); line-height: 1.2; margin: 13px 0 10px; font-weight: 650; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }.metric-card p { font-size: 10px; line-height: 1.5; margin: 0; }.metric-card.accent { background: #20352e; border-color: #48674f; }.metric-card.accent .metric-value { color: var(--mint); }
.dashboard-two { display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; }.dashboard-two .panel { padding: 22px; }.dashboard-content h2 { font-size: 23px; }.dashboard-content h3 { font-size: 18px; }
.chart { display: block; width: 100%; height: 190px; }.chart .grid-line { stroke: #40544b; stroke-opacity: .5; }.chart .axis-label { fill: #a9bdb6; font-size: 11px; font-family: var(--mono); }.chart .human-bar { fill: var(--mint); }.chart .unknown-bar { fill: #b1aaed; }.chart .bot-bar { fill: var(--coral); }
.chart-legend { display: flex; flex-wrap: wrap; gap: 17px; font-size: 10px; color: var(--muted); margin-top: 8px; }.legend-dot { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 2px; background: var(--mint); }.legend-dot.bot { background: var(--coral); }.legend-dot.unknown { background: #b1aaed; }
.data-rows { display: grid; gap: 14px; }.data-row { display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px solid #34463e; padding-bottom: 11px; font-size: 12px; color: var(--muted); }.data-row strong { color: var(--ink); }.data-row:last-child { border: 0; padding-bottom: 0; }
/* WHAT: Evidence tables and review cards. WHY: Findings must point to actual metrics and timestamps rather than persuasive decorative prose. HOW: Gives data tables horizontal overflow, explicit headers and keyboard-operable evidence links. */
.table-wrap { overflow-x: auto; max-width: 100%; }.data-table { border-collapse: collapse; width: 100%; min-width: 510px; font-size: 12px; }.data-table th { text-align: left; padding: 12px 10px; font: 10px var(--mono); color: #b8c9c0; border-bottom: 1px solid #4a5f54; }.data-table td { padding: 12px 10px; border-bottom: 1px solid #2c4036; color: #b8c9c2; vertical-align: top; }.data-table td:first-child { color: var(--ink); }.data-table tbody tr:focus { outline: 2px solid var(--mint); outline-offset: -2px; }.data-table .tag { font-size: 9px; }
.pagination { margin-top: 15px; display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--muted); font-size: 11px; }.review-card { border: 1px solid #3d5b4b; border-left: 3px solid var(--mint); border-radius: 10px; padding: 19px; margin-top: 13px; background: #192b22; }.review-card.hypothesis { border-color: #605740; border-left-color: var(--yellow); background: #28291f; }.review-card h3 { font-size: 17px; line-height: 1.3; margin: 8px 0; }.review-card p { font-size: 12px; line-height: 1.7; margin-bottom: 10px; }.review-card .text-button { font-size: 11px; color: var(--mint); }.review-quality { padding: 13px 0; font-size: 12px; color: var(--yellow); }
.research-entry { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 18px; }.research-entry h3 { font-size: 17px; }.research-entry p { font-size: 13px; white-space: pre-wrap; }.research-entry a { color: var(--mint); font-size: 12px; }.research-entry .tag { margin-bottom: 12px; }
.broadcast-record { border: 1px solid var(--line); padding: 18px; border-radius: 10px; margin-top: 16px; }.broadcast-record h3 { margin-bottom: 9px; }.broadcast-record p { font-size: 12px; }.broadcast-record .button-row { margin-top: 13px; }.preview-banner { border-color: #7d6848; background: #352d20; color: #f3ddad; }.lock-card { max-width: 680px; margin: 35px auto; text-align: center; padding: 45px; }.lock-card h1 { font-size: 37px; }.lock-icon { font-size: 35px; color: var(--mint); margin-bottom: 22px; }
@media(max-width: 1150px) { .dashboard-layout { grid-template-columns: 145px minmax(0,1fr); gap: 20px; }.metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.dashboard-two { grid-template-columns: 1fr; } }
@media(max-width: 800px) { .dashboard-layout { display: block; }.dashboard-nav { position: static; flex-direction: row; overflow-x: auto; margin-bottom: 22px; }.dashboard-nav button { white-space: nowrap; padding: 10px 12px; }.dashboard-nav .sidebar-note { display: none; }.dashboard-header { flex-direction: column; gap: 15px; }.dashboard-header h1 { font-size: 31px; }.metric-card { padding: 16px; }.report-filter { padding: 15px; }.lock-card { padding: 25px; }.metric-grid { gap: 10px; }.chart { height: 175px; } }