/* lab.css — what the Lab adds to the portal's sheets: the secrets shown once, the forms of keys and people, the roles.
   No inline style anywhere (CSP style-src 'self'). */
.lab-badge { display:inline-block; margin-left:10px; padding:2px 8px; border-radius:999px; background:var(--orange-tint, #fff4e8); color:var(--orange-ink, #8a4b00); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; vertical-align:middle; }
.lab-card-head { padding:18px 20px 0; }
.lab-card-head h2 { font-size:16px; font-weight:650; }
.lab-once { margin:0 0 20px; padding:16px 18px; border:1px solid #f3d3a8; border-radius:12px; background:var(--orange-tint, #fff4e8); }
.lab-once p { margin:0 0 10px; font-size:14px; line-height:1.5; }
.lab-once-value { width:100%; padding:10px 12px; border:1px solid var(--line, #e3e7ec); border-radius:8px; background:#fff; font-family:var(--font-mono, monospace); font-size:13px; }
.lab-once .copy-actions { margin-top:10px; }
.lab-form-card { margin:0 0 20px; }
.lab-form-card h2 { font-size:17px; font-weight:650; margin-bottom:14px; }
.lab-form { display:grid; gap:14px; }
.lab-inline { grid-template-columns:repeat(3, minmax(0, 1fr)) auto; align-items:end; }
.lab-scopes { display:grid; gap:8px; margin:0; padding:0; border:0; }
.lab-scopes legend { margin-bottom:6px; font-weight:600; font-size:14px; }
.lab-check { display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.4; }
.lab-check input { margin-top:3px; }
.lab-scope { display:inline-block; margin:0 4px 4px 0; padding:1px 6px; border-radius:6px; background:var(--tint, #f5f6f8); font-size:12px; }
.lab-roles { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin:0 0 20px; }
.lab-roles div { padding:12px 14px; border:1px solid var(--line, #e3e7ec); border-radius:12px; background:var(--surface, #fff); }
.lab-roles dt { font-weight:650; font-size:14px; }
.lab-roles dd { margin:4px 0 0; color:var(--muted, #5b6b7c); font-size:13px; line-height:1.45; }
.lab-row-form { display:flex; align-items:center; gap:6px; }
.lab-row-form select { padding:4px 8px; font-size:13px; }
@media (max-width: 860px) {
    .lab-inline, .lab-roles { grid-template-columns:1fr; }
}