/* Pitt Realty CRM — Dark Theme
   Inspired by Cortright Dashboards
   ========================================= */

/* Custom scrollbar for dark theme */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #525252;
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #404040 #0a0a0a;
}

/* Prevent iOS Safari from zooming on input focus (requires font-size >= 16px) */
@supports (-webkit-touch-callout: none) {
    input, select, textarea {
        font-size: 16px !important;
    }
}

/* Form input overrides for dark backgrounds */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(0.7);
}

/* Select dropdown arrow — visible on dark bg */
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 2.5rem;
}

/* Dark autofill override for Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #f5f5f5;
    -webkit-box-shadow: 0 0 0px 1000px #1a1a1a inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* Sidebar transition */
.sidebar-overlay {
    transition: opacity 200ms ease;
}

/* KPI pill hover glow */
.kpi-pill {
    transition: box-shadow 150ms ease, transform 150ms ease;
}
.kpi-pill:hover {
    box-shadow: 0 0 12px rgba(34, 211, 238, 0.15);
    transform: translateY(-1px);
}

/* Action card hover */
.action-card {
    transition: background-color 150ms ease;
}

/* Pipeline row hover */
.pipeline-row {
    transition: background-color 100ms ease;
}
.pipeline-row:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

/* Status dot pulse animation */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.status-dot-pulse {
    animation: pulse-dot 2s ease-in-out infinite;
}