:host {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;

    ::ng-deep .details__tag--status {
        color: var(--text-primary);
        border-color: color-mix(in srgb, var(--accent-color) 28%, transparent);
        background: linear-gradient(
            135deg,
            color-mix(in srgb, var(--accent-color) 12%, transparent) 0%,
            var(--tag-bg) 100%
        );
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    }

    ::ng-deep .details__fallback-note {
        flex: 1 0 100%;
        margin-bottom: 4px;
        padding: 14px 16px;
        border: 1px solid color-mix(in srgb, var(--tag-border) 85%, transparent);
        border-radius: 14px;
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--surface-bg) 86%, transparent) 0%,
            color-mix(in srgb, var(--tag-bg) 86%, transparent) 100%
        );
        color: var(--text-secondary);
        line-height: 1.5;
        backdrop-filter: blur(14px);
    }

    ::ng-deep .details__meta-item--fallback {
        min-width: min(220px, 100%);

        .value--mono {
            font-family:
                ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Consolas,
                monospace;
            font-size: 0.8125rem;
            letter-spacing: 0.03em;
        }
    }
}
