/* Panel theme aligned with the public BlackPT site. */
body.nk-body {
    position: relative;
    min-height: 100vh;
    color: #edf0f4 !important;
    background-color: #080a10 !important;
    background-image: linear-gradient(115deg, rgba(5, 7, 13, .86), rgba(8, 10, 17, .70)), url("/content/image/background-blackpt.jpg") !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body.nk-body::before {
    position: fixed;
    z-index: 0;
    inset: 0;
    background: radial-gradient(ellipse at 84% 12%, rgba(226, 48, 69, .13), transparent 38%);
    content: "";
    pointer-events: none;
}
.nk-app-root { position: relative; z-index: 1; background: transparent !important; }
.nk-main, .nk-wrap, .nk-content, .nk-content-inner, .nk-wrap-nosidebar { background: transparent !important; }
.nk-auth-container.bg-white, .nk-split-content.bg-white {
    color: #edf0f4 !important;
    background: rgba(10, 13, 20, .82) !important;
    border: 1px solid rgba(255, 91, 103, .20);
    border-radius: 22px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .40);
    backdrop-filter: blur(16px);
}
.nk-header.is-light {
    background: rgba(8, 10, 16, .90) !important;
    border-bottom: 1px solid rgba(255, 91, 103, .22);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
    backdrop-filter: blur(16px);
}
.nk-aside.bg-transparent, .nk-sidebar-menu {
    background: rgba(8, 10, 16, .90) !important;
}
.card, .card-bordered, .nk-block .card {
    color: #edf0f4;
    background: rgba(11, 14, 22, .86) !important;
    border-color: rgba(255, 91, 103, .18) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}
.card-inner, .nk-content-body, .nk-block-head-content { color: #edf0f4; }
.nk-block-title, .card-title, .title, .form-label, .nk-menu-text, .nk-menu-heading h6 { color: #edf0f4 !important; }
.text-soft, .sub-text, .form-note-s2 { color: #b9c0ca !important; }
.form-control, .form-select, textarea.form-control {
    color: #f5f6f8 !important;
    background: rgba(20, 24, 33, .94) !important;
    border-color: rgba(205, 215, 230, .20) !important;
}
.form-control::placeholder { color: #929ba8 !important; }
.form-control:focus, .form-select:focus {
    border-color: rgba(255, 91, 103, .68) !important;
    box-shadow: 0 0 0 .2rem rgba(255, 75, 94, .14) !important;
}
.btn-primary, .btn-success {
    color: #fff !important;
    background: linear-gradient(135deg, #ff6872, #bd263e) !important;
    border-color: #cf3044 !important;
    box-shadow: 0 8px 22px rgba(195, 43, 62, .22);
}
.btn-primary:hover, .btn-success:hover { background: linear-gradient(135deg, #ff7b83, #d43248) !important; }
.nk-menu-link:hover, .nk-menu-item.active > .nk-menu-link, .link-primary { color: #ff737c !important; }
.nk-menu-item.active > .nk-menu-link { background: rgba(255, 75, 94, .12) !important; }
.table, .table td, .table th { color: #e4e8ed; }
.table thead th { color: #ff858d; }

/* Keep the auth brand readable over the artwork, including narrow split layouts. */
.man-auth { isolation: isolate; }
.man-auth::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(180deg, transparent 54%, rgba(6, 8, 13, .16) 72%, rgba(6, 8, 13, .62) 100%);
    content: "";
    pointer-events: none;
}
.man-auth .nk-footer-links-auth-logo {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    height: auto;
    align-items: flex-end;
    justify-content: flex-start;
    padding: clamp(20px, 4vw, 44px);
}
.man-auth .nk-footer-links-auth-logo .nav,
.man-auth .nk-footer-links-auth-logo .logo-link { margin: 0; padding: 0; }
.man-auth .nk-footer-links-auth-logo .logo-link > a {
    display: inline-flex;
    max-width: 100%;
    padding: 11px 14px;
    border: 1px solid rgba(255, 108, 120, .30);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(8, 10, 16, .93), rgba(12, 14, 21, .78));
    box-shadow: 0 14px 36px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(12px);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.man-auth .nk-footer-links-auth-logo .logo-link > a:hover {
    border-color: rgba(255, 108, 120, .62);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .44), 0 0 24px rgba(213, 45, 69, .12);
    transform: translateY(-2px);
}
.man-auth .nk-footer-links-auth-logo img {
    display: block;
    width: 176px;
    max-width: 100%;
    height: auto;
}
.man-auth > * { position: relative; z-index: 1; }
.man-auth > .nk-footer-links-auth-logo { position: absolute; }

@media (max-width: 767px) {
    body.nk-body { background-attachment: scroll; }
}
@media (max-width: 900px) {
    .man-auth .nk-footer-links-auth-logo { padding: 22px; }
    .man-auth .nk-footer-links-auth-logo .logo-link > a { padding: 9px 11px; }
}

/* Login canvas: center the data column while leaving the artwork visible. */
body.auth-screen .nk-content {
    min-height: 100vh;
    padding: 0 !important;
}
body.auth-screen .nk-split-page {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 100vh;
}
body.auth-screen .nk-auth-container.bg-white {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 1 620px !important;
    flex-direction: column;
    width: min(100%, 620px) !important;
    max-width: 620px;
    min-width: 0;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 16px 12px;
    align-items: center;
    justify-content: center;
    color: #edf0f4 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.auth-screen .nk-split-stretch.man-auth {
    position: absolute;
    z-index: 0;
    inset: 0;
    flex: none;
    width: 100%;
    min-height: 100vh;
    pointer-events: none;
}
body.auth-screen .man-auth .nk-footer-links-auth-logo {
    justify-content: flex-end;
    pointer-events: none;
}
body.auth-screen .man-auth .nk-footer-links-auth-logo a {
    pointer-events: auto;
}
body.auth-screen .nk-auth-container > .nk-auth-body {
    width: 100%;
    max-width: 560px;
    margin: auto;
    padding: clamp(24px, 3vw, 36px);
    box-sizing: border-box;
    background: rgba(10, 13, 20, .697) !important;
    border: 1px solid rgba(255, 91, 103, .16);
    border-radius: 24px;
    box-shadow: 0 20px 52px rgba(0, 0, 0, .24);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
body.auth-screen .brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
body.auth-screen .brand-logo > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0 auto;
}
body.auth-screen .brand-logo .logo-img {
    display: block;
    max-width: min(100%, 220px);
    height: auto;
    margin: 0 auto;
}
body.auth-screen .nk-auth-footer {
    width: min(100%, 460px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 767px) {
    body.auth-screen .nk-content { padding: 0 !important; }
    body.auth-screen .nk-auth-container {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 620px;
        min-width: 0;
        padding: 18px 16px 12px;
    }
    body.auth-screen .nk-auth-container > .nk-auth-body {
        width: 100%;
        max-width: 460px;
        min-width: 0;
        box-sizing: border-box;
        padding: 24px;
    }
    body.auth-screen .nk-auth-body .tabs,
    body.auth-screen .nk-auth-body form,
    body.auth-screen .nk-auth-body .form-group,
    body.auth-screen .nk-auth-body .form-control-wrap,
    body.auth-screen .nk-auth-body .form-control {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
}