/* ==========================================
   PRINT STYLES
   ========================================== */
@media print {
    nav,
    header,
    .lg\:col-span-2,
    button,
    .border-l-4,
    #searchResults,
    #customRangeArea,
    .no-print,
    #xzModal,
    #settings-tab,
    #aiAdvisorModal,
    #stockSearch {
        display: none !important;
    }

    body {
        background-color: white;
    }

    .sticky {
        position: static;
        box-shadow: none !important;
        border: none !important;
    }

    /* Stock report */
    #stock-tab {
        display: block !important;
    }

    #sales-tab,
    #report-tab {
        display: none !important;
    }

    table {
        width: 100%;
        border: 1px solid #eee;
        font-size: 11px;
    }

    th, td {
        border: 1px solid #eee;
        padding: 6px 8px;
    }

    .hidden {
        display: none !important;
    }
}

/* ==========================================
   STOCK SEARCH BAR
   ========================================== */
#stockSearch:focus {
    outline: none;
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
    background: #fff;
}

/* ==========================================
   RESTOCK BUTTON PULSE (WAC)
   ========================================== */
button[title="Restock (WAC)"] {
    transition: transform 0.15s ease, color 0.15s ease;
}
button[title="Restock (WAC)"]:hover {
    transform: scale(1.25);
}

/* RMA Replenishment button */
button[title^="RMA Replenishment"] {
    transition: transform 0.15s ease, color 0.15s ease;
}
button[title^="RMA Replenishment"]:hover {
    transform: scale(1.25);
}

/* ==========================================
   JOB SERVICE LINE ITEMS
   ========================================== */
#jobServiceLineItems:not(:empty) {
    margin-top: 6px;
    animation: fadeIn 0.15s ease;
}

/* ==========================================
   AI ADVISOR MODAL
   ========================================== */
#aiAdvisorModal {
    animation: fadeIn 0.18s ease;
}

/* ==========================================
   GENERAL UTILITY ANIMATIONS
   ========================================== */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Scan flash — applied via JS inline style on successful serial scan */
@keyframes scanFlash {
    0%   { background-color: #dcfce7; }
    100% { background-color: transparent; }
}

/* ==========================================
   WARRANTY & TERMS INPUTS ON SALES FORM
   ========================================== */
#saleWarrantyDays,
#saleTerms {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#saleWarrantyDays:focus,
#saleTerms:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    outline: none;
}

/* ==========================================
   PATTERN LOCK CANVAS
   ========================================== */
#patternCanvas {
    touch-action: none;
    cursor: crosshair;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    transition: box-shadow 0.15s ease;
}

#patternCanvas:active {
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
}

/* ==========================================
   CUSTOMER SEARCH PICKER (replaces dropdown)
   ========================================== */
[id$="_search"] {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
[id$="_search"]:focus {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.1);
    outline: none;
    background: #fff;
}
[id$="_dropdown"] {
    animation: fadeIn 0.12s ease;
}

/* ==========================================
   STOCK FILTER BUTTONS — ACTIVE STATE
   ========================================== */
.stock-filter-btn {
    transition: all 0.15s;
}

.stock-filter-btn.active-filter {
    background: #1e293b !important;
    color: white !important;
    border-color: #1e293b !important;
}

/* ==========================================
   TAB PILLS — ACTIVE STATE
   ========================================== */
.tab-pill {
    transition: all 0.15s;
}

.tab-pill.active {
    background: #1e293b;
    color: white;
    border-color: #1e293b;
}

/* ==========================================
   INVOICE SCOPE BUTTONS
   ========================================== */
.inv-scope-btn {
    transition: all 0.15s;
}

.inv-scope-btn.active {
    background: #1e293b !important;
    color: white !important;
    border-color: #1e293b !important;
}