.page.active.api-cors-page{display:grid;row-gap:28px}.api-cors-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.api-cors-metric{position:relative;min-height:116px;padding:22px 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.api-cors-metric small{font-size:.78rem;font-weight:700;color:var(--muted,#6b7280)}.api-cors-metric strong{font-size:2rem;line-height:1.1;margin-top:8px;color:var(--text,#172033)}.api-cors-metric>i{position:absolute;inset-inline-end:22px;top:50%;transform:translateY(-50%);font-size:2rem;color:rgba(49,130,206,.16)}
.api-cors-filter-bar{grid-template-columns:minmax(220px,1.4fr) minmax(170px,.8fr) minmax(180px,.9fr) minmax(140px,.6fr) 96px}.api-cors-table td{vertical-align:middle}.api-cors-table td>strong{display:block}.api-cors-table td>small{display:block;margin-top:4px;color:var(--muted,#6b7280)}.api-cors-chips{display:flex;gap:5px;flex-wrap:wrap;max-width:380px}.api-cors-chip,.api-cors-more,.api-cors-scope{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f1f5fa;color:#40506a;font-size:.7rem;font-weight:750;line-height:1.2}.api-cors-chip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-cors-more{background:#eef5ff;color:#2463a7}.api-cors-scope.global{background:#eef5ff;color:#2463a7}.api-cors-scope.env{background:#f3efff;color:#6d4cb3}.api-cors-actions{display:flex;gap:6px;justify-content:flex-end}.api-cors-actions .btn-icon{width:34px;height:34px;border:1px solid #dce3ec;background:#fff;border-radius:9px}.api-cors-actions .btn-icon:hover{background:#f5f8fc;border-color:#c8d4e2}.api-cors-notice{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;background:#f7faff;border-color:#dbe7f5}.api-cors-notice>i{font-size:1.25rem;color:#2f6fae;margin-top:1px}.api-cors-notice strong{display:block}.api-cors-notice p{margin:4px 0 0;color:var(--muted,#6b7280)}
.api-cors-dialog{max-width:850px}.api-cors-dialog .dialog-body{max-height:min(68vh,720px);overflow:auto}.api-cors-method-field>.field-label{display:block;font-weight:700;margin-bottom:8px}.api-cors-method-field>small,.api-cors-form label>small{display:block;margin-top:6px;color:var(--muted,#6b7280);font-weight:500}.api-cors-method-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.api-cors-method-choice,.api-cors-toggle{display:flex;align-items:center;gap:8px;border:1px solid #dce4ef;border-radius:10px;padding:9px 10px;background:#fff;cursor:pointer}.api-cors-method-choice input,.api-cors-toggle input{width:17px;height:17px;accent-color:#2563eb}.api-cors-method-choice span{font-size:.78rem;font-weight:800}.api-cors-switches{display:grid;gap:8px;align-content:end}.api-cors-warning{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #f2d193;background:#fff9ea;border-radius:10px;color:#8a5a00;font-size:.82rem}.status-badge.warning{background:#fff5df;color:#8a5a00}.status-badge.neutral{background:#f1f4f8;color:#536174}
@media(max-width:1100px){.api-cors-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.api-cors-filter-bar{grid-template-columns:1fr 1fr}.api-cors-filter-bar .list-search{grid-column:1/-1}.api-cors-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.api-cors-metrics{grid-template-columns:1fr}.api-cors-filter-bar{grid-template-columns:1fr}.api-cors-filter-bar .list-search{grid-column:auto}.api-cors-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.api-cors-dialog{max-width:calc(100vw - 20px)}}