@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.navbar{
  padding: 0 2rem;
}

.navbar-nav {
  padding-right: 2rem;
}


.page-title{
  padding-left: 2rem;
}

.page-actions{
padding-right: 4rem;
}

/* Always Full Width */
.layout-main,
.container,
.page-body,
.page-container,
.layout-main-section-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 1rem;
}

/* Remove margins */
.layout-main-section {
    width: 100% !important;
}

/* Hide Toggle Full Width option */
[data-label="Toggle%20Full%20Width"],
[data-label="Toggle Full Width"] {
    display: none !important;
}

.desk-sidebar.left-sidebar {
    background-color: #f9fafb !important;
    padding: 20px 14px !important;
    border-right: 1px solid #edf2f7 !important;
}

.standard-sidebar-item {
    padding: 5px 5px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    color: #4a5568 !important;
}

.standard-sidebar-item:hover {
    background-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.04) !important;
    transform: translateX(2px);
}

.standard-sidebar-item.selected, 
.standard-sidebar-item.active {
    background-color: #4447b3 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(36, 144, 239, 0.25) !important;
}

.standard-sidebar-item.selected .es-icon,
.standard-sidebar-item.active .es-icon {
    stroke: #fff;
}

.standard-sidebar-item.selected .sidebar-item-label,
.standard-sidebar-item.selected .icon,
.standard-sidebar-item.active .sidebar-item-label,
.standard-sidebar-item.active .icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}


.btn {
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.btn-primary {
    background-color: #462C7D !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(36, 144, 239, 0.2) !important;
}

.btn-primary:hover {
    background-color: #1a7cd8 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(36, 144, 239, 0.3) !important;
}

.btn-default {
    background-color: #ffffff !important;
    border: 1px solid #dbe2eb !important;
}


.list-row-container {
    border: none !important;
}

.list-row, .grid-row {
    border-bottom: 1px solid #f1f5f9 !important;
    /* padding: 12px 0 !important; */
    transition: all 0.15s ease !important;
}

.list-row:hover, .grid-row:hover {
    background-color: #f8fafc !important;
    cursor: pointer;
}


.list-row-head, .grid-heading-row {
    background-color: #f8fafc !important;
    border-bottom: 2px solid #e2e8f0 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
    color: #64748b !important;
}


.list-row-col, .grid-static-col {
    color: #334155 !important;
}


.list-paging-area, .grid-pagination-area {
    border-top: 1px solid #edf2f7 !important;
    padding-top: 20px !important;
}

.pagination {
    display: flex !important;
    gap: 4px;
}

.pagination li a, .page-link {
    border: none !important;
    background: transparent !important;
    color: #64748b !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
}

.pagination li.active a, .page-item.active .page-link {
    background-color: #462C7D !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(36, 144, 239, 0.25) !important;
}

.pagination li a:hover:not(.active) {
    background-color: #f1f5f9 !important;
    color: #462C7D !important;
}


.form-control {
    border-radius: 8px !important;
    border: 1px solid #dbe2eb !important;
    background-color: #fcfcfc !important;
}

.form-control:focus {
    border-color: #462C7D !important;
    box-shadow: 0 0 0 3px rgba(36, 144, 239, 0.1) !important;
}




/* =========================================================
   REMOVE ERPNext Workspace Onboarding Blocks
========================================================= */

.layout-side-section .onboarding-widget-box,
.onboarding-widget-box,
.onboarding-step,
.onboarding-widget,
.widget.onboarding-widget-box {
    display: none !important;
}


/* Remove whole onboarding card area */
.workspace-onboarding,
[data-widget-name="onboarding"] {
    display: none !important;
}


/* Hide "Let's Set Up..." heading blocks */
div.widget-group:has(.onboarding-widget-box),
div.widget-group:has(.onboarding-step),
div.widget-group:has(.onboarding-widget) {
    display: none !important;
}
.navbar .dropdown-help {
    display: none !important;
}

/* ============================================================
   FRAPPE ERP — MODERN UI OVERHAUL v2.0
   White theme · Inter · Indigo-violet accent system
   ============================================================ */

/* ============================================================
   FRAPPE ERP — MODERN UI OVERHAUL v2.1
   Fixes: sidebar no extra buttons, header icons always visible,
   clean layout, white theme, Inter font, indigo-violet accent
   ============================================================ */

/* ============================================================
   FRAPPE ERP — MODERN UI OVERHAUL v2.1
   Fixes: sidebar no extra buttons, header icons always visible,
   clean layout, white theme, Inter font, indigo-violet accent
   ============================================================ */

/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; }

body,
.frappe-app {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    color: #1e293b !important;
    background-color: #f8fafc !important;
    -webkit-font-smoothing: antialiased !important;
}


.desk-sidebar.left-sidebar,
.sidebar-menu {
    background-color: #ffffff !important;
    border-right: 1px solid #eef0f6 !important;
    padding: 14px 8px !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.desk-sidebar .btn,
.desk-sidebar button:not(.standard-sidebar-item):not([class*="sidebar-item"]),
.desk-sidebar .sidebar-action-btn,
.desk-sidebar .btn-new,
.desk-sidebar .list-sidebar-button,
.sidebar-menu .btn,
.sidebar-menu button:not(.standard-sidebar-item) {
    display: none !important;
}

.standard-sidebar-section .sidebar-group-title,
.sidebar-section-head,
.sidebar-menu .list-group-item.disabled {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #b0bec5 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 10px 8px 4px !important;
    background: transparent !important;
    border: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.standard-sidebar-item,
.sidebar-menu .list-group-item {
    margin: 2px 0 !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    border: none !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    transition: background 0.13s, color 0.13s !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.standard-sidebar-item .sidebar-item-label,
.sidebar-menu .list-group-item .menu-item-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.standard-sidebar-item:hover,
.sidebar-menu .list-group-item:hover {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

.standard-sidebar-item.selected,
.standard-sidebar-item.active,
.sidebar-menu .list-group-item.active {
    background-color: #462C7D !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.standard-sidebar-item.selected *,
.standard-sidebar-item.active *,
.sidebar-menu .list-group-item.active * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.standard-sidebar-item .icon,
.standard-sidebar-item svg,
.sidebar-menu .list-group-item .icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.standard-sidebar-item .sidebar-item-count,
.standard-sidebar-item .badge {
    margin-left: auto !important;
    flex-shrink: 0 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 1px 6px !important;
    border-radius: 20px !important;
    background: #f1f5f9 !important;
    color: #94a3b8 !important;
    line-height: 1.5 !important;
}

.standard-sidebar-item.active .sidebar-item-count,
.standard-sidebar-item.active .badge {
    background: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
}

.sidebar-footer-items,
.desk-sidebar .sidebar-bottom {
    margin-top: auto !important;
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 8px !important;
}


.navbar,
.page-head,
.page-head-content {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eef0f6 !important;
    box-shadow: none !important;
    min-height: 50px !important;
}

.page-head .page-title h3,
.page-head .title-text,
.page-head .page-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    letter-spacing: -0.2px !important;
}

.page-head .breadcrumb,
.breadcrumb {
    font-size: 12px !important;
    color: #94a3b8 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.breadcrumb-item a { color: #94a3b8 !important; text-decoration: none !important; }
.breadcrumb-item a:hover { color: #462C7D !important; }
.breadcrumb-item.active { color: #1e293b !important; }

.page-head .page-actions,
.page-head .actions-btn-group,
.page-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.page-head .btn .icon,
.page-head .btn svg,
.page-actions .btn .icon,
.page-actions .btn svg,
.navbar .btn .icon,
.navbar .btn svg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
}

.navbar .nav-item .btn,
.navbar-nav .btn,
.page-head .btn-icon-only,
.page-head .icon-btn {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    color: #64748b !important;
}

.navbar .nav-item .btn .icon,
.navbar .nav-item .btn svg {
    width: 16px !important;
    height: 16px !important;
}


.btn {
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: background 0.13s, border-color 0.13s, box-shadow 0.13s !important;
    border: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
}

.btn-primary {
    background-color: #462C7D !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 4px rgba(75,78,161,0.2) !important;
}

.btn-primary:hover {
    background-color: #3f4290 !important;
    box-shadow: 0 3px 10px rgba(75,78,161,0.3) !important;
    color: #ffffff !important;
}

.btn-primary:active { transform: translateY(1px) !important; }

.btn-default,
.btn-secondary {
    background-color: #ffffff !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

.btn-default:hover,
.btn-secondary:hover {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}

.btn-danger {
    background-color: #fff1f2 !important;
    color: #be123c !important;
    border: 1px solid #fecdd3 !important;
}

.btn-danger:hover { background-color: #ffe4e6 !important; }

.btn-success {
    background-color: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}

.btn-xs { padding: 3px 9px !important; font-size: 11px !important; }
.btn-sm { padding: 5px 11px !important; font-size: 12px !important; }
.btn-lg { padding: 9px 18px !important; font-size: 14px !important; }


.form-control,
.frappe-control input[type="text"],
.frappe-control input[type="email"],
.frappe-control input[type="number"],
.frappe-control input[type="password"],
.frappe-control textarea,
.frappe-control select,
input.form-control,
textarea.form-control {
    border-radius: 7px !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
    font-size: 13px !important;
    padding: 7px 11px !important;
    transition: border-color 0.13s, box-shadow 0.13s !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

.form-control::placeholder { color: #b0bec5 !important; }
.form-control:hover { border-color: #cbd5e1 !important; }

.form-control:focus,
.frappe-control input:focus,
.frappe-control textarea:focus {
    border-color: #462C7D !important;
    box-shadow: 0 0 0 3px rgba(75,78,161,0.1) !important;
    outline: none !important;
    background-color: #ffffff !important;
}

.frappe-control .control-label,
.control-label {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin-bottom: 5px !important;
}


.list-row-container {
    background: #ffffff !important;
    border: 1px solid #eef0f6 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.list-row-head,
.grid-heading-row {
    background-color: #f8fafc !important;
    border-bottom: 1px solid #eef0f6 !important;
    padding: 9px 14px !important;
}

.list-row-head .list-row-col,
.grid-heading-row .grid-static-col {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
}

.list-row,
.grid-row {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background 0.1s !important;
}

.list-row:last-child,
.grid-row:last-child { border-bottom: none !important; }
.list-row:hover,
.grid-row:hover { background-color: #f8fafc !important; cursor: pointer !important; }

.list-row-col,
.grid-static-col {
    color: #334155 !important;
    font-size: 12px !important;
    padding: 10px 14px !important;
    vertical-align: middle !important;
}

.list-row-col input[type="checkbox"],
.list-row input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    accent-color: #462C7D !important;
    cursor: pointer !important;
}

.list-row .row-actions,
.list-row .btn-row-action {
    opacity: 0 !important;
    transition: opacity 0.12s !important;
}
.list-row:hover .row-actions,
.list-row:hover .btn-row-action { opacity: 1 !important; }


.indicator,
.indicator-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
}

.indicator::before,
.indicator-pill::before {
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.indicator.green,  .indicator-pill.green  { background:#dcfce7 !important; color:#16a34a !important; }
.indicator.green::before,  .indicator-pill.green::before  { background:#16a34a !important; }
.indicator.red,    .indicator-pill.red    { background:#ffe4e6 !important; color:#be123c !important; }
.indicator.red::before,    .indicator-pill.red::before    { background:#fb7185 !important; }
.indicator.orange, .indicator-pill.orange { background:#fef3c7 !important; color:#b45309 !important; }
.indicator.orange::before, .indicator-pill.orange::before { background:#f59e0b !important; }
.indicator.blue,   .indicator-pill.blue   { background:#eef2ff !important; color:#4338ca !important; }
.indicator.blue::before,   .indicator-pill.blue::before   { background:#818cf8 !important; }
.indicator.grey,   .indicator-pill.grey,
.indicator.gray,   .indicator-pill.gray   { background:#f1f5f9 !important; color:#64748b !important; }
.indicator.grey::before,   .indicator-pill.grey::before,
.indicator.gray::before,   .indicator-pill.gray::before   { background:#94a3b8 !important; }
.indicator.purple, .indicator-pill.purple { background:#ede9fe !important; color:#6d28d9 !important; }
.indicator.purple::before, .indicator-pill.purple::before { background:#a78bfa !important; }


.list-paging-area,
.grid-pagination-area {
    border-top: 1px solid #f1f5f9 !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.pagination { display: flex !important; gap: 4px !important; margin: 0 !important; }

.pagination li a,
.page-link {
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #64748b !important;
    border-radius: 6px !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    min-width: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.1s !important;
}

.pagination li a:hover, .page-link:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
    text-decoration: none !important;
}

.pagination li.active a,
.page-item.active .page-link {
    background: #462C7D !important;
    border-color: #462C7D !important;
    color: #ffffff !important;
}

.pagination li.disabled a,
.page-item.disabled .page-link { opacity: 0.35 !important; pointer-events: none !important; }


.card, .frappe-card {
    background: #ffffff !important;
    border: 1px solid #eef0f6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.card-header, .frappe-card-head {
    background: transparent !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}

.section-head {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    margin-bottom: 10px !important;
}


.number-card, .dashboard-graph-wrapper {
    background: #ffffff !important;
    border: 1px solid #eef0f6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transition: border-color 0.15s !important;
}

.number-card:hover, .dashboard-graph-wrapper:hover { border-color: #c7d2fe !important; }

.number-card .number {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    letter-spacing: -0.5px !important;
}

.number-card .number-card-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}


.modal-content {
    border: 1px solid #eef0f6 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.1) !important;
}

.modal-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 14px 18px !important;
    border-radius: 12px 12px 0 0 !important;
}

.modal-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}

.modal-footer {
    background: #f8fafc !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 10px 16px !important;
    border-radius: 0 0 12px 12px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.modal-backdrop.in, .modal-backdrop.show { background: rgba(15,23,42,0.4) !important; }


.nav-tabs {
    border-bottom: 1px solid #eef0f6 !important;
    gap: 0 !important;
    padding: 0 !important;
}

.nav-tabs .nav-link,
.nav-tabs .nav-item a {
    border: none !important;
    border-radius: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    transition: color 0.13s, border-color 0.13s !important;
}

.nav-tabs .nav-link:hover { color: #462C7D !important; border-bottom-color: #c7d2fe !important; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item a.active {
    color: #462C7D !important;
    border-bottom-color: #462C7D !important;
    font-weight: 600 !important;
    background: transparent !important;
}


.dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #eef0f6 !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
    padding: 5px !important;
    min-width: 150px !important;
}

.dropdown-item {
    border-radius: 6px !important;
    padding: 7px 11px !important;
    font-size: 13px !important;
    color: #334155 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background 0.1s !important;
}

.dropdown-item:hover { background-color: #f1f5f9 !important; color: #1e293b !important; }
.dropdown-item.text-danger { color: #be123c !important; }
.dropdown-item.text-danger:hover { background: #fff1f2 !important; }
.dropdown-divider { border-color: #f1f5f9 !important; margin: 4px 0 !important; }


.alert {
    border-radius: 9px !important;
    border: none !important;
    padding: 11px 14px !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.alert-warning { background: #fef3c7 !important; color: #92400e !important; }
.alert-danger  { background: #ffe4e6 !important; color: #9f1239 !important; }
.alert-success { background: #dcfce7 !important; color: #166534 !important; }
.alert-info    { background: #eef2ff !important; color: #3730a3 !important; }


a { color: #462C7D !important; text-decoration: none !important; }
a:hover { color: #6366f1 !important; }

.badge-tag, .tag {
    background: #eef2ff !important;
    color: #4338ca !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
}


.data-table .dt-header { background: #f8fafc !important; border-bottom: 1px solid #eef0f6 !important; }
.data-table .dt-header .dt-cell__content {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
}
.data-table .dt-body .dt-row:hover { background: #f8fafc !important; }
.data-table .dt-body .dt-cell { border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; font-size: 13px !important; }


::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #cbd5e1; }


*:focus { outline: none !important; }
*:focus-visible { box-shadow: 0 0 0 3px rgba(75,78,161,0.15) !important; }

.text-muted, .help-box { color: #94a3b8 !important; font-size: 11.5px !important; }

.form-section .section-body { border: none !important; }

.tab-content > .tab-pane { padding: 14px 0 !important; }

.input-group-addon,
.input-group-text {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    color: #64748b !important;
    font-size: 13px !important;
}

.list-filters-area {
    padding: 10px 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
} */

/* ── Navbar Logo ──────────────────────────────── */
.navbar-brand img.app-logo {
    max-height: 36px !important;
    width: auto !important;
}

/* ── Splash Screen (full screen, centered) ────── */
.centered.splash {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    z-index: 9999 !important;
}
.centered.splash img {
    max-width: 300px !important;
    max-height: 300px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* ── Login Page logo & title centering ──────────── */
.page-card .page-card-head {
    text-align: center !important;
    padding: 20px 15px 10px !important;
    border-bottom: none !important;
}
.page-card .page-card-head img.app-logo {
    display: block !important;
    margin: 0 auto 1rem !important;
    max-height: 80px !important;
    width: auto !important;
}
.page-card .page-card-head h4 {
    text-align: center !important;
}

/* ── Login Page - kill Frappe remnants ────────── */
footer.page-footer,
.footer-powered,
.powered-by,
.footer-powered-by {
    display: none !important;
}