/* Preview 02. Original vanilla styles; no third-party code or new runtime. */
.premium-roster-workspace [hidden]{display:none!important}
.premium-roster{background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden;margin-bottom:24px}
.pr-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px}
.pr-heading h2{font-size:23px;line-height:1.45;letter-spacing:-.025em;margin:5px 0 8px}
.pr-heading p,.pr-snapshot{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.pr-actions{display:flex;gap:8px;flex-wrap:wrap}.premium-roster .btn{min-height:44px;white-space:normal}
.pr-snapshot{padding:12px 24px;background:var(--raise,#fafbfc);border-block:1px solid var(--line)}
.pr-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding:20px 24px 8px}.pr-toolbar .field{margin:0;flex:1;min-width:170px}.pr-toolbar .segmented{display:flex;flex-wrap:wrap}
.pr-toolbar .segmented button{min-height:44px}.pr-filters{display:grid;grid-template-columns:minmax(190px,1.7fr) repeat(3,minmax(140px,1fr));gap:16px;padding:16px 24px 24px;border-bottom:1px solid var(--line)}
.pr-filters .field{margin:0;min-width:0}.pr-filters input,.pr-filters select,.pr-toolbar input{min-height:44px;max-width:100%;width:100%}
.pr-results{padding:0 24px 24px;min-width:0}.pr-result-count{font-size:13px;line-height:1.8;color:var(--muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pr-preparation-scope{padding:12px 24px 0;font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.pr-group{margin-top:24px;min-width:0}.pr-group h3{font-size:15px;line-height:1.7;margin:0;padding:10px 0;border-bottom:2px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.pr-group h3 small{font-weight:400;color:var(--muted);font-size:12px}
.premium-roster-row{display:grid;grid-template-columns:140px minmax(0,1fr) 170px;align-items:start;gap:24px;width:100%;text-align:left;padding:18px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;line-height:1.7;border-radius:0}
.premium-roster-row:hover,.premium-roster-row.is-selected{background:var(--raise,#fafbfc)}.premium-roster-row.is-selected{box-shadow:inset 3px 0 var(--amber,#93620b)}
.premium-roster-row:focus-visible{outline:3px solid #176fbb;outline-offset:-3px}.premium-roster-row strong{display:block;font-size:14px;line-height:1.7}.premium-roster-row small{display:block;font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere;margin-top:4px}.premium-roster-row>span{min-width:0;overflow-wrap:anywhere}.premium-roster-row .pr-time strong{font-variant-numeric:tabular-nums}
.pr-row-state{justify-self:end;text-align:right}.premium-roster .badge{white-space:normal;max-width:100%;overflow-wrap:anywhere}.pr-issue{color:var(--bad,#b52c25)!important}
.pr-boundary{border-top:1px solid var(--line);padding:12px 24px;color:var(--muted);font-size:13px;line-height:1.8}.pr-boundary summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.pr-boundary p{max-width:850px}
.premium-roster-drawer .pr-person{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;font-size:14px}.pr-person small{width:100%;font-size:12px;line-height:1.8;color:var(--muted)}
.pr-diff{border-bottom:1px solid var(--line);padding:16px 0;min-width:0}.pr-diff>strong{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.pr-diff p{font-size:13px;margin:8px 0}.pr-diff dl{margin:12px 0;font-size:13px;line-height:1.8}.pr-diff dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;margin:8px 0}.pr-diff dt{color:var(--muted)}.pr-diff dd{margin:0;overflow-wrap:anywhere}
.premium-roster-drawer textarea{min-height:100px}.premium-roster-drawer summary{min-height:44px;cursor:pointer;line-height:1.8}.premium-roster-drawer [role=alert]{color:var(--bad,#b52c25)}
@media(max-width:1050px){.pr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-heading{flex-direction:column}.pr-row-state{width:150px}.premium-roster-row{grid-template-columns:130px minmax(0,1fr) 150px;gap:16px}}
@media(max-width:640px){.pr-heading{padding:20px 16px;gap:16px}.pr-heading h2{font-size:21px}.pr-snapshot{padding:12px 16px}.pr-toolbar{padding:20px 16px 8px;gap:14px}.pr-toolbar>.pr-actions,.pr-toolbar>.segmented{width:100%}.pr-toolbar .pr-actions .btn{flex:1;font-size:12px;padding:10px 8px}.pr-toolbar>.segmented button{flex:1}.pr-filters{padding:16px;gap:14px}.pr-filters>.field:first-child,.pr-filters>.field:last-child{grid-column:1/-1}.pr-results{padding:0 16px 20px}.pr-group h3{font-size:15px}.premium-roster-row{grid-template-columns:1fr;gap:8px;padding:18px 10px}.pr-time{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.pr-time small{margin:0}.pr-row-state{justify-self:start;text-align:left;width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pr-row-state small{margin:0}.pr-row-state small:last-child{width:100%}.pr-boundary{padding:12px 16px}.premium-roster-drawer footer{gap:8px}.pr-diff dl>div{grid-template-columns:60px minmax(0,1fr);gap:8px}}
@media(prefers-reduced-motion:reduce){.premium-roster-workspace.view-enter{animation:none!important}}
