.customer-api-settings .table-responsive { overflow:auto; margin:16px 0 28px; }
.customer-api-settings .table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
.customer-api-settings th, .customer-api-settings td { padding:12px; border-bottom:1px solid var(--border-color,#667085); vertical-align:top; }
.customer-api-settings #customer-key-message { margin:16px 0; overflow-wrap:anywhere; }
.customer-api-settings #customer-key-secret { padding:16px; border:1px solid var(--border-color,#667085); border-radius:8px; }
.customer-api-settings textarea { margin:8px 0; resize:vertical; }
.customer-api-settings h3 { margin-top:24px; }

.customer-api-settings .customer-key-backdrop { width:100%; height:100%; max-width:none; max-height:none; margin:0; border:0; color:var(--text-primary); box-sizing:border-box; }
.customer-api-settings .customer-key-backdrop:not([open]) { display:none; }
.customer-key-backdrop::backdrop { background:transparent; }
.customer-api-settings form[hidden] { display:none; }
.customer-api-permissions { grid-column:1 / -1; min-width:0; margin:0; padding:12px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); }
.customer-api-permissions legend { padding:0 4px; color:var(--text-muted); font-size:12px; }
.customer-api-scopes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; }
.customer-api-scopes .customer-api-scope { display:grid; grid-template-columns:16px minmax(0,1fr); align-items:start; gap:8px; margin:0; font-size:13px; line-height:20px; font-weight:400; color:var(--text-primary); }
.customer-api-scopes input[type=checkbox] { appearance:auto; width:16px; height:16px; min-height:0; margin:2px 0 0; padding:0; accent-color:var(--accent); }
.customer-api-settings #customer-key-message:empty { display:none; }
.customer-api-settings #customer-key-secret textarea { width:100%; }
@media(max-width:600px) { .customer-api-scopes { grid-template-columns:minmax(0,1fr); } }