/* ExtensionReviewModal (ERUI-S6) + Extension Requests queue additions.
   Design tokens only; logical properties for RTL. Modal chrome (.adm-modal*) comes from auditor.css. */

.erm-dialog { max-inline-size: 480px; }
.erm-field { margin-block-end: 12px; }
.erm-field-label {
    font-size: 12px;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.erm-field-value { font-size: 14px; margin-block-start: 2px; color: var(--text-primary); }
.erm-strong { font-weight: 600; }
.erm-reason {
    word-break: break-word;
    white-space: pre-wrap;
    background: var(--surface-elevated);
    border: 1px solid var(--surface-border);
    padding: 8px;
    border-radius: 4px;
    max-block-size: 120px;
    overflow-y: auto;
    font-size: 13px;
    margin-block-start: 4px;
}
.erm-rule { border: none; border-block-start: 1px solid var(--surface-border); margin: 0 0 16px; }
.erm-input-field { margin-block-end: 12px; }
.erm-full { inline-size: 100%; }
.erm-note { resize: vertical; }
.erm-error {
    color: var(--color-danger-text);
    font-size: 13px;
    margin-block-start: 4px;
}
.erm-error[hidden] { display: none; }

/* Queue page */
.erq-toast { margin-block-end: 12px; }
.erq-toast[hidden] { display: none; }
.erq-reason {
    display: inline-block;
    max-inline-size: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}
.erq-actions { white-space: nowrap; display: flex; gap: 8px; }
.erq-assignee-flag { margin-inline-start: 6px; }
.erq-heading:focus { outline: none; }
.erq-heading:focus-visible { outline: 2px solid var(--color-teal, #00B4A2); outline-offset: 2px; }

/* Light-theme AA contrast for this feature's own surfaces (the global light .adm-btn-primary
   is #EFF6FF on #0D9488 = 3.4:1 and the global th/.team-date muted text is 4.3:1). Scoped so
   no shared rule changes. */
[data-theme="light"] .erm-dialog .adm-btn-primary,
[data-theme="light"] .extension-requests-page .adm-btn-primary {
    background: var(--color-teal-hover) !important;
    color: var(--surface-elevated) !important;
}
[data-theme="light"] .erm-error { color: var(--color-danger-hover); }
.extension-requests-page .adm-table thead th,
.extension-requests-page .team-date {
    color: var(--text-secondary);
}
.extension-requests-page .erq-assignee-flag { color: var(--text-primary); }

/* ERUI-S8: learner submit modal (LearningViewerPage) - same light-theme AA fix, scoped. */
[data-theme="light"] #vlpExtensionModal .adm-btn-primary {
    background: var(--color-teal-hover) !important;
    color: var(--surface-elevated) !important;
}
[data-theme="light"] #vlpExtModalError { color: var(--color-danger-hover) !important; }