.phase2e-workspace { min-width: 0; }
.phase2e-broadcast-legacy[hidden] { display: none !important; }
.phase2e-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.phase2e-tabs [role="tab"] { min-height: 44px; padding: .55rem .9rem; border: 1px solid var(--border-color,#d7d5e3); border-radius: .75rem; background: var(--card-bg,#fff); color: var(--text-primary,#252238); cursor: pointer; }
.phase2e-tabs [aria-selected="true"] { border-color: #7040df; background: #ede7ff; color: #45209c; font-weight: 700; }
.phase2e-tabs [role="tab"]:focus-visible, .phase2e-filters :focus-visible, .phase2e-detail :focus-visible { outline: 3px solid #7040df; outline-offset: 2px; }
.phase2e-filters { display: flex; align-items: end; flex-wrap: wrap; gap: .65rem; padding: .9rem; margin: 1rem 0; border: 1px solid var(--border-color,#dedbe8); border-radius: .85rem; background: var(--card-bg,#fff); }
.phase2e-filters label { display: grid; gap: .25rem; min-width: 130px; flex: 1 1 150px; font-size: .82rem; font-weight: 650; }
.phase2e-filters input, .phase2e-filters select { min-height: 44px; width: 100%; max-width: 100%; box-sizing: border-box; padding: .45rem .6rem; border: 1px solid var(--border-color,#cfcbdc); border-radius: .55rem; background: var(--card-bg,#fff); color: var(--text-primary,#252238); }
.phase2e-meta { color: var(--text-secondary,#64748b); font-size: .85rem; line-height: 1.5; overflow-wrap: anywhere; }
.phase2e-empty { padding: 1.25rem; border: 1px dashed var(--border-color,#d7d5e3); border-radius: .8rem; color: var(--text-secondary,#64748b); }
.phase2e-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--border-color,#dedbe8); border-radius: .85rem; margin: .75rem 0; background: var(--card-bg,#fff); }
.phase2e-table { width: 100%; min-width: 650px; border-collapse: collapse; }
.phase2e-table th, .phase2e-table td { padding: .75rem; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.phase2e-table th, .phase2e-table td { white-space: nowrap; }
.phase2e-table tr + tr { border-top: 1px solid var(--border-color,#eeeaf3); }
.phase2e-detail { margin: 1rem 0; padding: 1rem; border: 1px solid var(--border-color,#dedbe8); border-radius: .85rem; background: var(--card-bg,#fff); }
.phase2e-detail:empty { display: none; }
.phase2e-detail-head { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; align-items: center; }
.phase2e-detail-head h2 { margin: 0; font-size: 1.15rem; }
#phase2e-system ~ * { display: none !important; }
[data-theme="dark"] .phase2e-tabs [aria-selected="true"] { background: #352450; color: #e7d8ff; }
[data-theme="dark"] .phase2e-workspace { color: #e9e7f5; }
[data-theme="dark"] .phase2e-filters, [data-theme="dark"] .phase2e-table-scroll,
[data-theme="dark"] .phase2e-detail { background: #20243a; border-color: #4b4664; color: #e9e7f5; }
[data-theme="dark"] .phase2e-tabs [role="tab"] { background: #20243a; border-color: #514772; color: #e9e7f5; }
[data-theme="dark"] .phase2e-tabs [aria-selected="true"] { background: #4b2e81; border-color: #b79cf0; color: #fff; }
[data-theme="dark"] .phase2e-filters input, [data-theme="dark"] .phase2e-filters select { background: #171b2d; border-color: #68607e; color: #f4f1ff; }
[data-theme="dark"] .phase2e-meta, [data-theme="dark"] .phase2e-empty { color: #c5c0d8; }
[data-theme="dark"] .phase2e-table th, [data-theme="dark"] .phase2e-table td { color: #f3f0fc; border-color: #514b67; }
[data-theme="dark"] .phase2e-table thead { background: #2d3150; }
@media (max-width: 600px) { .phase2e-header { align-items: start; } .phase2e-tabs [role="tab"] { flex: 1 1 44%; } .phase2e-filters label { flex-basis: 100%; } .phase2e-table { min-width: 560px; } }