/* Clover Packaging Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --primary-color: #003426;
    --primary-container: #0f4c3a;
    --primary-light: #e4f1d7;
    --accent-orange: #f39c12;
    --accent-green: #27ae60;
    --table-border: #d2d2d2;
    --surface-bg: #f7f9ff;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #181c20;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

/* Custom Table Borders matching Stitch Layout */
.table-cell-border {
    border: 1px solid var(--table-border);
}

.table-header-sticky {
    position: sticky;
    top: 96px; /* Account for top bar + header */
    z-index: 20;
}

/* Smooth Transitions */
.transition-smooth {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f4f9;
}
::-webkit-scrollbar-thumb {
    background: #bfc9c3;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #707974;
}

/* Active Tier Pulse */
.tier-active-highlight {
    background-color: #fbf6df !important;
    font-weight: 700;
    color: #003426 !important;
    position: relative;
}

/* Pulse animation for badge */
@keyframes softPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

.pulse-badge {
    animation: softPulse 2s infinite ease-in-out;
}

/* Bottom Bar Slide Up */
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-up-bar {
    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Modal Backdrop Blur */
.modal-overlay {
    backdrop-filter: blur(4px);
    background-color: rgba(15, 23, 42, 0.55);
}

/* Quantity input focus remove arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
  -moz-appearance: textfield;
}

/* Search Results Dropdown */
.search-dropdown-container {
    max-height: 400px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Category Tree Hover & Active States */
.sidebar-cat-btn:hover .cat-icon-badge {
    background-color: #0f4c3a;
    color: #ffffff;
}

.sidebar-subcat-active {
    background: linear-gradient(90deg, #003426 0%, #0f4c3a 100%);
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 52, 38, 0.2);
}

.sidebar-subcat-active span {
    color: #ffffff !important;
}

/* Active Category Pill Animation */
.cat-accordion-content {
    transition: max-height 0.25s ease-out;
}