:root {
    --admin-bg-top-halo: rgba(255, 145, 176, 0.22);
    --admin-bg-top: #fff3f7;
    --admin-bg-bottom: #edf8ff;
    --admin-header-top: rgba(255, 250, 252, 0.94);
    --admin-header-bottom: rgba(246, 237, 255, 0.9);
    --admin-header-border: rgba(180, 133, 164, 0.18);
    --admin-header-shadow: rgba(129, 91, 120, 0.12);
    --admin-divider: rgba(180, 133, 164, 0.16);
    --admin-text: #3d3144;
    --admin-text-muted: #8a7284;
    --admin-menu-top: rgba(255, 248, 252, 0.76);
    --admin-menu-bottom: rgba(246, 237, 255, 0.72);
    --admin-menu-link: #725b70;
    --admin-menu-link-active: #3d3144;
    --admin-menu-underline: #f27fa7;
    --admin-brand-mark-bg: #ffe1ed;
    --admin-card-border: rgba(255, 255, 255, 0.86);
    --admin-card-shadow: rgba(129, 91, 120, 0.12);
    --admin-card-bg: rgba(255, 250, 252, 0.88);
    --admin-card-bg-strong: rgba(255, 255, 255, 0.96);
    --admin-card-bg-soft: rgba(253, 243, 249, 0.9);
    --admin-card-metric-bg: rgba(255, 255, 255, 0.66);
    --admin-card-metric-border: rgba(180, 133, 164, 0.14);
    --admin-glow: rgba(242, 127, 167, 0.2);
    --admin-feature-glow: rgba(135, 207, 235, 0.18);
    --admin-mini-blue-bg: #e4f5ff;
    --admin-mini-blue-text: #3485ad;
    --admin-mini-green-bg: #e8f7ef;
    --admin-mini-green-text: #4b946d;
    --admin-mini-purple-bg: #f0e8ff;
    --admin-mini-purple-text: #805fb6;
    --admin-mini-amber-bg: #fff0d9;
    --admin-mini-amber-text: #b77a2c;
    --admin-badge-client-bg: #e4f5ff;
    --admin-badge-client-text: #3485ad;
    --admin-badge-empty-bg: #fff0d9;
    --admin-badge-empty-text: #b77a2c;
    --admin-action-text: #c35d86;
    --admin-action-text-hover: #8d3f63;
    --admin-action-bg-hover: rgba(242, 127, 167, 0.13);
    --admin-action-pill-bg: rgba(242, 127, 167, 0.11);
    --admin-cover-top: #fff0f6;
    --admin-cover-bottom: #e4f5ff;
    --admin-payment-active-bg: rgba(242, 127, 167, 0.14);
    --admin-payment-active-text: #3d3144;
    --admin-radio-slate: #b49dac;
    --admin-radio-amber: #f7b267;
    --admin-radio-green: #77c59b;
    --admin-radio-red: #f0718b;
    --admin-chart-voyages: #f27fa7;
    --admin-chart-money: #7dcbe5;
    --admin-axis-text: #b49dac;
    --admin-legend-text: #8a7284;
    --admin-placeholder-text: #a98fa1;
}

body.tp-public-theme-page,
body.admin-ui-app-page,
body.admin-ui-auth-page,
body.adminv2-app-page,
body.adminv2-auth-page {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.34) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.34) 1px, transparent 1px),
        radial-gradient(circle at 13% 0%, rgba(255, 145, 176, 0.24) 0%, transparent 30%),
        radial-gradient(circle at 84% 8%, rgba(125, 203, 229, 0.22) 0%, transparent 28%),
        linear-gradient(135deg, var(--admin-bg-top) 0%, #fffaf2 45%, var(--admin-bg-bottom) 100%);
    background-size: 36px 36px, 36px 36px, auto, auto, auto;
    background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
    background-attachment: fixed, fixed, fixed, fixed, fixed;
    color: var(--admin-text);
    font-family: "Nunito Sans", "Segoe UI", Roboto, Arial, sans-serif;
}

.admin-ui-header-shell,
.adminv2-header-shell {
    background: linear-gradient(180deg, var(--admin-header-top) 0%, var(--admin-header-bottom) 100%);
    border-bottom: 1px solid var(--admin-header-border);
    box-shadow: 0 16px 34px var(--admin-header-shadow);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.admin-ui-menu-shell,
.adminv2-menu-shell {
    background: linear-gradient(180deg, var(--admin-menu-top) 0%, var(--admin-menu-bottom) 100%);
    border-bottom: 1px solid var(--admin-divider);
    backdrop-filter: blur(16px) saturate(1.1);
    -webkit-backdrop-filter: blur(16px) saturate(1.1);
}

.admin-ui-menu-shell .nav-link,
.adminv2-menu-shell .nav-link {
    border-radius: 16px 16px 6px 6px;
    padding: 0.58rem 0.92rem !important;
    color: var(--admin-menu-link);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.12);
}

.admin-ui-menu-shell .nav-link:hover,
.adminv2-menu-shell .nav-link:hover {
    color: var(--admin-action-text-hover);
    background: rgba(255, 255, 255, 0.66);
    border-color: rgba(242, 127, 167, 0.22);
}

.admin-ui-menu-shell .nav-link.active,
.adminv2-menu-shell .nav-link.active {
    color: #65394e;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 226, 237, 0.92) 100%);
    border-color: transparent;
    box-shadow:
        inset 0 -3px 0 #f27fa7,
        0 10px 24px rgba(129, 91, 120, 0.12);
}

.admin-ui-brand-mark,
.adminv2-brand-mark {
    border-radius: 12px 12px 12px 3px;
    background:
        radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.9), transparent 34%),
        linear-gradient(135deg, #f27fa7 0%, #7dcbe5 100%);
}

.admin-ui-card,
.adminv2-card,
.admin-ui-modele-card,
.adminv2-modele-card,
.admin-ui-bloc-preview,
.adminv2-bloc-preview,
.admin-ui-media-static-field,
.adminv2-media-static-field,
.admin-ui-media-meta,
.adminv2-media-meta,
.admin-ui-media-usage-box,
.adminv2-media-usage-box,
.admin-ui-cover-preview-wrap,
.adminv2-cover-preview-wrap,
.admin-ui-icon-choice,
.adminv2-icon-choice,
.admin-ui-status-box,
.adminv2-status-box,
.dropdown-menu,
.modal-content,
.card {
    border-radius: 22px 22px 22px 8px;
    border-color: var(--admin-card-border);
    background: var(--admin-card-bg);
    box-shadow:
        0 18px 42px var(--admin-card-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(14px) saturate(1.12);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
}

.admin-ui-card .card-header,
.adminv2-card .card-header,
.modal-header {
    position: relative;
    color: #65394e;
    background:
        linear-gradient(90deg, rgba(242, 127, 167, 0.18) 0%, rgba(125, 203, 229, 0.16) 100%),
        rgba(255, 255, 255, 0.62);
    border-bottom: 1px solid var(--admin-divider);
    border-radius: 22px 22px 0 0 !important;
}

.admin-ui-card .card-header *,
.adminv2-card .card-header *,
.modal-header * {
    color: #65394e;
}

.admin-ui-card .card-header::before,
.adminv2-card .card-header::before,
.modal-header::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 3.5rem;
    width: 0.55rem;
    height: 0.55rem;
    display: inline-block;
    border-radius: 0 0 999px 999px;
    background: #f27fa7;
    box-shadow: 0.8rem 0 0 #f7b267, 1.6rem 0 0 #7dcbe5;
    pointer-events: none;
}

.admin-ui-card .card-header .small,
.admin-ui-card .card-header .text-muted,
.admin-ui-card .card-header .text-secondary,
.adminv2-card .card-header .small,
.adminv2-card .card-header .text-muted,
.adminv2-card .card-header .text-secondary,
.modal-header .small,
.modal-header .text-muted,
.modal-header .text-secondary {
    color: var(--admin-text-muted) !important;
}

.admin-ui-hero-card,
.adminv2-hero-card,
.admin-ui-feature-card,
.adminv2-feature-card {
    background:
        linear-gradient(135deg, rgba(255, 226, 237, 0.7) 0%, transparent 32%),
        radial-gradient(circle at top right, var(--admin-feature-glow), transparent 34%),
        linear-gradient(180deg, var(--admin-card-bg-strong) 0%, var(--admin-card-bg-soft) 100%);
}

.admin-ui-hero-card::after,
.adminv2-hero-card::after,
.admin-ui-voyage-hero::after,
.adminv2-voyage-hero::after {
    background: radial-gradient(circle, var(--admin-glow) 0%, rgba(255, 255, 255, 0) 72%);
}

.admin-ui-app-page .btn,
.admin-ui-auth-page .btn,
.adminv2-app-page .btn,
.adminv2-auth-page .btn,
.btn {
    border-radius: 16px 16px 16px 6px;
    border-color: rgba(180, 133, 164, 0.16);
    color: #173242;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 8px 18px rgba(129, 91, 120, 0.09);
}

.admin-ui-app-page .btn-icon,
.admin-ui-auth-page .btn-icon,
.adminv2-app-page .btn-icon,
.adminv2-auth-page .btn-icon {
    border-radius: 14px;
}

.admin-ui-app-page .btn:hover,
.admin-ui-auth-page .btn:hover,
.adminv2-app-page .btn:hover,
.adminv2-auth-page .btn:hover,
.btn:hover {
    color: #102d3d;
    background: #fff9fc;
    box-shadow: 0 12px 24px rgba(129, 91, 120, 0.14);
}

.btn-primary,
.btn-success,
.btn-info {
    color: #ffffff;
    background: linear-gradient(135deg, #f27fa7 0%, #7dcbe5 100%);
    border-color: transparent;
}

.btn-warning {
    color: #70431a;
    background: linear-gradient(135deg, #ffe0a6 0%, #f7b267 100%);
    border-color: transparent;
}

.btn-danger {
    color: #ffffff;
    background: linear-gradient(135deg, #f0718b 0%, #c94c70 100%);
    border-color: transparent;
}

.admin-ui-app-page .form-control,
.admin-ui-auth-page .form-control,
.admin-ui-app-page .form-select,
.admin-ui-auth-page .form-select,
.admin-ui-app-page textarea,
.admin-ui-auth-page textarea,
.adminv2-app-page .form-control,
.adminv2-auth-page .form-control,
.adminv2-app-page .form-select,
.adminv2-auth-page .form-select,
.adminv2-app-page textarea,
.adminv2-auth-page textarea,
.form-control,
.form-select,
textarea {
    border-radius: 14px 14px 14px 6px;
    border-color: rgba(180, 133, 164, 0.2);
    color: var(--admin-text);
    background-color: rgba(255, 255, 255, 0.86);
    box-shadow: inset 0 1px 2px rgba(129, 91, 120, 0.06);
}

.form-control:focus,
.form-select:focus,
textarea:focus {
    border-color: rgba(242, 127, 167, 0.58);
    box-shadow:
        inset 0 1px 2px rgba(35, 62, 80, 0.06),
        0 0 0 3px rgba(242, 127, 167, 0.14);
}

.admin-ui-app-page .badge,
.admin-ui-auth-page .badge,
.adminv2-app-page .badge,
.adminv2-auth-page .badge,
.badge {
    border-radius: 999px 999px 999px 6px;
    border: 1px solid rgba(180, 133, 164, 0.12);
    padding: 0.18rem 0.52rem;
}

.admin-ui-app-page .badge.bg-blue-lt,
.admin-ui-auth-page .badge.bg-blue-lt,
.adminv2-app-page .badge.bg-blue-lt,
.adminv2-auth-page .badge.bg-blue-lt,
.admin-ui-app-page .badge.bg-azure-lt,
.admin-ui-auth-page .badge.bg-azure-lt,
.adminv2-app-page .badge.bg-azure-lt,
.adminv2-auth-page .badge.bg-azure-lt,
.admin-ui-badge-client,
.adminv2-badge-client {
    color: #3485ad !important;
    background: #e4f5ff !important;
}

.admin-ui-app-page .badge.bg-green-lt,
.admin-ui-auth-page .badge.bg-green-lt,
.adminv2-app-page .badge.bg-green-lt,
.adminv2-auth-page .badge.bg-green-lt {
    color: #4b946d !important;
    background: #e8f7ef !important;
}

.admin-ui-app-page .badge.bg-red-lt,
.admin-ui-auth-page .badge.bg-red-lt,
.adminv2-app-page .badge.bg-red-lt,
.adminv2-auth-page .badge.bg-red-lt {
    color: #c94c70 !important;
    background: #ffe5ed !important;
}

.admin-ui-app-page .badge.bg-amber-lt,
.admin-ui-auth-page .badge.bg-amber-lt,
.adminv2-app-page .badge.bg-amber-lt,
.adminv2-auth-page .badge.bg-amber-lt,
.admin-ui-app-page .badge.bg-orange-lt,
.admin-ui-auth-page .badge.bg-orange-lt,
.adminv2-app-page .badge.bg-orange-lt,
.adminv2-auth-page .badge.bg-orange-lt {
    color: #b77a2c !important;
    background: #fff0d9 !important;
}

.admin-ui-app-page .badge.bg-secondary-lt,
.admin-ui-auth-page .badge.bg-secondary-lt,
.adminv2-app-page .badge.bg-secondary-lt,
.adminv2-auth-page .badge.bg-secondary-lt,
.admin-ui-badge-client-empty,
.adminv2-badge-client-empty {
    color: #8a7284 !important;
    background: rgba(255, 255, 255, 0.72) !important;
}

.table {
    --tblr-table-bg: rgba(255, 250, 252, 0.52);
    --tblr-table-color: #3d3144;
    --tblr-table-border-color: rgba(180, 133, 164, 0.12);
}

.table thead th,
.table th {
    color: #725b70;
    background: rgba(255, 226, 237, 0.46);
}

.table tbody tr {
    background: rgba(255, 255, 255, 0.34);
}

.table tbody tr:hover {
    background: rgba(255, 226, 237, 0.34);
}

.admin-ui-card .table,
.adminv2-card .table {
    border-collapse: separate;
    border-spacing: 0;
}

.admin-ui-mini-stat-icon,
.adminv2-mini-stat-icon,
.admin-ui-media-empty-icon,
.adminv2-media-empty-icon,
.admin-ui-taxonomy-type-badge,
.adminv2-taxonomy-type-badge,
.admin-ui-cover-preview-wrap,
.adminv2-cover-preview-wrap,
.admin-ui-media-thumb-wrap,
.adminv2-media-thumb-wrap,
.admin-ui-modele-cover-wrap,
.adminv2-modele-cover-wrap,
.admin-ui-bloc-preview-cover,
.adminv2-bloc-preview-cover,
.admin-ui-bloc-preview-richimage,
.adminv2-bloc-preview-richimage,
.admin-ui-media-modal-preview-wrap,
.adminv2-media-modal-preview-wrap {
    border-radius: 18px 18px 18px 7px;
}

.admin-ui-mini-stat-icon,
.adminv2-mini-stat-icon,
.admin-ui-media-empty-icon,
.adminv2-media-empty-icon,
.admin-ui-taxonomy-type-badge,
.adminv2-taxonomy-type-badge {
    transform: none;
    box-shadow: none;
}

.admin-ui-table-action,
.adminv2-table-action,
.admin-ui-taxonomy-row-edit,
.adminv2-taxonomy-row-edit {
    border-radius: 999px 999px 999px 6px;
}

.modal-header .btn-close,
.admin-ui-card .card-header .btn-close,
.adminv2-card .card-header .btn-close {
    width: 1.35rem;
    height: 1.35rem;
    margin: 0.35rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(201, 76, 112, 0.2);
    opacity: 1;
    background:
        linear-gradient(45deg, transparent 43%, #8d3f63 44%, #8d3f63 56%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #8d3f63 44%, #8d3f63 56%, transparent 57%),
        #ffe5ed;
    background-size: 0.58rem 0.58rem, 0.58rem 0.58rem, auto;
    background-position: center, center, center;
    background-repeat: no-repeat;
    box-shadow: 0 6px 14px rgba(129, 91, 120, 0.1);
}

.modal-header .btn-close:hover,
.admin-ui-card .card-header .btn-close:hover,
.adminv2-card .card-header .btn-close:hover {
    background:
        linear-gradient(45deg, transparent 43%, #ffffff 44%, #ffffff 56%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #ffffff 44%, #ffffff 56%, transparent 57%),
        #f27fa7;
    background-size: 0.58rem 0.58rem, 0.58rem 0.58rem, auto;
    background-position: center, center, center;
    background-repeat: no-repeat;
}
