/* Vibboza - fenetres systeme, alertes et confirmations
   CSS uniquement: ne modifie ni les actions, ni les messages, ni les confirmations. */

.nitro-alert,
.nitro-notification-bubble,
.nitro-use-product-confirmation,
.nitro-catalog-gift,
.nitro-targeted-offer,
.nitro-friends-room-invite,
.nitro-friends-remove-confirmation,
.nitro-mysterybox-dialog,
.nitro-widget-exchange-credit,
.nitro-widget-custom-stack-height,
.nitro-room-link,
.nitro-navigator-doorbell,
.nitro-room-info,
.nitro-change-username {
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    overflow: hidden !important;
    color: #fff6dc !important;
    background-color: #101723 !important;
    background-image:
        radial-gradient(circle at 12% 0%, rgba(255, 210, 93, .16), transparent 34%),
        radial-gradient(circle at 92% 14%, rgba(71, 184, 255, .14), transparent 36%),
        linear-gradient(145deg, #18243a 0%, #0e1420 62%, #17150e 100%) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.nitro-alert {
    min-width: 330px !important;
    max-width: min(430px, calc(100vw - 28px)) !important;
}

.nitro-alert .nitro-card-header,
.nitro-alert .card-header,
.nitro-use-product-confirmation .nitro-card-header,
.nitro-use-product-confirmation .card-header,
.nitro-catalog-gift .nitro-card-header,
.nitro-catalog-gift .card-header,
.nitro-targeted-offer .nitro-card-header,
.nitro-targeted-offer .card-header,
.nitro-friends-room-invite .nitro-card-header,
.nitro-friends-room-invite .card-header,
.nitro-friends-remove-confirmation .nitro-card-header,
.nitro-friends-remove-confirmation .card-header,
.nitro-mysterybox-dialog .nitro-card-header,
.nitro-mysterybox-dialog .card-header,
.nitro-widget-exchange-credit .nitro-card-header,
.nitro-widget-exchange-credit .card-header,
.nitro-widget-custom-stack-height .nitro-card-header,
.nitro-widget-custom-stack-height .card-header,
.nitro-room-link .nitro-card-header,
.nitro-room-link .card-header,
.nitro-navigator-doorbell .nitro-card-header,
.nitro-navigator-doorbell .card-header,
.nitro-room-info .nitro-card-header,
.nitro-room-info .card-header,
.nitro-change-username .nitro-card-header,
.nitro-change-username .card-header {
    min-height: 43px !important;
    color: #fff8dc !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
    background-color: rgba(7, 12, 20, .74) !important;
    background-image: linear-gradient(90deg, rgba(255, 210, 93, .22), rgba(71, 184, 255, .10), transparent) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .46) !important;
}

.nitro-alert .nitro-card-content,
.nitro-alert .card-body,
.nitro-use-product-confirmation .nitro-card-content,
.nitro-use-product-confirmation .card-body,
.nitro-catalog-gift .nitro-card-content,
.nitro-catalog-gift .card-body,
.nitro-targeted-offer .nitro-card-content,
.nitro-targeted-offer .card-body,
.nitro-friends-room-invite .nitro-card-content,
.nitro-friends-room-invite .card-body,
.nitro-friends-remove-confirmation .nitro-card-content,
.nitro-friends-remove-confirmation .card-body,
.nitro-mysterybox-dialog .nitro-card-content,
.nitro-mysterybox-dialog .card-body,
.nitro-widget-exchange-credit .nitro-card-content,
.nitro-widget-exchange-credit .card-body,
.nitro-widget-custom-stack-height .nitro-card-content,
.nitro-widget-custom-stack-height .card-body,
.nitro-room-link .nitro-card-content,
.nitro-room-link .card-body,
.nitro-navigator-doorbell .nitro-card-content,
.nitro-navigator-doorbell .card-body,
.nitro-room-info .nitro-card-content,
.nitro-room-info .card-body,
.nitro-change-username .nitro-card-content,
.nitro-change-username .card-body {
    padding: 12px !important;
    color: #dce6f4 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 42%),
        radial-gradient(circle at 50% 100%, rgba(255, 210, 93, .055), transparent 40%) !important;
}

.nitro-alert .notification-text {
    max-height: 230px !important;
    padding: 2px 4px !important;
    color: #dce6f4 !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
}

.nitro-alert .notification-text b,
.nitro-alert .notification-text strong,
.nitro-alert .notification-text .fw-bold {
    color: #fff8dc !important;
}

.nitro-alert .notification-frank {
    margin-right: 10px !important;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .28)) !important;
}

.nitro-alert .btn,
.nitro-alert button,
.nitro-use-product-confirmation .btn,
.nitro-use-product-confirmation button,
.nitro-catalog-gift .btn,
.nitro-catalog-gift button,
.nitro-targeted-offer .btn,
.nitro-targeted-offer button,
.nitro-friends-room-invite .btn,
.nitro-friends-room-invite button,
.nitro-friends-remove-confirmation .btn,
.nitro-friends-remove-confirmation button,
.nitro-mysterybox-dialog .btn,
.nitro-mysterybox-dialog button,
.nitro-widget-exchange-credit .btn,
.nitro-widget-exchange-credit button,
.nitro-widget-custom-stack-height .btn,
.nitro-widget-custom-stack-height button,
.nitro-room-link .btn,
.nitro-room-link button,
.nitro-navigator-doorbell .btn,
.nitro-navigator-doorbell button,
.nitro-room-info .btn,
.nitro-room-info button,
.nitro-change-username .btn,
.nitro-change-username button {
    min-height: 32px !important;
    border-radius: 11px !important;
    font-weight: 850 !important;
}

.nitro-alert .btn-primary,
.nitro-alert .btn-success,
.nitro-use-product-confirmation .btn-primary,
.nitro-use-product-confirmation .btn-success,
.nitro-catalog-gift .btn-primary,
.nitro-catalog-gift .btn-success,
.nitro-targeted-offer .btn-primary,
.nitro-targeted-offer .btn-success,
.nitro-friends-room-invite .btn-primary,
.nitro-friends-room-invite .btn-success,
.nitro-friends-remove-confirmation .btn-primary,
.nitro-friends-remove-confirmation .btn-success,
.nitro-mysterybox-dialog .btn-primary,
.nitro-mysterybox-dialog .btn-success,
.nitro-widget-exchange-credit .btn-primary,
.nitro-widget-exchange-credit .btn-success,
.nitro-widget-custom-stack-height .btn-primary,
.nitro-widget-custom-stack-height .btn-success,
.nitro-room-link .btn-primary,
.nitro-room-link .btn-success,
.nitro-navigator-doorbell .btn-primary,
.nitro-navigator-doorbell .btn-success,
.nitro-room-info .btn-primary,
.nitro-room-info .btn-success,
.nitro-change-username .btn-primary,
.nitro-change-username .btn-success {
    border: 1px solid rgba(255, 226, 128, .58) !important;
    color: #201606 !important;
    text-shadow: none !important;
    background-color: #ffd25d !important;
    background-image: linear-gradient(180deg, #ffe794 0%, #ffc137 100%) !important;
    box-shadow: 0 9px 18px rgba(255, 193, 55, .22), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
}

.nitro-alert .btn-danger,
.nitro-use-product-confirmation .btn-danger,
.nitro-friends-remove-confirmation .btn-danger {
    border: 1px solid rgba(255, 117, 117, .55) !important;
    color: #fff6f6 !important;
    background-image: linear-gradient(180deg, #e85d5d 0%, #9f2727 100%) !important;
    box-shadow: 0 9px 18px rgba(159, 39, 39, .22), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

.nitro-alert input,
.nitro-alert textarea,
.nitro-use-product-confirmation input,
.nitro-use-product-confirmation textarea,
.nitro-catalog-gift input,
.nitro-catalog-gift textarea,
.nitro-targeted-offer input,
.nitro-targeted-offer textarea,
.nitro-change-username input,
.nitro-change-username textarea {
    border-radius: 11px !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    color: #fff7df !important;
    background-color: rgba(5, 10, 18, .70) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.nitro-notification-bubble {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    color: #fff6dc !important;
    background-color: rgba(13, 20, 32, .96) !important;
    background-image: linear-gradient(135deg, rgba(255, 210, 93, .14), rgba(71, 184, 255, .08), transparent) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}