@import "plugins.bundle-8VNjlGb.css";
@import "style.bundle-KwKVzMN.css";
@import "dialog-pYIDVCi.css";
@import "variables-fcyiCUH.css";

body.app-default,
body.app-blank {
    background:
        radial-gradient(circle at 78% 8%, rgba(0, 229, 255, .10), transparent 26%),
        radial-gradient(circle at 8% 12%, rgba(255, 60, 172, .12), transparent 28%),
        var(--genko-bg);
}

html[data-bs-theme="dark"] body.app-default,
html[data-bs-theme="dark"] body.app-blank {
    background:
        radial-gradient(circle at 70% 0%, rgba(91, 93, 255, .20), transparent 26%),
        radial-gradient(circle at 12% 10%, rgba(255, 60, 172, .18), transparent 30%),
        linear-gradient(180deg, #0b0e1a 0%, #070a16 100%);
}

.genko-brand-gradient,
.lsai-brand-gradient,
.h1821-brand-gradient {
    background: linear-gradient(135deg, var(--genko-pink) 0%, var(--genko-violet) 48%, var(--genko-cyan) 100%) !important;
}

.text-genko-gradient {
    background: linear-gradient(135deg, var(--genko-pink) 0%, var(--genko-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn.btn-primary {
    background: linear-gradient(135deg, var(--genko-pink), var(--genko-violet), var(--genko-cyan), var(--genko-violet), var(--genko-pink));
    background-size: 300% 100%;
    transition: background-position .5s ease;
}

.btn.btn-primary:hover {
    background-position: 100% 0;
    color: white !important;
}

.btn.btn-light-primary {
    color: var(--genko-pink);
    background: linear-gradient(135deg, #FDEAFA, #F3F2FD, #FDEAFA);
    background-size: 300% 100%;
    transition: background-position .5s ease;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus {
    background-position: 100% 0;
}

.btn.btn-outline-primary {
    color: var(--genko-pink);
    border-color: rgba(255, 60, 172, .42);
}

.btn.btn-outline-primary:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--genko-pink), var(--genko-violet));
    border-color: transparent;
}

.btn-light {
    color: var(--genko-violet) !important;
    border: 1px solid var(--genko-violet) !important;
    background: white !important;
}

.btn-light:hover,
.btn-light:focus {
    color: var(--genko-pink) !important;
    border: 1px solid var(--genko-pink) !important;
    background: none !important;
    background-color: white !important;
}

.link-primary,
.text-hover-primary:hover,
a:hover {
    color: var(--genko-pink) !important;
}

.badge.badge-light-primary {
    color: var(--genko-pink);
    background-color: var(--bs-primary-light);
}

.badge.badge-light-info {
    color: #009bb1;
    background-color: var(--bs-info-light);
}

html[data-bs-theme="dark"] .badge.badge-light-info {
    color: var(--genko-cyan);
}

.card,
.card-flush,
.drawer .card {
    background-color: var(--genko-surface);
    border-color: var(--genko-border);
    box-shadow: var(--genko-shadow);
}

.card {
    border: 1px solid var(--genko-border);
}

.app-header {
    border-bottom: 1px solid var(--genko-border);
    backdrop-filter: blur(18px);
}

.app-sidebar {
    background: var(--genko-sidebar);
    border-right: 1px solid var(--genko-border);
}

html[data-bs-theme="dark"] .app-sidebar {
    background:
        radial-gradient(circle at 15% 2%, rgba(255, 60, 172, .16), transparent 30%),
        linear-gradient(180deg, #0b0e1a 0%, #070a16 100%);
}

.genko-sidebar-brand {
    display: inline-flex;
    align-items: center;
    min-height: 72px;
    text-decoration: none;
}

.genko-brand-logo {
    display: block;
    width: 205px;
    max-width: 100%;
    height: auto;
}

.genko-brand-logo--on-dark {
    display: none;
}

html[data-bs-theme="dark"] .genko-brand-logo--on-light {
    display: none;
}

html[data-bs-theme="dark"] .genko-brand-logo--on-dark {
    display: block;
}

.genko-auth-logo {
    display: block;
    width: min(280px, 80vw);
    height: auto;
}

.genko-workspace-card {
    border: 1px solid var(--genko-border);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 60, 172, .08), rgba(0, 229, 255, .05)),
        color-mix(in srgb, var(--genko-surface) 94%, transparent);
    box-shadow: 0 18px 42px rgba(11, 14, 26, .08);
}

html[data-bs-theme="dark"] .genko-workspace-card {
    background:
        linear-gradient(135deg, rgba(255, 60, 172, .14), rgba(91, 93, 255, .08)),
        rgba(246, 247, 251, .03);
}

.app-sidebar .menu .menu-heading {
    letter-spacing: .04em;
}

.app-sidebar .menu .menu-link {
    border: 1px solid transparent;
    margin: .15rem .5rem;
    border-radius: .85rem;
}

.app-sidebar .menu .menu-link:not(.active) .menu-title {
    color: var(--genko-text) !important;
    opacity: 0.8;
}

.app-sidebar .menu .menu-link:not(.active) .menu-icon i {
    background: linear-gradient(90deg, var(--genko-violet), var(--genko-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.app-sidebar .menu .menu-link.active {
    color: var(--genko-text);
    background: linear-gradient(90deg, #FDEAFA 70%, #F3F2FD);
    border-color: rgba(255, 60, 172, .34);
}

.app-sidebar .menu .menu-link.active .menu-title {
    color: var(--genko-text) !important;
}

html[data-bs-theme="dark"] .app-sidebar .menu .menu-link.active {
    background: linear-gradient(135deg, #1D0C33 70%, #080B1F);
    border-color: rgba(255, 60, 172, .34);
}

html[data-bs-theme="light"] .app-sidebar .menu .menu-link.active .menu-icon i {
    color: var(--genko-pink) !important;
}

html[data-bs-theme="dark"] .app-sidebar .menu .menu-link .menu-icon i {
    background: linear-gradient(90deg, var(--genko-pink), var(--genko-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

html[data-bs-theme="dark"] .app-sidebar .menu .menu-link.active .menu-title {
    color: #FFF;
}

.app-sidebar .menu .menu-link:hover {
    background-color: rgba(255, 60, 172, .08);
}

.app-sidebar-footer .btn-outline-secondary {
    border-color: var(--genko-border) !important;
}

.menu-sub-dropdown {
    border: 1px solid var(--genko-border);
    box-shadow: var(--genko-shadow);
}

.form-control,
.form-select {
    border-color: var(--genko-border);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--genko-pink);
    box-shadow: 0 0 0 .25rem rgba(255, 60, 172, .14);
}

.input-group-text {
    border-color: var(--genko-border);
}

.lsai-client-search,
.h1821-client-search {
    width: min(620px, 100%);
}

.lsai-client-search .form-control,
.h1821-client-search .form-control,
.genko-client-search .form-control {
    min-height: 52px;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--genko-surface) 86%, transparent);
}

.genko-auth-shell {
    min-height: 100vh;
}

.genko-auth-visual,
.lsai-auth-visual,
.h1821-auth-visual {
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 60, 172, .34), transparent 28%),
        radial-gradient(circle at 85% 78%, rgba(0, 229, 255, .22), transparent 34%),
        linear-gradient(145deg, #0b0e1a 0%, #131a3c 56%, #070a16 100%);
    position: relative;
    overflow: hidden;
}

.genko-auth-visual::after,
.lsai-auth-visual::after,
.h1821-auth-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, black, transparent 78%);
    pointer-events: none;
}

.genko-auth-card {
    border-radius: 1.35rem;
}

html[data-bs-theme="dark"] .genko-auth-panel {
    background: var(--genko-bg);
}

.lsai-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--bs-primary-light);
    color: var(--bs-primary);
    font-size: .82rem;
    font-weight: 700;
    cursor: help;
}

.lsai-live-form [data-loading],
.h1821-live-form [data-loading],
.genko-live-form [data-loading] {
    transition: opacity .2s ease;
}

.lsai-toast,
.h1821-toast,
.genko-toast {
    --bs-toast-max-width: 440px;
    width: min(440px, calc(100vw - 2rem));
    border-radius: 1rem;
}

.lsai-plan-card {
    border: 1px solid var(--genko-border);
    border-radius: 1rem;
    background: var(--genko-surface);
}

.btn-xs {
    --bs-btn-padding-y: .2rem;
    --bs-btn-padding-x: .45rem;
    --bs-btn-font-size: .75rem;
}

.drawer {
    background-color: var(--genko-surface) !important;
}

.drawer .card {
    background-color: var(--genko-surface);
}

.notice {
    border-color: var(--genko-border) !important;
}

.table {
    --bs-table-border-color: var(--genko-border);
}

.symbol .symbol-label {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

@media (max-width: 991.98px) {
    .lsai-responsive-stack {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .genko-brand-logo {
        width: 178px;
    }
}

.lsai-editorial-plan-event {
    border: 0 !important;
    border-radius: .65rem !important;
    padding: .15rem .35rem !important;
    font-weight: 600;
}

.lsai-editorial-plan-event--proposed {
    background-color: var(--bs-secondary) !important;
    color: var(--genko-text) !important;
}

.lsai-editorial-plan-event--validated {
    background-color: var(--bs-success) !important;
    color: var(--genko-text) !important;
}

.lsai-editorial-plan-event--rejected {
    background-color: var(--bs-danger) !important;
    color: var(--genko-text) !important;
}

.fc .fc-toolbar-title {
    color: var(--bs-gray-900);
    font-weight: 700;
}

.card-gradient {
    position: relative;
    border-radius: var(--bs-border-radius-xl);
    background: var(--bs-body-bg);
    overflow: hidden;
}

.card-gradient::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: inherit;

    background: linear-gradient(
        90deg,
        var(--genko-pink),
        var(--genko-violet),
        var(--genko-cyan)
    );

    transition: opacity .3s ease;
}

.card-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;

    background: linear-gradient(
        135deg,
        var(--genko-pink),
        var(--genko-violet),
        var(--genko-cyan)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    opacity: 0;
    transition:
        opacity .35s ease,
        filter .35s ease;
}

.card-gradient:hover::before {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(138,92,255,.20));
}

.card-gradient:hover::after {
    opacity: 0;
}

.card-gradient::before,
.card-gradient::after {
    pointer-events: none;
}

.icon-gradient {
    background: linear-gradient(90deg, var(--genko-violet), var(--genko-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.nav-line-tabs .nav-item .nav-link.active {
    color: var(--genko-pink) !important;
}