/* =====================================================
LOGSYS – COMPLETE SOFT BEIGE ERP PROFESSIONAL THEME
===================================================== */
/* ===============================
1️⃣ BODY & MAIN BACKGROUND
================================ */
body,
.layout-main,
.layout-main-section,
.page-container {
    background: #f9ece3 !important;
}
/* ===============================
2️⃣ TOP NAVBAR
================================ */
.navbar {
    background: #facdaa !important;
    border: none !important;
    box-shadow: none !important;
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .navbar-nav li a {
    color: #4a2f1d !important;
    font-weight: 500;
}
.navbar .navbar-nav li a:hover {
    color: #000 !important;
}
/* ===============================
3️⃣ SIDEBAR
================================ */
.desk-sidebar,
.layout-side-section,
.standard-sidebar {
    background: #f9ece3 !important;
    border-right: 1px solid #efd8c8 !important;
}
.desk-sidebar .sidebar-item,
.standard-sidebar .nav-link,
.layout-side-section .nav-link {
    background: transparent !important;
    color: #4a2f1d !important;
    border-radius: 8px !important;
    margin: 6px 10px !important;
    padding: 8px 14px !important;
    font-weight: 500;
    transition: all 0.3s ease;
}
.desk-sidebar .sidebar-item:hover,
.standard-sidebar .nav-link:hover,
.layout-side-section .nav-link:hover {
    background: #f3d9c6 !important;
    color: #000 !important;
}
.desk-sidebar .sidebar-item.selected,
.desk-sidebar .sidebar-item.active,
.standard-sidebar .nav-link.active,
.layout-side-section .nav-link.active {
    background: #e8c3a6 !important;
    color: #2b1b10 !important;
    font-weight: 600 !important;
}
/* ===============================
4️⃣ ICON COLOR
================================ */
.desk-sidebar svg,
.standard-sidebar svg,
.layout-side-section svg {
    stroke: #4a2f1d !important;
    color: #4a2f1d !important;
}
/* ===============================
5️⃣ FORM & CARD AREA
================================ */
/* .form-page,
.page-content-wrapper,
.frappe-card,
.card {
    background: #fff6ef !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
} */
/* ===============================
6️⃣ BUTTON STYLE
================================ */
.btn-primary {
    background: #e8c3a6 !important;
    border: none !important;
    color: #2b1b10 !important;
}
.btn-primary:hover {
    background: #ddb396 !important;
}
.btn-secondary {
    background: #f3d9c6 !important;
    border: none !important;
    color: #4a2f1d !important;
}
/* ===============================
7️⃣ INPUT FIELDS
================================ */
/* input,
select,
textarea {
    background: #fffaf6 !important;
    border: 1px solid #e5c2a8 !important;
    color: #4a2f1d !important;
    border-radius: 6px !important;
}
input:focus,
select:focus,
textarea:focus {
    background: #ffffff !important;
    border-color: #ddb396 !important;
    box-shadow: none !important;
} */
/* ===============================
8️⃣ DIALOG / MODAL
================================ */
.modal-content {
    background: #f9ece3 !important;
    border-radius: 14px !important;
    border: none !important;
}
.modal-header {
    background: #facdaa !important;
    border-bottom: 1px solid #e5c2a8 !important;
    border-radius: 14px 14px 0 0 !important;
}
.modal-title {
    color: #4a2f1d !important;
    font-weight: 600 !important;
}
.modal-body {
    background: #f9ece3 !important;
    color: #4a2f1d !important;
}
.modal-footer {
    background: #f9ece3 !important;
    border-top: 1px solid #e5c2a8 !important;
    border-radius: 0 0 14px 14px !important;
}
/* ===============================
9️⃣ CUSTOM CHECKBOX – BLACK TICK
================================ */
/* Remove default checkbox style */



/* input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #c99d7f;
    border-radius: 4px;
    background: #fffaf6;
    cursor: pointer;
    position: relative;
} */
/* Checked state background */
/* input[type="checkbox"]:checked {
    background: #e8c3a6;
    border-color: #c99d7f;
} */
/* BLACK TICK */

/* input[type="checkbox"]:checked::after {
    content: "✔";
    font-size: 14px;
    font-weight: bold;
    color: #000000; 
    position: absolute;
    left: 2px;
    top: -2px;
} */


/* ===============================
🔟 MODAL OVERLAY
================================ */
.modal-backdrop.show {
    background: rgba(120, 90, 60, 0.25) !important;
}
/* =====================================
SAFE BLACK TICK – GRID COMPATIBLE
===================================== */
/* Keep default checkbox style */
input[type="checkbox"] {
    accent-color: #000000 !important;   /* Black tick */
    cursor: pointer;
}
/* For Frappe specific checkbox */
.form-check-input:checked {
    accent-color: #000000 !important;
}