/**
 * WordPress integration styles.
 *
 * Version 0.1.0 loads this file only on the Style Guide screen. Selectors stay
 * scoped so the live WordPress, BuddyX and TutorLMS interfaces remain intact.
 */

.trilia-design-system .notice {
    margin: 0;
    padding: var(--trilia-space-md) var(--trilia-space-lg);
    border: 1px solid var(--trilia-color-outline-variant);
    border-left-width: 6px;
    border-radius: var(--trilia-radius-medium);
    background: var(--trilia-color-surface);
    color: var(--trilia-color-text);
    box-shadow: none;
}

.trilia-design-system .notice.notice-success {
    border-left-color: var(--trilia-color-success);
}

.trilia-design-system .notice.notice-warning {
    border-left-color: var(--trilia-color-warning);
}

.trilia-design-system .notice.notice-error {
    border-left-color: var(--trilia-color-urgent);
}

.trilia-design-system .notice.notice-info {
    border-left-color: var(--trilia-color-info);
}

.trilia-design-system .wp-core-ui .button,
.trilia-design-system .button {
    min-height: var(--trilia-control-height);
    padding: 0 var(--trilia-space-lg);
    border-color: var(--trilia-color-outline-variant);
    border-radius: var(--trilia-radius-pill);
    background: var(--trilia-color-surface-lowest);
    color: var(--trilia-color-text);
    font-weight: var(--trilia-font-weight-bold);
    line-height: calc(var(--trilia-control-height) - 2px);
}

.trilia-design-system .button.button-primary {
    border-color: var(--trilia-color-primary);
    background: var(--trilia-color-primary);
    color: var(--trilia-color-on-primary);
}

.trilia-design-system .form-table th {
    color: var(--trilia-color-text);
}

.trilia-design-system .form-table td {
    color: var(--trilia-color-text-muted);
}