:root {
    --theme-primary: #941430 !important;
    --theme-primary-rgb: 148, 20, 48 !important;
    --theme-primary-bg-subtle: rgba(148, 20, 48, 0.15) !important;
    --theme-primary-border-subtle: rgba(148, 20, 48, 0.3) !important;
    --theme-primary-text-emphasis: #6e0f24 !important;
}

.auth-brand .logo-dark img,
.auth-brand .logo-light img {
    height: 38px;
}

/* Clean authentication layout */
.misafyai-auth-page {
    background: #f7f5f5;
    min-height: 100vh;
}

.misafyai-auth-page .auth-shell {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
}

.misafyai-auth-page .auth-box-form {
    background: #fff;
    border: 1px solid #ece7e8;
    border-radius: 20px;
    box-shadow: 0 18px 55px rgba(49, 35, 40, .09);
    margin: 0;
    max-width: 460px;
    width: 100%;
}

.misafyai-auth-page .auth-box-form > .card-body {
    display: flex;
    flex-direction: column;
    min-height: 580px;
    padding: 42px;
}

.misafyai-auth-page:has(form[action$="/register"]) .auth-box-form {
    max-width: 560px;
}

.misafyai-auth-page:has(form[action$="/register"]) .auth-box-form > .card-body {
    min-height: 720px;
}

.misafyai-auth-page .auth-brand {
    margin-bottom: 38px;
}

.misafyai-auth-page .auth-brand + .mt-auto { margin-top: 0 !important; }

.misafyai-auth-wordmark {
    align-items: center;
    color: #18090e;
    display: inline-flex;
    font-size: 26px;
    font-weight: 800;
    gap: 11px;
    letter-spacing: -.04em;
}

.misafyai-auth-wordmark:hover { color: #18090e; }
.misafyai-auth-wordmark > span:last-child > span { color: #941430; }
.misafyai-auth-wordmark__mark {
    align-items: center;
    background: #dfa0b0;
    border-radius: 12px;
    color: #18090e;
    display: inline-flex;
    font-size: 21px;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.misafyai-auth-page .auth-copyright { margin-top: auto; padding-top: 36px; }

@media (max-width: 575.98px) {
    .misafyai-auth-page .auth-shell { align-items: stretch; padding: 0; }
    .misafyai-auth-page .auth-box-form { border: 0; border-radius: 0; box-shadow: none; max-width: none; }
    .misafyai-auth-page .auth-box-form > .card-body { min-height: 100vh; padding: 32px 24px; }
}

/* MisafyAI application shell */
.misafyai-panel {
    --panel-sidebar: 238px;
    --panel-header: 64px;
    --theme-topbar-height: 64px;
    --panel-burgundy: #941430;
    --panel-bg: #f6f6f6;
    background: var(--panel-bg);
    color: #232122;
    width: 100%;
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
}

html:has(.misafyai-panel) {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background: var(--panel-bg, #f6f6f6) !important;
}

.misafyai-panel .wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    background: var(--panel-bg) !important;
    border: 0 !important;
    border-inline-end: 0 !important;
}

html[data-skin="matrix"] .misafyai-panel .wrapper::before,
html[data-skin="matrix"] .misafyai-panel .wrapper::after,
html[data-skin="matrix"] .misafyai-panel .sidenav-menu::after {
    content: none !important;
    display: none !important;
}

.misafyai-panel .sidenav-menu {
    width: var(--panel-sidebar);
    background: #fff;
    border-right: 1px solid #e9e7e7;
    box-shadow: none;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
}

.misafyai-panel .sidenav-menu > .logo {
    height: var(--panel-header);
    padding: 8px 20px;
    border-bottom: 1px solid #efeeee;
    justify-content: flex-start;
}

.misafyai-panel .sidenav-menu > .logo > .logo {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.misafyai-panel .sidenav-menu > .logo img { height: 42px !important; max-width: 150px; object-fit: contain; }
.misafyai-wordmark { align-items: center; display: inline-flex !important; gap: 10px; white-space: nowrap; }
.misafyai-wordmark__mark {
    align-items: center;
    background: #df91aa;
    border-radius: 10px;
    color: #16080d;
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 21px;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}
.misafyai-wordmark__text { color: #16080d; font-size: 22px; font-weight: 850; letter-spacing: -.065em; line-height: 1; }
.misafyai-wordmark__text span { color: #91324b; }
.misafyai-panel .sidenav-menu .scrollbar { padding: 9px 10px 18px; }
.misafyai-panel .side-nav-title {
    color: #aaa4a6 !important;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    padding: 12px 7px 6px !important;
    text-transform: uppercase;
}
.misafyai-panel .side-nav-item { margin: 1px 0; }
.misafyai-panel .side-nav-link {
    min-height: 39px;
    border-radius: 9px;
    color: #625e60 !important;
    font-size: 14px;
    font-weight: 500;
    gap: 9px;
    padding: 9px 10px !important;
}
.misafyai-panel .side-nav-link .menu-icon { font-size: 18px; width: 19px; }
.misafyai-panel .side-nav-item.active .side-nav-link,
.misafyai-panel .side-nav-link.active,
.misafyai-panel .side-nav-link:hover {
    background: #fbf0f3 !important;
    color: #8f2841 !important;
}
.channel-status-dot { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: #2fa86f; }
.sidenav-signature { color: #8d888a; display: flex; flex-direction: column; gap: 7px; font-size: 11px; margin: 24px 6px 0; padding-bottom: 12px; position: static; }
.sidenav-signature small { width: fit-content; padding: 3px 9px; border-radius: 999px; background: #f2f1f1; color: #aaa5a7; font-size: 9px; letter-spacing: .08em; }

.misafyai-panel .app-topbar {
    left: var(--panel-sidebar);
    margin-left: var(--panel-sidebar) !important;
    margin-inline-start: var(--panel-sidebar) !important;
    height: var(--panel-header);
    background: #fff;
    border-bottom: 1px solid #e9e7e7;
    box-shadow: none;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    background: #fff !important;
}
.misafyai-panel .app-topbar .topbar-menu {
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e9e7e7 !important;
}
.misafyai-panel .topbar-menu {
    height: var(--panel-header) !important;
    min-height: var(--panel-header) !important;
    max-height: var(--panel-header) !important;
    padding: 0 25px;
}
.misafyai-panel .topbar-menu .topbar-item,
.misafyai-panel .topbar-menu .dropdown,
.misafyai-panel .topbar-menu .topbar-link {
    height: var(--panel-header) !important;
    max-height: var(--panel-header) !important;
}
.misafyai-panel .logo-topbar { display: none !important; }
.misafyai-panel .app-search { width: 350px; }
.misafyai-panel .topbar-search { height: 40px; border: 1px solid #e8e5e6; border-radius: 10px !important; background: #fff; box-shadow: 0 1px 4px rgba(40,25,30,.03); font-size: 13px; padding-left: 41px; }
.misafyai-panel .topbar-link { color: #5c5658; }
.misafyai-panel .topbar-item { border-right: 1px solid #ece9ea; padding-right: 12px; margin-right: 4px; }
.misafyai-panel .content-page { width: auto !important; max-width: none !important; min-height: 100vh; margin-left: var(--panel-sidebar) !important; margin-inline-start: var(--panel-sidebar) !important; padding: 0 !important; background: var(--panel-bg); border: 0 !important; border-radius: 0 !important; }
.misafyai-panel .content-page > .container-fluid { padding: 16px 27px; }
.misafyai-panel .page-title-head { min-height: 44px; margin-bottom: 14px; }
.misafyai-panel .footer { background: transparent; border: 0; color: #999395; font-size: 11px; }
.misafyai-panel .card { border: 1px solid #ebe9e9; box-shadow: 0 1px 2px rgba(30,20,22,.02); border-radius: 14px; }
.misafyai-panel .card-header { background: transparent; border-bottom-color: #eeeaea; }

@media (max-width: 991.98px) {
    .misafyai-panel .app-topbar { left: 0; }
    .misafyai-panel .app-topbar,
    .misafyai-panel .content-page { margin-left: 0 !important; margin-inline-start: 0 !important; }
    .misafyai-panel .content-page { min-height: 100%; }
    .misafyai-panel .logo-topbar { display: flex !important; }
}

@media (max-width: 767.98px) {
    html, body.misafyai-panel { overflow-x: hidden; }
    .misafyai-panel { --panel-header: 58px; }
    .misafyai-panel .app-topbar { height: var(--panel-header); }
    .misafyai-panel .topbar-menu {
        height: var(--panel-header) !important;
        justify-content: space-between;
        min-height: var(--panel-header) !important;
        padding: 0 10px;
        position: relative;
    }
    .misafyai-panel .topbar-menu .topbar-item,
    .misafyai-panel .topbar-menu .dropdown,
    .misafyai-panel .topbar-menu .topbar-link { height: var(--panel-header) !important; }
    .misafyai-panel .topbar-menu > .d-flex:first-child { min-width: 44px; }
    .misafyai-panel .sidenav-toggle-button {
        height: 40px !important;
        order: -1;
        width: 40px !important;
    }
    .misafyai-panel .logo-topbar {
        left: 50%;
        margin: 0 !important;
        position: absolute !important;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .misafyai-panel .logo-topbar img { max-height: 34px !important; max-width: 118px; object-fit: contain; }
    .misafyai-panel .topbar-menu > .d-flex:last-child { gap: 4px !important; margin-left: auto; position: relative; z-index: 2; }
    .misafyai-panel .topbar-item { margin-right: 0; padding-right: 4px; }
    .misafyai-panel .topbar-link { min-width: 40px; padding-left: 7px !important; padding-right: 7px !important; }
    .misafyai-panel .content-page > .container-fluid { padding: 12px; }
    .misafyai-panel .page-title-head { align-items: flex-start !important; flex-direction: column; gap: 8px; }
    .misafyai-panel .card { border-radius: 11px; }
    .misafyai-panel .card-body { padding: 15px; }
    .misafyai-panel .modal-dialog { margin: 8px; }
    .misafyai-panel .modal-content { max-height: calc(100dvh - 16px); overflow-y: auto; }
    .misafyai-panel .dropdown-menu-lg { max-width: calc(100vw - 20px); min-width: calc(100vw - 20px); }
    .misafyai-panel .table-responsive { margin-left: -1px; margin-right: -1px; }
    .misafyai-panel .footer { padding-left: 12px; padding-right: 12px; }
}