/* Global Minimized Styling - Compact, Professional Design */
/* Apply to all pages for consistent, refined appearance */

/* ============================================
   CARDS & CONTAINERS
   ============================================ */

/* Reduce card padding and margins - removed !important to avoid hover conflicts */
.card {
    padding: 0.75rem !important;
}

/* Compact card headers */
.card-header {
    padding: 0.5rem 0.75rem !important;
}

/* Reduce card margins */
.mb-4 {
    margin-bottom: 0.75rem !important;
}

.mb-3 {
    margin-bottom: 0.5rem !important;
}

/* Smaller border radius */
.rounded-xl {
    border-radius: 0.5rem !important; /* Reduced from 0.75rem */
}

.rounded-lg {
    border-radius: 0.375rem !important; /* Reduced from 0.5rem */
}

/* Thinner borders - removed to avoid hover conflicts */

/* ============================================
   TYPOGRAPHY
   ============================================ */

/* Reduce heading sizes */
h1, .text-2xl {
    font-size: 1.25rem !important; /* Reduced from 1.5rem */
    line-height: 1.75rem !important;
}

h2, .text-xl {
    font-size: 1.125rem !important; /* Reduced from 1.25rem */
    line-height: 1.5rem !important;
}

h3, .text-lg {
    font-size: 1rem !important; /* Reduced from 1.125rem */
    line-height: 1.5rem !important;
}

h4, h5, h6, .text-base {
    font-size: 0.875rem !important; /* Reduced from 0.95rem */
    line-height: 1.25rem !important;
}

/* Reduce font weight */
.font-bold {
    font-weight: 600 !important; /* Reduced from 700 */
}

.font-extrabold {
    font-weight: 700 !important; /* Reduced from 800 */
}

/* ============================================
   BUTTONS
   ============================================ */

/* Compact buttons */
button,
.btn,
[class*="px-4 py-2"] {
    padding: 0.375rem 0.75rem !important; /* Reduced from 0.5rem 1rem */
    font-size: 0.8125rem !important; /* Reduced from 0.875rem */
}

/* Small buttons */
[class*="px-3 py-1"] {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
}

/* Reduce button border radius */
button,
.btn {
    border-radius: 0.25rem !important; /* Reduced from 0.375rem */
}

/* ============================================
   SPACING
   ============================================ */

/* Reduce padding globally */
.p-8 {
    padding: 1rem !important; /* Reduced from 2rem */
}

.p-6 {
    padding: 0.75rem !important; /* Reduced from 1.5rem */
}

.p-4 {
    padding: 0.5rem !important; /* Reduced from 1rem */
}

.p-3 {
    padding: 0.375rem !important; /* Reduced from 0.75rem */
}

/* Reduce padding for specific directions */
.px-8 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-6 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.px-4 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.py-6 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.py-5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.py-4 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Reduce gaps */
.gap-4 {
    gap: 0.75rem !important;
}

.gap-3 {
    gap: 0.5rem !important;
}

/* ============================================
   SHADOWS
   ============================================ */

/* Reduce shadow intensity - removed !important to avoid hover conflicts */
.shadow-2xl {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.shadow-xl {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.shadow-md {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* ============================================
   HOVER EFFECTS
   ============================================ */

/* Reduce hover translations - but don't use !important to avoid conflicts */
.hover\:-translate-y-2:hover {
    transform: translateY(-0.25rem);
}

.hover\:-translate-y-1:hover {
    transform: translateY(-0.125rem);
}

/* Hide animated gradient lines that appear on hover */
.group:hover .opacity-0.group-hover\:opacity-100 {
    opacity: 0 !important;
    display: none !important;
}

/* Alternative: hide all animated lines */
.absolute.h-1.bg-gradient-to-r,
.absolute.h-0\.5.bg-gradient-to-r {
    display: none !important;
}

/* ============================================
   ICONS
   ============================================ */

/* Reduce icon sizes */
.text-4xl {
    font-size: 1.75rem !important; /* Reduced from 2.25rem */
}

.text-3xl {
    font-size: 1.5rem !important; /* Reduced from 1.875rem */
}

.text-2xl {
    font-size: 1.25rem !important; /* Reduced from 1.5rem */
}

/* ============================================
   FORMS
   ============================================ */

/* Compact form inputs */
input,
select,
textarea {
    padding: 0.375rem 0.5rem !important; /* Reduced from 0.5rem 0.75rem */
    font-size: 0.875rem !important;
}

/* Reduce input border radius */
input,
select,
textarea {
    border-radius: 0.25rem !important; /* Reduced from 0.375rem */
}

/* Focus ring - removed to avoid conflicts */

/* ============================================
   BADGES & PILLS
   ============================================ */

/* Compact badges */
.badge,
[class*="px-2 py-1"] {
    padding: 0.125rem 0.375rem !important; /* Reduced */
    font-size: 0.75rem !important;
}

/* ============================================
   TABLES
   ============================================ */

/* Compact table cells */
table td,
table th {
    padding: 0.375rem 0.5rem !important; /* Reduced from 0.5rem 0.75rem */
}

/* Reduce table header height */
table thead th {
    height: 2rem !important; /* Reduced from 2.5rem */
}

/* Reduce table row height */
table tbody tr {
    height: 1.75rem !important; /* Already reduced */
}

/* ============================================
   MODALS
   ============================================ */

/* Compact modal padding */
.modal-header,
.modal-footer {
    padding: 0.75rem 1rem !important; /* Reduced from 1rem 1.5rem */
}

.modal-body {
    padding: 1rem !important; /* Reduced from 1.5rem */
}

/* ============================================
   ACCORDIONS
   ============================================ */

/* Compact accordion headers */
.accordion-header,
[class*="accordion"] button {
    padding: 0.5rem 0.75rem !important; /* Reduced from 0.75rem 1rem */
}

/* ============================================
   METRICS CARDS
   ============================================ */

/* Compact metric cards */
.metric-card,
[class*="bg-gradient-to-br"] {
    padding: 0.75rem !important; /* Reduced from 1rem */
}

/* Reduce metric value size */
.metric-value,
[class*="metric"] h4 {
    font-size: 1.5rem !important; /* Reduced from 2rem */
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

/* Mobile: Even more compact */
@media (max-width: 640px) {
    .p-4 {
        padding: 0.375rem !important;
    }
    
    .px-4 {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important;
    }
    
    .py-4 {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }
    
    h1, .text-2xl {
        font-size: 1.125rem !important;
    }
    
    h2, .text-xl {
        font-size: 1rem !important;
    }
}

/* Tablet: Slightly more compact */
@media (min-width: 641px) and (max-width: 1023px) {
    .p-6 {
        padding: 0.625rem !important;
    }
    
    .p-8 {
        padding: 0.875rem !important;
    }
}

/* ============================================
   SPECIFIC COMPONENT OVERRIDES
   ============================================ */

/* Dashboard cards */
.dashboard-card {
    padding: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}

/* ROI viewer cards */
.roi-card {
    padding: 0.5rem !important;
}

/* Analytics cards */
.analytics-card {
    padding: 0.75rem !important;
}

/* File list items */
.file-item {
    padding: 0.5rem 0.75rem !important;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

/* Compact utility class */
.compact {
    padding: 0.375rem 0.5rem !important;
    font-size: 0.8125rem !important;
    line-height: 1.25rem !important;
}

/* Extra compact utility class */
.extra-compact {
    padding: 0.25rem 0.375rem !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

/* Minimal spacing utility */
.minimal-spacing {
    margin: 0.25rem !important;
    padding: 0.25rem !important;
}

/* Thin border utility */
.thin-border {
    border-width: 1px !important;
}

/* Small radius utility */
.small-radius {
    border-radius: 0.25rem !important;
}

/* ============================================
   ANIMATIONS - Keep smooth but subtle
   ============================================ */

/* Reduce animation intensity - removed !important to avoid conflicts */
.transition-all {
    transition-duration: 200ms;
}

/* Reduce transform scale - removed !important to avoid conflicts */
.hover\:scale-105:hover {
    transform: scale(1.02);
}

.hover\:scale-110:hover {
    transform: scale(1.05);
}