/*
 * Gregal Cloud theme
 * Palette source: Horizon Glow from paleta.jpg.
 */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap');

:root {
    --gc-sunset: #ff6f3c;
    --gc-sunset-rgb: 255, 111, 60;
    --gc-sunset-dark: #d95420;
    --gc-gold: #f4b84a;
    --gc-gold-rgb: 244, 184, 74;
    --gc-peach: #ffd4b8;
    --gc-peach-soft: #fff2e8;
    --gc-peach-rgb: 255, 212, 184;
    --gc-black: #050505;
    --gc-ink: #17120f;
    --gc-graphite: #2b2622;
    --gc-slate: #5f534c;
    --gc-muted: #81756d;
    --gc-border: #ead8ca;
    --gc-surface: #ffffff;
    --gc-surface-2: #fffaf6;
    --gc-page: #fff5ec;
    --gc-success: #2f7d55;
    --gc-warning: #b97818;
    --gc-danger: #bd3f32;
    --gc-info: #4f6f85;
    --primary: var(--gc-sunset);
}

html,
body {
    background-color: var(--gc-page);
    color: var(--gc-ink);
}

body {
    color-scheme: light;
}

a,
.text-primary {
    color: var(--gc-sunset-dark) !important;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--gc-black) !important;
}

::selection {
    background: rgba(var(--gc-sunset-rgb), .24);
    color: var(--gc-ink);
}

.text-muted,
.help-block,
.form-text,
small.text-muted {
    color: var(--gc-muted) !important;
}

.border-primary {
    border-color: var(--gc-sunset) !important;
}

.content-wrapper,
.wrapper,
.layout-top-nav .wrapper .content-wrapper {
    background:
        radial-gradient(circle at top right, rgba(var(--gc-gold-rgb), .24), transparent 28rem),
        radial-gradient(circle at 12% 22%, rgba(var(--gc-sunset-rgb), .12), transparent 22rem),
        linear-gradient(180deg, #fffaf6 0%, var(--gc-page) 100%) !important;
    color: var(--gc-ink);
}

.content-header h1,
.content-header .breadcrumb-item,
.content-header .breadcrumb-item a,
.main-footer,
.main-footer a {
    color: var(--gc-slate) !important;
}

.main-header.navbar,
.navbar-white,
.navbar-light {
    background: rgba(255, 250, 246, .96) !important;
    border-bottom: 1px solid var(--gc-border) !important;
    box-shadow: 0 10px 30px rgba(43, 38, 34, .08);
}

.main-header .nav-link,
.main-header .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-white .navbar-nav .nav-link,
.navbar-brand,
.navbar-brand:hover {
    color: var(--gc-slate) !important;
}

.main-header .nav-link:hover,
.main-header .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-white .navbar-nav .nav-link:hover {
    color: var(--gc-sunset-dark) !important;
}

.dropdown-menu {
    background-color: var(--gc-surface);
    border-color: var(--gc-border);
    box-shadow: 0 22px 55px rgba(43, 38, 34, .18);
}

.dropdown-header,
.dropdown-item {
    color: var(--gc-graphite);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--gc-peach-soft);
    color: var(--gc-black);
}

.dropdown-item:active,
.dropdown-item.active {
    background-color: var(--gc-sunset);
    color: #fff;
}

.dropdown-divider {
    border-top-color: var(--gc-border);
}

.main-sidebar,
.sidebar-dark-primary {
    background:
        radial-gradient(circle at 0 0, rgba(var(--gc-sunset-rgb), .3), transparent 17rem),
        linear-gradient(180deg, var(--gc-black) 0%, #211814 54%, #3b2619 100%) !important;
}

.main-sidebar > .brand-link.brand-link-logo-only,
.main-sidebar > .brand-link {
    position: relative;
    overflow: hidden;
    background-color: var(--gc-peach-soft) !important;
    background-image:
        radial-gradient(circle at 18% 0%, rgba(var(--gc-gold-rgb), .42), transparent 9rem),
        linear-gradient(135deg, #fffaf6 0%, var(--gc-peach-soft) 44%, var(--gc-peach) 100%) !important;
    border-bottom: 1px solid rgba(var(--gc-sunset-rgb), .18) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .64), 0 10px 24px rgba(5, 5, 5, .16);
}

.main-sidebar > .brand-link.brand-link-logo-only::before,
.main-sidebar > .brand-link::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 250, 246, .96), rgba(var(--gc-peach-rgb), .9)),
        radial-gradient(circle at 78% 24%, rgba(var(--gc-sunset-rgb), .16), transparent 7rem);
    z-index: 0;
}

.brand-link .brand-image,
.brand-link .brand-text {
    color: var(--gc-ink) !important;
}

.main-sidebar > .brand-link.brand-link-logo-only > *,
.main-sidebar > .brand-link > * {
    position: relative;
    z-index: 1;
}

.sidebar .user-panel .info a {
    color: #fff !important;
}

.brand-link .brand-image {
    color: var(--gc-sunset-dark) !important;
    box-shadow: none !important;
}

.user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link p {
    color: rgba(255, 250, 246, .82) !important;
}

.sidebar-dark-primary .nav-header {
    color: rgba(255, 250, 246, .54) !important;
    letter-spacing: .08em;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    color: #1d130d !important;
    box-shadow: 0 12px 28px rgba(var(--gc-sunset-rgb), .28) !important;
}

.nav-sidebar .nav-treeview {
    margin: .2rem .5rem .45rem 1rem;
    padding: .25rem 0;
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link {
    margin-right: .35rem;
    padding-left: .85rem;
    color: rgba(255, 250, 246, .7) !important;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link:hover,
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background: rgba(var(--gc-sunset-rgb), .22) !important;
    color: #fff !important;
}

.card,
.info-box,
.modal-content,
.login-box .card,
.register-box .card,
.timeline > div > .timeline-item,
.invoice {
    background-color: var(--gc-surface) !important;
    border: 1px solid rgba(234, 216, 202, .92) !important;
    border-radius: .95rem;
    color: var(--gc-ink);
    box-shadow: 0 14px 34px rgba(43, 38, 34, .08);
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.info-box-content,
.timeline > div > .timeline-item > .timeline-header,
.version-card-header {
    background-color: var(--gc-surface-2) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite);
}

.card-title,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.modal-title,
.info-box-text,
.info-box-number,
.version-number {
    color: var(--gc-graphite) !important;
}

.card-primary.card-outline,
.card-outline.card-primary {
    border-top: 3px solid var(--gc-sunset) !important;
}

.card-primary:not(.card-outline) > .card-header,
.card.bg-primary,
.bg-primary,
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    color: var(--gc-black) !important;
}

.bg-white,
.bg-light,
.table-light,
.alert-light,
.list-group-item,
.jumbotron,
.note-editor .note-toolbar,
.note-editor.note-frame,
.note-editor.note-airframe {
    background-color: var(--gc-surface-2) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite) !important;
}

.btn {
    border-radius: .62rem;
}

.btn-primary,
.btn-outline-primary.active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.show > .btn-outline-primary.dropdown-toggle {
    border-color: var(--gc-sunset) !important;
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    color: var(--gc-black) !important;
    box-shadow: 0 .45rem 1rem rgba(var(--gc-sunset-rgb), .2);
    font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    border-color: var(--gc-sunset-dark) !important;
    background: linear-gradient(135deg, #ff8156 0%, var(--gc-sunset-dark) 100%) !important;
    color: #fff !important;
}

.btn-outline-primary {
    border-color: rgba(var(--gc-sunset-rgb), .62) !important;
    color: var(--gc-sunset-dark) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--gc-sunset) !important;
    border-color: var(--gc-sunset) !important;
    color: #fff !important;
}

.btn-secondary,
.btn-default,
.btn-outline-secondary:hover,
.btn-outline-dark:hover {
    background-color: var(--gc-graphite) !important;
    border-color: var(--gc-graphite) !important;
    color: #fff !important;
}

.btn-outline-secondary,
.btn-outline-dark,
.btn-tool {
    border-color: var(--gc-border) !important;
    color: var(--gc-slate) !important;
}

.btn-light,
.btn-outline-light:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--gc-black) !important;
}

.badge-primary,
.label-primary {
    background-color: var(--gc-sunset) !important;
    color: #fff !important;
}

.badge-light,
.badge-secondary {
    background-color: var(--gc-peach-soft) !important;
    border: 1px solid var(--gc-border);
    color: var(--gc-slate) !important;
}

.badge-info,
.bg-info,
.bg-gradient-info,
.alert-info {
    background-color: var(--gc-info) !important;
    border-color: var(--gc-info) !important;
    color: #fff !important;
}

.badge-warning,
.bg-warning,
.bg-gradient-warning {
    background-color: var(--gc-gold) !important;
    color: var(--gc-black) !important;
}

.badge-success,
.bg-success,
.bg-gradient-success {
    background-color: var(--gc-success) !important;
    color: #fff !important;
}

.badge-danger,
.bg-danger,
.bg-gradient-danger {
    background-color: var(--gc-danger) !important;
    color: #fff !important;
}

.alert {
    border-color: var(--gc-border);
    color: var(--gc-graphite);
}

.alert-primary {
    background-color: var(--gc-peach-soft);
    border-color: rgba(var(--gc-sunset-rgb), .32);
    color: #713117;
}

.callout {
    background-color: var(--gc-surface) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite);
}

.callout.callout-primary {
    border-left-color: var(--gc-sunset) !important;
}

.callout.callout-info {
    border-left-color: var(--gc-info) !important;
}

.nav-pills .nav-link,
.nav-tabs .nav-link {
    color: var(--gc-slate);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-tabs .nav-link.active {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    border-color: rgba(var(--gc-sunset-rgb), .55) !important;
    color: var(--gc-black) !important;
    font-weight: 700;
}

.nav-tabs {
    border-bottom-color: var(--gc-border);
}

.nav-tabs .nav-link:hover {
    color: var(--gc-sunset-dark);
    border-color: rgba(var(--gc-sunset-rgb), .22);
}

.page-item.active .page-link {
    background-color: var(--gc-sunset) !important;
    border-color: var(--gc-sunset) !important;
    color: #fff !important;
}

.page-link {
    background-color: var(--gc-surface);
    border-color: var(--gc-border);
    color: var(--gc-sunset-dark);
}

.page-link:hover {
    background-color: var(--gc-peach-soft);
    border-color: rgba(var(--gc-sunset-rgb), .44);
    color: var(--gc-black);
}

.form-control,
.custom-select,
.input-group-text,
.select2-container--bootstrap4 .select2-selection,
.select2-dropdown,
.bootstrap-select .dropdown-toggle {
    background-color: #fff !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-ink) !important;
}

.form-control::placeholder {
    color: rgba(95, 83, 76, .58);
}

.form-control:focus,
.custom-select:focus,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    background-color: #fff !important;
    border-color: rgba(var(--gc-sunset-rgb), .62) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--gc-sunset-rgb), .14) !important;
    color: var(--gc-black) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--gc-sunset) !important;
    background-color: var(--gc-sunset) !important;
}

.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
    border-color: var(--gc-sunset) !important;
}

.icheck-primary > input:first-child:checked + label::before {
    background-color: var(--gc-sunset) !important;
}

.table,
table.dataTable {
    color: var(--gc-graphite) !important;
}

.table td,
.table th,
table.dataTable td,
table.dataTable th {
    border-top-color: var(--gc-border) !important;
}

.table thead th,
table.dataTable thead th {
    background-color: var(--gc-peach-soft) !important;
    border-bottom-color: var(--gc-border) !important;
    color: var(--gc-slate) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(var(--gc-peach-rgb), .18);
}

.table-hover tbody tr:hover,
table.dataTable tbody tr:hover {
    background-color: rgba(var(--gc-sunset-rgb), .08) !important;
    color: var(--gc-black) !important;
}

.dataTables_wrapper,
.dataTables_info,
.dataTables_length label,
.dataTables_filter label {
    color: var(--gc-muted) !important;
}

.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: rgba(var(--gc-sunset-rgb), .62);
    box-shadow: 0 0 0 .2rem rgba(var(--gc-sunset-rgb), .14);
}

.small-box {
    border-radius: .95rem;
    box-shadow: 0 14px 32px rgba(43, 38, 34, .12);
}

.small-box .inner,
.small-box .icon {
    color: rgba(255, 255, 255, .96);
}

.small-box.bg-primary,
.small-box.bg-info {
    background: linear-gradient(135deg, var(--gc-graphite) 0%, var(--gc-black) 100%) !important;
}

.small-box.bg-warning {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
}

.progress {
    background-color: var(--gc-peach-soft);
}

.progress-bar {
    background-color: var(--gc-sunset);
}

.timeline > div > .timeline-item > .time,
.timeline > div > .fa,
.timeline > div > .fas {
    color: var(--gc-sunset);
}

.widget-category,
.layout-preview,
.widget-container-wrapper,
.container-slot,
.panel-slot,
.widget-item,
.widget-preview-item {
    background-color: var(--gc-surface-2) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite) !important;
}

.widget-item:hover,
.widget-preview-item:hover {
    border-color: var(--gc-sunset) !important;
    box-shadow: 0 10px 24px rgba(var(--gc-sunset-rgb), .16) !important;
}

.drop-zone.drag-over,
.container-slot.drag-over,
.panel-slot.drag-over {
    border-color: var(--gc-sunset) !important;
    background: var(--gc-peach-soft) !important;
}

.widget-preview,
.category-title,
.container-controls .btn-tool {
    color: var(--gc-slate) !important;
}

.container-controls .btn-tool:hover {
    color: var(--gc-sunset-dark) !important;
}

.layout-preview .widget-container .container-controls,
.widget-preview-item .card-header,
.dashboard-main .dashboard-container-wrapper .widget-in-slot .card-header {
    background-color: #fff !important;
    border-color: var(--gc-border) !important;
}

.main-footer {
    background-color: var(--gc-surface-2) !important;
    border-top: 1px solid var(--gc-border) !important;
}

.hero-section,
.version-header {
    background:
        radial-gradient(circle at 72% 20%, rgba(var(--gc-gold-rgb), .28), transparent 20rem),
        linear-gradient(135deg, var(--gc-black) 0%, #4a2c1d 48%, var(--gc-sunset) 100%) !important;
}

.feature-box,
.org-card,
.version-card {
    background-color: var(--gc-surface) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite);
}

.section-title,
.feature-box h3,
.org-card h4 {
    color: var(--gc-graphite) !important;
}

.section-subtitle {
    color: var(--gc-muted) !important;
}

.section-title::after {
    background: linear-gradient(90deg, var(--gc-sunset), var(--gc-gold)) !important;
}

.feature-icon {
    color: var(--gc-sunset) !important;
}

.gregal-auth-page {
    --gregal-ink: var(--gc-ink);
    --gregal-navy: var(--gc-black);
    --gregal-blue: var(--gc-sunset);
    --gregal-cyan: var(--gc-gold);
    --gregal-line: var(--gc-border);
    background: var(--gc-page) !important;
}

.gregal-auth-page .gregal-auth-visual {
    justify-content: flex-start !important;
    gap: clamp(1.35rem, 3vw, 2.4rem) !important;
    background:
        linear-gradient(135deg, rgba(5, 5, 5, .78) 0%, rgba(74, 44, 29, .58) 54%, rgba(255, 111, 60, .34) 100%),
        radial-gradient(circle at 16% 18%, rgba(var(--gc-gold-rgb), .22), transparent 28rem),
        radial-gradient(circle at 76% 78%, rgba(var(--gc-sunset-rgb), .24), transparent 24rem),
        var(--gregal-login-bg, linear-gradient(135deg, var(--gc-black) 0%, #4a2c1d 55%, var(--gc-sunset) 100%)),
        linear-gradient(135deg, var(--gc-black) 0%, #4a2c1d 55%, var(--gc-sunset) 100%) !important;
    background-size: auto, auto, auto, cover, auto !important;
    background-position: center !important;
}

.gregal-auth-page .gregal-auth-main {
    display: grid !important;
    gap: clamp(1.35rem, 3vw, 2.4rem) !important;
    margin-top: clamp(5.75rem, 17vh, 12rem) !important;
}

.gregal-auth-page .gregal-auth-proof {
    margin-top: auto !important;
}

.gregal-auth-page .gregal-auth-form-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--gc-gold-rgb), .2), transparent 24rem),
        linear-gradient(180deg, #fff 0%, var(--gc-peach-soft) 100%) !important;
}

.gregal-auth-page .gregal-auth-kicker {
    background: rgba(var(--gc-gold-rgb), .2) !important;
}

.gregal-auth-page .gregal-auth-proof-item {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .18);
}

.gregal-auth-page .gregal-auth-proof-item i {
    color: var(--gc-gold) !important;
}

.gregal-login-card {
    background-color: #fff !important;
    border: 1px solid var(--gc-border) !important;
    box-shadow: 0 1.8rem 4.2rem rgba(43, 38, 34, .16) !important;
}

.gregal-login-card .card-header,
.gregal-login-card .card-body {
    background-color: transparent !important;
}

.gregal-login-card .card-header h4,
.gregal-login-card label,
.gregal-auth-footer,
.gregal-auth-footer a {
    color: var(--gc-graphite) !important;
}

.gregal-login-card .form-control,
.gregal-login-card .input-group-text {
    background-color: #fff !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-black) !important;
}

.gregal-login-card .form-control:focus {
    background-color: #fff !important;
    border-color: rgba(var(--gc-sunset-rgb), .62) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--gc-sunset-rgb), .14) !important;
}

.gregal-login-card .btn-primary {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    box-shadow: 0 .8rem 1.6rem rgba(var(--gc-sunset-rgb), .22) !important;
    color: var(--gc-black) !important;
}

.gregal-login-card .btn-primary:hover,
.gregal-login-card .btn-primary:focus {
    background: linear-gradient(135deg, #ff8156 0%, var(--gc-sunset-dark) 100%) !important;
    box-shadow: 0 .9rem 1.8rem rgba(var(--gc-sunset-rgb), .3) !important;
    color: #fff !important;
}

.gregal-auth-page .auth-language-switcher .btn {
    background: rgba(255, 255, 255, .84) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite) !important;
    box-shadow: 0 14px 34px rgba(43, 38, 34, .1) !important;
}

.gregal-auth-page,
.gregal-auth-page .gregal-auth-shell,
.gregal-auth-page .gregal-login-card,
.gregal-auth-page .btn,
.gregal-auth-page .form-control,
.gregal-auth-page .input-group-text {
    font-family: 'Urbanist', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.gregal-auth-page .gregal-auth-title {
    font-weight: 500 !important;
    letter-spacing: -.045em !important;
    line-height: 1.02 !important;
}

.gregal-auth-page .gregal-auth-kicker {
    font-weight: 600 !important;
    letter-spacing: .12em !important;
}

.gregal-auth-page .gregal-auth-text {
    font-weight: 400 !important;
    letter-spacing: -.01em;
}

.gregal-auth-page .gregal-auth-proof-item strong {
    font-weight: 600 !important;
}

.gregal-login-card .card-header h4 {
    font-weight: 600 !important;
    letter-spacing: -.025em !important;
}

.gregal-login-card label,
.gregal-login-card .btn-primary {
    font-weight: 600 !important;
}

.gregal-login-card .form-control {
    font-weight: 400 !important;
}

/* Horizon Glow fine tuning: dashboards and dense tables */
.loading-content,
.dashboard-main .loading-content {
    background: var(--gc-surface) !important;
    border: 1px solid var(--gc-border) !important;
    color: var(--gc-graphite) !important;
    box-shadow: 0 1.4rem 3rem rgba(43, 38, 34, .18);
}

.info-box {
    overflow: hidden;
}

.info-box .info-box-icon.bg-info,
.info-box .info-box-icon.bg-primary,
.info-box .info-box-icon.bg-gradient-primary {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    color: var(--gc-black) !important;
}

.info-box .info-box-icon.bg-warning {
    background: linear-gradient(135deg, var(--gc-gold) 0%, #ffd98a 100%) !important;
    color: var(--gc-black) !important;
}

.info-box .info-box-number a.text-dark,
.info-box .info-box-number a {
    color: var(--gc-sunset-dark) !important;
}

.small-box > .small-box-footer {
    background: rgba(0, 0, 0, .14) !important;
    color: rgba(255, 255, 255, .94) !important;
}

.small-box.bg-warning > .small-box-footer,
.small-box.bg-primary > .small-box-footer {
    color: var(--gc-black) !important;
    background: rgba(255, 255, 255, .24) !important;
}

.dashboard-main .widget-category,
.dashboard-main .layout-preview,
.dashboard-main .widget-item,
.dashboard-main .widget-preview-item,
.dashboard-main .container-slot,
.dashboard-main .panel-slot,
.widget-category,
.layout-preview,
.widget-item,
.widget-preview-item,
.container-slot,
.panel-slot {
    background: var(--gc-surface-2) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite) !important;
}

.dashboard-main .widget-item:hover,
.dashboard-main .widget-preview-item:hover,
.widget-item:hover,
.widget-preview-item:hover {
    border-color: var(--gc-sunset) !important;
    box-shadow: 0 8px 20px rgba(var(--gc-sunset-rgb), .16) !important;
}

.dashboard-main .drop-zone.drag-over,
.dashboard-main .container-slot.drag-over,
.dashboard-main .panel-slot.drag-over,
.drop-zone.drag-over,
.container-slot.drag-over,
.panel-slot.drag-over {
    background: var(--gc-peach-soft) !important;
    border-color: var(--gc-sunset) !important;
}

.dashboard-main .slot-placeholder,
.dashboard-main .panel-placeholder,
.drop-zone-content,
.slot-placeholder,
.panel-placeholder {
    color: var(--gc-muted) !important;
}

.dashboard-main .dashboard-container-wrapper .widget-in-slot .card {
    border: 1px solid rgba(234, 216, 202, .8) !important;
    box-shadow: 0 8px 18px rgba(43, 38, 34, .08) !important;
}

.dashboard-main .dashboard-container-wrapper .widget-in-slot .card-header,
.widget-preview-item .card-header {
    background: var(--gc-surface-2) !important;
    border-bottom-color: var(--gc-border) !important;
}

.revenue-chart-widget .btn-group .btn.btn-primary {
    background: linear-gradient(135deg, var(--gc-sunset) 0%, var(--gc-gold) 100%) !important;
    border-color: var(--gc-sunset) !important;
    color: var(--gc-black) !important;
}

.revenue-chart-widget .btn-group .btn.btn-outline-primary {
    color: var(--gc-sunset-dark) !important;
    border-color: rgba(var(--gc-sunset-rgb), .62) !important;
    background-color: #fff !important;
}

.revenue-chart-widget .btn-group .btn.btn-outline-primary:hover {
    background: var(--gc-peach-soft) !important;
    color: var(--gc-black) !important;
}

.revenue-chart-widget .chart-container .loading-indicator {
    background: rgba(255, 250, 246, .92) !important;
}

.table-responsive {
    border-radius: .75rem;
}

.table-bordered,
table.dataTable.table-bordered {
    border-color: var(--gc-border) !important;
}

.table tbody + tbody {
    border-top-color: var(--gc-border) !important;
}

.table .thead-light th,
.table thead.bg-light th,
thead.bg-light th {
    background: var(--gc-peach-soft) !important;
    color: var(--gc-slate) !important;
    border-color: var(--gc-border) !important;
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: rgba(var(--gc-sunset-rgb), .12) !important;
    color: var(--gc-graphite) !important;
}

.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child {
    align-items: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .pagination .page-link {
    border-radius: .5rem !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border-radius: .55rem;
}

/* Horizon Glow fine tuning: support and project lists */
.btn-info,
.btn-outline-info:hover,
.show > .btn-outline-info.dropdown-toggle {
    background: linear-gradient(135deg, var(--gc-graphite) 0%, var(--gc-black) 100%) !important;
    border-color: var(--gc-graphite) !important;
    color: #fff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active {
    background: linear-gradient(135deg, #3d342e 0%, var(--gc-black) 100%) !important;
    border-color: var(--gc-black) !important;
    color: #fff !important;
}

.btn-outline-info {
    border-color: rgba(79, 111, 133, .55) !important;
    color: var(--gc-info) !important;
}

.btn-warning,
.btn-outline-warning:hover,
.show > .btn-outline-warning.dropdown-toggle {
    background: linear-gradient(135deg, var(--gc-gold) 0%, #ffd98a 100%) !important;
    border-color: var(--gc-gold) !important;
    color: var(--gc-black) !important;
    font-weight: 700;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active {
    background: linear-gradient(135deg, #e29f2c 0%, var(--gc-gold) 100%) !important;
    border-color: #e29f2c !important;
    color: var(--gc-black) !important;
}

.btn-success,
.btn-outline-success:hover,
.show > .btn-outline-success.dropdown-toggle {
    background: linear-gradient(135deg, #2f7d55 0%, #3c9a67 100%) !important;
    border-color: #2f7d55 !important;
    color: #fff !important;
}

.btn-danger,
.btn-outline-danger:hover,
.show > .btn-outline-danger.dropdown-toggle {
    background: linear-gradient(135deg, #bd3f32 0%, #8f241d 100%) !important;
    border-color: #bd3f32 !important;
    color: #fff !important;
}

.btn-dark,
.badge-dark,
.bg-dark {
    background-color: var(--gc-black) !important;
    color: #fff !important;
}

.badge-info {
    background-color: #4f6f85 !important;
    color: #fff !important;
}

.badge-warning {
    background-color: var(--gc-gold) !important;
    color: var(--gc-black) !important;
}

.card-info.card-outline,
.card-outline.card-info {
    border-top-color: var(--gc-info) !important;
}

.card-success.card-outline,
.card-outline.card-success {
    border-top-color: var(--gc-success) !important;
}

.card-info:not(.card-outline) > .card-header {
    background: linear-gradient(135deg, var(--gc-info) 0%, #3b5364 100%) !important;
    color: #fff !important;
}

.card-success:not(.card-outline) > .card-header {
    background: linear-gradient(135deg, var(--gc-success) 0%, #2f7d55 100%) !important;
    color: #fff !important;
}

.card-warning:not(.card-outline) > .card-header {
    background: linear-gradient(135deg, var(--gc-gold) 0%, #ffd98a 100%) !important;
    color: var(--gc-black) !important;
}

.card-danger:not(.card-outline) > .card-header {
    background: linear-gradient(135deg, var(--gc-danger) 0%, #8f241d 100%) !important;
    color: #fff !important;
}

.card-info > .card-header .card-title,
.card-success > .card-header .card-title,
.card-danger > .card-header .card-title {
    color: #fff !important;
}

.card-warning > .card-header .card-title {
    color: var(--gc-black) !important;
}

#support-tickets-table td,
#projectsTable td,
#tickets-table td {
    vertical-align: middle;
}

#support-tickets-table .btn-group .btn,
#projectsTable .btn-group .btn,
#tickets-table .btn {
    box-shadow: none;
}

#support-tickets-table .badge,
#projectsTable .badge,
#tickets-table .badge {
    padding: .38rem .55rem;
    border-radius: 999px;
    font-weight: 700;
}

.custom-dropdown {
    background: var(--gc-surface) !important;
    border-color: var(--gc-border) !important;
    box-shadow: 0 18px 42px rgba(43, 38, 34, .18) !important;
    color: var(--gc-graphite) !important;
}

.custom-dropdown .dropdown-header {
    color: var(--gc-slate) !important;
}

#filters-form label.text-dark,
.card-body label.text-dark {
    color: var(--gc-graphite) !important;
}

#filters-form .custom-control,
#projectsTable_wrapper,
#support-tickets-table_wrapper,
#tickets-table_wrapper {
    font-size: .94rem;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    background-color: var(--gc-sunset) !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(var(--gc-sunset-rgb), .2);
}

.dataTables_wrapper .child,
.dataTables_wrapper .dtr-details {
    background: var(--gc-surface-2) !important;
    color: var(--gc-graphite) !important;
}

/* Horizon Glow fine tuning: inventory, vault and documents */
#tableVault td,
#tableNetwork td,
#tableServices td,
#documentsTable td,
#tickets-table td {
    vertical-align: middle;
}

#tableVault code,
#tableNetwork code,
#tableServices code,
code {
    background: var(--gc-peach-soft) !important;
    border: 1px solid rgba(var(--gc-sunset-rgb), .16);
    border-radius: .35rem;
    color: #7a3216 !important;
    padding: .12rem .35rem;
}

.password-cell .password-mask,
.password-cell .password-plain {
    display: inline-block;
    min-width: 5.5rem;
    padding: .18rem .45rem;
    border-radius: .45rem;
    background: var(--gc-peach-soft);
    border: 1px solid var(--gc-border);
    color: var(--gc-graphite);
    letter-spacing: .03em;
}

.btn-xs {
    border-radius: .45rem !important;
    line-height: 1.2 !important;
}

#vaultTabs.nav-pills .nav-link,
#vaultTabs .nav-link {
    border-radius: 999px;
    margin-right: .35rem;
}

#vaultTabs.nav-pills .nav-link:not(.active) {
    background: rgba(var(--gc-peach-rgb), .22);
    border: 1px solid var(--gc-border);
}

#vaultTabs.nav-pills .nav-link .badge {
    box-shadow: none;
}

.card.border-primary,
.card[style*="border-color"] {
    border-width: 1px !important;
    box-shadow: 0 14px 34px rgba(43, 38, 34, .1) !important;
}

.card-header[style*="background-color"] .card-title,
.card-header.bg-primary .card-title,
.card-header.bg-primary h3,
.card-header.bg-primary h4 {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .24);
}

.client-document-card,
.client-documents .card.card-outline,
#documentsTable_wrapper {
    color: var(--gc-graphite);
}

.client-documents .small-box,
.content .small-box[style*="background-color"] {
    box-shadow: 0 14px 32px rgba(43, 38, 34, .12) !important;
    border-radius: .95rem;
    overflow: hidden;
}

.content .small-box[style*="background-color"] > .small-box-footer {
    background: rgba(0, 0, 0, .18) !important;
    color: #fff !important;
}

#documentsTable_wrapper {
    padding: 1rem !important;
}

#documentsTable td,
#documentsTable th {
    padding: .75rem !important;
}

#documentsTable .btn-group,
#tableVault .btn-group,
#tableNetwork .btn-group,
#tableServices .btn-group {
    gap: .15rem;
}

#documentsTable .btn-group form,
#tableVault .btn-group form,
#tableNetwork .btn-group form,
#tableServices .btn-group form {
    display: inline-flex !important;
}

.remote-control.dropdown-item:hover {
    background: var(--gc-peach-soft) !important;
}

.dropdown-menu .bg-primary.rounded-circle,
.dropdown-menu .bg-success.rounded-circle,
.dropdown-menu .bg-warning.rounded-circle {
    box-shadow: 0 4px 12px rgba(43, 38, 34, .12);
}

.dropdown-menu .bg-warning.rounded-circle {
    color: var(--gc-black) !important;
}

.info-box.bg-light,
.card-body.bg-light,
.px-3.py-2.bg-light {
    background: var(--gc-surface-2) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite) !important;
}

.card-body .lead {
    color: var(--gc-slate);
}

.card-body ul.list-unstyled li i.text-primary,
.card-body .fa-chevron-right.text-primary {
    color: var(--gc-sunset) !important;
}

.empty-state,
.text-center.py-4,
.card-body > .text-center {
    color: var(--gc-slate);
}

.empty-state .fa-5x,
.card-body > .text-center .fa-5x,
.text-center.py-4 .fa-3x {
    color: rgba(var(--gc-sunset-rgb), .32) !important;
}

.form-control-plaintext.bg-light,
.bg-light.border,
.bg-light.rounded {
    background: var(--gc-surface-2) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-graphite) !important;
}