/* Standards.css - QA Standards catalogue (subscribable frameworks).
   Promoted from the Controls sub-view into the standalone Standards tab (TLP-335).
   Domain-grouped ExpandablePanel list + scope toggle + inline audit metadata. */

/* Module shell: scope switcher (SegmentedControl) above, Panel below.
   Mirrors the house sub-tab pattern (.policies-rules-module / .qa-controls-module). */
/* The module wrapper this file used to style is retired: the header row and the panel
   are siblings on the page now, so the stack owns the gap and the platform one-panel
   rule (Panel.css) gives the panel the tab height. */

/* Header row: scope switcher (left) + the list-level Add Standard action (right). */
.std-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.std-scope-tabs {
    display: flex;
}

.std-catalogue {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.std-domain-group {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.std-domain-header {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
}

.std-domain-count {
    color: var(--text-muted);
    font-weight: var(--font-weight-normal);
}

.std-clear-filters,
.std-empty-action {
    display: flex;
    justify-content: center;
    padding-top: var(--space-3);
}

/* --- Expanded row detail --- */

.std-detail {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.std-detail-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.std-detail-label {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.std-detail-value {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.std-audit {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-default);
}

.std-audit-heading {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
}

.std-audit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-3);
}

.std-audit-actions {
    display: flex;
    justify-content: flex-end;
}

/* --- Add/Edit modal (identity fields) --- */

.std-modal-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.std-form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-3);
}

.std-id-hint {
    font-size: var(--text-sm);
    color: var(--text-muted);
}