/* ===============================================
   AJANTA JEWELLERS - FIXED THEME
   ERPNext 15.95.2 | Frappe 15.98.1
   Targeted styling - preserves default UI structure
   =============================================== */

:root {
    --brand-gold: #d6b567;
    --brand-gold-dark: #c4a154;
    --brand-navy: #262262;
    --brand-navy-dark: #1a1745;
    --white:white;
}

.navbar {
    
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Navbar text - navy */
.navbar .nav-link,
.navbar .navbar-nav .nav-link,
#navbar-breadcrumbs a,
#navbar-breadcrumbs li,
.navbar .dropdown-toggle,
.navbar .navbar-text {
    color: var(--brand-navy) !important;
    font-weight: 500;
}

/* Navbar hover */
.navbar .nav-link:hover,
#navbar-breadcrumbs a:hover {
    color: var(--brand-gold-dark) !important;
}

/* Navbar icons */
.navbar svg,
.navbar .icon svg,
.navbar svg path {
    stroke: var(--brand-navy) !important;
}

/* Search box visible */
.navbar .search-bar,
.navbar .awesomplete input,
.navbar input[type="search"],
.navbar input[type="text"] {
    background: #f9fafb !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    color: var(--brand-navy) !important;
}

/* Search icon */
.navbar .search-bar svg,
.search-icon svg path {
    stroke: var(--brand-navy) !important;
}



/* ===============================================
   PAGE HEAD - GOLD BACKGROUND
   =============================================== */

.page-head {
    background: #ffffff !important;
    padding: 6px 20px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Page title (Sales Contract) */
.page-head .page-title,
.page-head h1,
.page-head h2 {
    color: var(--brand-navy) !important;
    font-weight: 600 !important;
}

/* Buttons inside page head */
.page-head .btn,
.page-head .btn-secondary,.page-head .btn-primary,
.page-head .btn-default {
    background: #ffffff !important;
    color: var(--brand-navy) !important;
    border: none !important;
}

/* Primary action button */
.page-head .primary-action,.page-head .btn-secondary {
    background: var(--brand-navy) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* Icons inside page head */
.page-head svg,
.page-head svg path {
    stroke: var(--brand-navy) !important;
}

/* ===============================================
   PRIMARY BUTTONS - NAVY WITH GOLD HOVER
   =============================================== */

.btn-primary,
.btn-primary-dark,
.page-head .btn-primary,
.modal .btn-primary {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary-dark:hover {
    background-color: var(--brand-navy-dark) !important;
    border-color: var(--brand-navy-dark) !important;
    box-shadow: 0 2px 8px rgba(38, 34, 98, 0.3) !important;
}

.btn-primary:disabled {
    background-color: #9ca3af !important;
    border-color: #9ca3af !important;
}

/* Primary button icons */
.btn-primary svg,
.btn-primary .icon svg {
    stroke: #ffffff !important;
}
/* ===============================================
   FIX - PAGE HEAD PRIMARY ACTION BUTTON
   =============================================== */

.page-head .primary-action.btn,
.page-head .btn-primary.primary-action {
    background-color: var(--brand-navy) !important;
    color: #ffffff !important;
    border: 1px solid var(--white) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

/* Hover Effect */
.page-head .primary-action.btn:hover,
.page-head .btn-primary.primary-action:hover {
    background-color: #ffffff !important;
    color: var(--brand-navy) !important;
    border: 1px solid var(--brand-navy) !important;
    opacity: 0.9 !important;
}

/* Icon color */
.page-head .primary-action svg,
.page-head .primary-action svg path {
    stroke: currentColor !important;
}
/* ===============================================
   SECONDARY/DEFAULT BUTTONS - OUTLINED NAVY
   =============================================== */

.btn-secondary,
.btn-default,
.btn-secondary-dark {
    background: #ffffff !important;
    color: var(--brand-navy) !important;
    border: 1.5px solid var(--brand-navy) !important;
}

.btn-secondary:hover,
.btn-default:hover,
.btn-secondary-dark:hover {
    background: rgba(38, 34, 98, 0.05) !important;
    color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-secondary svg,
.btn-default svg {
    stroke: var(--brand-navy) !important;
}

/* ===============================================
   ACTION BUTTONS IN PAGE HEAD
   Style only specific action buttons, not containers
   =============================================== */

/* Primary action button (e.g., "Add Sales Contract") */
.page-head .primary-action,
.page-head .btn-primary-dark {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(214, 181, 103, 0.3) !important;
}

.page-head .primary-action:hover,
.page-head .btn-primary-dark:hover {
    background: linear-gradient(135deg, var(--brand-gold-dark) 0%, #b8954a 100%) !important;
    box-shadow: 0 4px 8px rgba(214, 181, 103, 0.4) !important;
}

.page-head .primary-action svg {
    stroke: #ffffff !important;
}

/* Menu/secondary buttons in page head */
.page-head .btn-secondary,
.page-head .btn-default,
.page-head .actions-btn-group .btn,
.page-head .menu-btn-group .btn {
    background: #ffffff !important;
    color: var(--brand-navy) !important;
    border: 1px solid #e5e7eb !important;
}

.page-head .btn-secondary:hover,
.page-head .btn-default:hover,
.page-head .actions-btn-group .btn:hover {
    background: rgba(214, 181, 103, 0.1) !important;
    border-color: var(--brand-gold) !important;
}

/* ===============================================
   FORM INPUTS - GOLD FOCUS RING
   =============================================== */

.form-control:focus,
.input-with-feedback:focus,
.frappe-control input:focus,
.frappe-control select:focus,
.frappe-control textarea:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 0 0 3px rgba(214, 181, 103, 0.15) !important;
    outline: none !important;
}

/* Link fields focus */
.frappe-control[data-fieldtype="Link"] input:focus,
.awesomplete input:focus {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 0 0 3px rgba(214, 181, 103, 0.15) !important;
}

/* ===============================================
   CHECKBOXES & RADIOS - GOLD ACCENT
   =============================================== */

input[type="checkbox"] {
    accent-color: var(--brand-gold) !important;
}

input[type="radio"] {
    accent-color: var(--brand-gold) !important;
}

/* Custom checkbox styling */
.checkbox input[type="checkbox"]:checked + .label-area::before,
.frappe-control input[type="checkbox"]:checked {
    background-color: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
}

/* ===============================================
   ALERTS & MESSAGES - SEMANTIC COLORS
   =============================================== */

/* Error/Danger */
.alert-danger,
.msgprint[data-message-type="error"],
.error-message,
.validation-error,
.has-error .help-block {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
    border-left: 4px solid #dc2626 !important;
    border-radius: 6px !important;
}

/* Success */
.alert-success,
.msgprint[data-message-type="success"] {
    background-color: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 4px solid #16a34a !important;
    border-radius: 6px !important;
}

/* Warning */
.alert-warning,
.msgprint[data-message-type="warning"] {
    background-color: #fffbeb !important;
    color: #d97706 !important;
    border: 1px solid #fde68a !important;
    border-left: 4px solid #d97706 !important;
    border-radius: 6px !important;
}

/* Info */
.alert-info,
.msgprint[data-message-type="info"] {
    background-color: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
    border-left: 4px solid #2563eb !important;
    border-radius: 6px !important;
}

/* ===============================================
   MODAL DIALOGS
   =============================================== */

.modal-header {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%) !important;
    color: #ffffff !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
}

.modal-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.modal-header .close,
.modal-header .btn-close,
.modal-header button[aria-label="Close"] {
    color: #ffffff !important;
    opacity: 0.9 !important;
    text-shadow: none !important;
}

.modal-header .close:hover,
.modal-header .btn-close:hover {
    opacity: 1 !important;
}

.modal-header svg {
    stroke: #ffffff !important;
}

.modal-content {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}

.modal-footer {
    border-top: 1px solid #e5e7eb !important;
}

/* ===============================================
   STATUS INDICATORS & BADGES
   =============================================== */

/* Orange/Warning status */
.indicator-pill.orange,
.badge-warning,
.indicator.orange::before {
    background-color: #fef3c7 !important;
    color: #b45309 !important;
}

/* Red/Danger status */
.indicator-pill.red,
.badge-danger,
.indicator.red::before {
    background-color: #fee2e2 !important;
    color: #dc2626 !important;
}

/* Green/Success status */
.indicator-pill.green,
.badge-success,
.indicator.green::before {
    background-color: #dcfce7 !important;
    color: #16a34a !important;
}

/* Blue/Info status */
.indicator-pill.blue,
.badge-info,
.badge-primary,
.indicator.blue::before {
    background-color: #dbeafe !important;
    color: #2563eb !important;
}

/* Gray/Default status */
.indicator-pill.gray,
.indicator-pill.grey,
.badge-secondary {
    background-color: #f3f4f6 !important;
    color: #6b7280 !important;
}

/* Yellow status */
.indicator-pill.yellow {
    background-color: #fef9c3 !important;
    color: #a16207 !important;
}

/* Light blue (transferred, etc.) */
.indicator-pill.light-blue,
.indicator-pill.cyan {
    background-color: #e0f2fe !important;
    color: #0369a1 !important;
}

/* ===============================================
   SIDEBAR - GOLD ACTIVE STATE
   =============================================== */

.standard-sidebar .sidebar-item.selected,
.desk-sidebar .sidebar-item.selected,
.sidebar-menu .sidebar-item.selected {
    background-color: rgba(214, 181, 103, 0.12) !important;
}

.standard-sidebar .sidebar-item.selected::before,
.desk-sidebar .sidebar-item.selected::before {
    background-color: var(--brand-gold) !important;
}

.standard-sidebar .sidebar-item:hover,
.desk-sidebar .sidebar-item:hover {
    background-color: rgba(214, 181, 103, 0.08) !important;
}

/* ===============================================
   LIST VIEW
   =============================================== */

.list-row-container:hover,
.list-row:hover {
    background-color: rgba(214, 181, 103, 0.05) !important;
}

/* Selected row */
.list-row-container.selected,
.list-row.selected {
    background-color: rgba(214, 181, 103, 0.1) !important;
}

/* List header */
.list-row-head {
    background-color: #f9fafb !important;
}

/* ===============================================
   TABS - GOLD ACTIVE INDICATOR
   =============================================== */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid var(--brand-gold) !important;
    color: var(--brand-navy) !important;
    font-weight: 500 !important;
}

.nav-tabs .nav-link:hover {
    border-bottom-color: rgba(214, 181, 103, 0.5) !important;
}

/* Form tabs */
.form-tabs .nav-link.active {
    border-bottom-color: var(--brand-gold) !important;
    color: var(--brand-navy) !important;
}

/* ===============================================
   DROPDOWN MENUS
   =============================================== */

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
    background-color: rgba(214, 181, 103, 0.1) !important;
    color: var(--brand-navy) !important;
}

/* ===============================================
   LINKS
   =============================================== */

a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--brand-navy) !important;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: var(--brand-gold-dark) !important;
}

/* ===============================================
   LOADING SPINNER
   =============================================== */

.spinner-border,
.frappe-loading {
    border-color: var(--brand-gold) !important;
    border-right-color: transparent !important;
}

/* ===============================================
   SCROLLBARS
   =============================================== */

::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-gold) !important;
}

/* ===============================================
   FOCUS STATES - ACCESSIBILITY
   =============================================== */

*:focus-visible {
    outline: 2px solid var(--brand-gold) !important;
    outline-offset: 2px !important;
}

/* ===============================================
   PROGRESS BARS
   =============================================== */

.progress-bar {
    background-color: var(--brand-gold) !important;
}

/* ===============================================
   TIMELINE
   =============================================== */

.timeline-item .timeline-dot {
    background-color: var(--brand-gold) !important;
}

/* ===============================================
   TOOLTIPS
   =============================================== */

.tooltip-inner {
    background-color: var(--brand-navy) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--brand-navy) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: var(--brand-navy) !important;
}

/* ===============================================
   DARK MODE
   =============================================== */

[data-theme="dark"] {
    --dark-bg: #0f172a;
    --dark-surface: #1e293b;
    --dark-border: #334155;
    --dark-text: #f1f5f9;
    --dark-text-muted: #94a3b8;
}

/* Navbar in dark mode - keep gold */
[data-theme="dark"] .navbar {
    background: var(--brand-gold) !important;
}

/* Reset page head in dark mode too */
[data-theme="dark"] .page-head,
[data-theme="dark"] .page-head .container,
[data-theme="dark"] .page-head .container-fluid,
[data-theme="dark"] .page-head .page-actions,
[data-theme="dark"] .page-head .standard-actions {
    background: transparent !important;
}

/* Form controls dark mode */
[data-theme="dark"] .form-control,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 0 0 3px rgba(214, 181, 103, 0.2) !important;
}

/* Buttons in dark mode */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-default {
    background: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-default:hover {
    background: rgba(214, 181, 103, 0.15) !important;
    border-color: var(--brand-gold) !important;
}

/* Alerts dark mode */
[data-theme="dark"] .alert-danger {
    background-color: rgba(220, 38, 38, 0.15) !important;
    color: #fca5a5 !important;
    border-color: rgba(220, 38, 38, 0.3) !important;
}

[data-theme="dark"] .alert-success {
    background-color: rgba(22, 163, 74, 0.15) !important;
    color: #86efac !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(217, 119, 6, 0.15) !important;
    color: #fcd34d !important;
    border-color: rgba(217, 119, 6, 0.3) !important;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(37, 99, 235, 0.15) !important;
    color: #93c5fd !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
}

/* Indicators dark mode */
[data-theme="dark"] .indicator-pill.orange {
    background-color: rgba(217, 119, 6, 0.2) !important;
    color: #fcd34d !important;
}

[data-theme="dark"] .indicator-pill.red {
    background-color: rgba(220, 38, 38, 0.2) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .indicator-pill.green {
    background-color: rgba(22, 163, 74, 0.2) !important;
    color: #86efac !important;
}

[data-theme="dark"] .indicator-pill.blue {
    background-color: rgba(37, 99, 235, 0.2) !important;
    color: #93c5fd !important;
}

/* Modal dark mode */
[data-theme="dark"] .modal-content {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .modal-header {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%) !important;
}

[data-theme="dark"] .modal-footer {
    border-top-color: var(--dark-border) !important;
}

/* Dropdown dark mode */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--dark-text) !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: rgba(214, 181, 103, 0.15) !important;
}

/* Sidebar dark mode */
[data-theme="dark"] .standard-sidebar .sidebar-item.selected,
[data-theme="dark"] .desk-sidebar .sidebar-item.selected {
    background-color: rgba(214, 181, 103, 0.15) !important;
}

/* List row dark mode */
[data-theme="dark"] .list-row-container:hover,
[data-theme="dark"] .list-row:hover {
    background-color: rgba(214, 181, 103, 0.08) !important;
}

[data-theme="dark"] .list-row-head {
    background-color: var(--dark-surface) !important;
}

/* Scrollbar dark mode */
[data-theme="dark"]::-webkit-scrollbar-track {
    background: var(--dark-bg) !important;
}

[data-theme="dark"]::-webkit-scrollbar-thumb {
    background: var(--dark-border) !important;
}

[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
    background: var(--brand-gold) !important;
}

/* Links dark mode */
[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--brand-gold) !important;
}

[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #e8c978 !important;
}

/* ===============================================
   FRAPPE DESK SPECIFIC
   =============================================== */

/* Workspace cards */
.widget.shortcut-widget-box:hover {
    border-color: var(--brand-gold) !important;
}

/* Number card */
.number-widget-box .widget-head .number {
    color: var(--brand-navy) !important;
}

/* ===============================================
   PRINT STYLES
   =============================================== */

@media print {
    .navbar,
    .page-head {
        background: none !important;
    }
    
    .btn-primary {
        background-color: var(--brand-navy) !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}