/**
 * Dropbox "not configured" / container fallback styling.
 * Scoped under the modal so it matches the shadcn design.
 */
.wcdbx-modal-overlay .wcdbx-media-container {
    margin: 0;
    padding: 4px 0 0;
    width: 100%;
    box-sizing: border-box;
}

.wcdbx-modal-overlay .wcdbx-media-container .media-title {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 650;
    color: var(--wcdbx-foreground);
}

.wcdbx-modal-overlay .wcdbx-media-container .description {
    color: var(--wcdbx-muted-foreground);
    font-size: 13px;
    margin-bottom: 16px;
    line-height: 1.6;
}

/* Buttons inside notices adopt the brand look */
.wcdbx-modal-overlay .wcdbx-notice .button-primary,
.wcdbx-modal-overlay .wcdbx-media-container .button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 16px;
    font-size: 13.5px;
    font-weight: 550;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: calc(var(--wcdbx-radius) - 2px);
    background: var(--wcdbx-brand);
    color: var(--wcdbx-brand-foreground);
    text-decoration: none;
    box-shadow: none;
    transition: filter .15s ease;
}

.wcdbx-modal-overlay .wcdbx-notice .button-primary:hover,
.wcdbx-modal-overlay .wcdbx-media-container .button-primary:hover {
    filter: brightness(0.93);
    color: var(--wcdbx-brand-foreground);
}