/* BILINGBOOK Size Optimization CSS - 40% Size Reduction + No Animations */

/* Global Size Reduction - 40% smaller */
:root {
    --size-scale: 0.6; /* 40% reduction */
    --font-scale: 0.7; /* Font size reduction */
    --spacing-scale: 0.6; /* Spacing reduction */
    --icon-scale: 0.6; /* Icon size reduction */
}

/* Disable ALL animations and transitions globally */
*, *::before, *::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transform: none !important;
}

/* Remove all keyframe animations */
@keyframes slideUpBounce { 0%, 100% { opacity: 1; transform: none; } }
@keyframes shimmer { 0%, 100% { transform: none; } }
@keyframes headerShine { 0%, 100% { left: 0; } }
@keyframes float { 0%, 100% { transform: none; } }
@keyframes pulse { 0%, 100% { transform: none; } }

/* Global container size reduction */
.container, .container-fluid {
    max-width: calc(100% * var(--size-scale)) !important;
    padding: calc(15px * var(--spacing-scale)) !important;
}

/* Page wrapper optimization */
.page-wrapper {
    font-size: calc(14px * var(--font-scale)) !important;
}

.page-content {
    padding: calc(20px * var(--spacing-scale)) !important;
}

/* Card size optimization */
.card {
    margin-bottom: calc(15px * var(--spacing-scale)) !important;
    border-radius: calc(16px * var(--size-scale)) !important;
    padding: calc(10px * var(--spacing-scale)) !important;
    box-shadow: none !important; /* Remove shadows for performance */
}

.card-body {
    padding: calc(15px * var(--spacing-scale)) !important;
}

.card-header {
    padding: calc(12px * var(--spacing-scale)) !important;
    font-size: calc(16px * var(--font-scale)) !important;
}

/* Typography size reduction */
h1 { font-size: calc(2rem * var(--font-scale)) !important; }
h2 { font-size: calc(1.75rem * var(--font-scale)) !important; }
h3 { font-size: calc(1.5rem * var(--font-scale)) !important; }
h4 { font-size: calc(1.25rem * var(--font-scale)) !important; }
h5 { font-size: calc(1.1rem * var(--font-scale)) !important; }
h6 { font-size: calc(1rem * var(--font-scale)) !important; }

p, span, div {
    font-size: calc(14px * var(--font-scale)) !important;
    line-height: 1.2 !important;
}

/* Button size optimization */
.btn {
    padding: calc(6px * var(--spacing-scale)) calc(12px * var(--spacing-scale)) !important;
    font-size: calc(14px * var(--font-scale)) !important;
    border-radius: calc(4px * var(--size-scale)) !important;
}

.btn-sm {
    padding: calc(4px * var(--spacing-scale)) calc(8px * var(--spacing-scale)) !important;
    font-size: calc(12px * var(--font-scale)) !important;
}

.btn-lg {
    padding: calc(8px * var(--spacing-scale)) calc(16px * var(--spacing-scale)) !important;
    font-size: calc(16px * var(--font-scale)) !important;
}

/* Icon size optimization */
.bx, .fa, .fas, .far, .fab {
    font-size: calc(16px * var(--icon-scale)) !important;
}

.widgets-icons-2 {
    width: calc(32px * var(--icon-scale)) !important;
    height: calc(32px * var(--icon-scale)) !important;
    font-size: calc(14px * var(--icon-scale)) !important;
}

/* Table optimization */
.table {
    font-size: calc(13px * var(--font-scale)) !important;
}

.table th,
.table td {
    padding: calc(8px * var(--spacing-scale)) !important;
    font-size: calc(12px * var(--font-scale)) !important;
}

/* Form element optimization */
.form-control,
.form-select {
    padding: calc(6px * var(--spacing-scale)) calc(12px * var(--spacing-scale)) !important;
    font-size: calc(14px * var(--font-scale)) !important;
    border-radius: calc(4px * var(--size-scale)) !important;
}

.form-label {
    font-size: calc(13px * var(--font-scale)) !important;
    margin-bottom: calc(5px * var(--spacing-scale)) !important;
}

/* Modal optimization */
.modal-dialog {
    max-width: calc(500px * var(--size-scale)) !important;
}

.modal-content {
    border-radius: calc(8px * var(--size-scale)) !important;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: calc(15px * var(--spacing-scale)) !important;
}

/* Sidebar optimization */
.sidebar-wrapper {
    width: calc(250px * var(--size-scale)) !important;
}

.metismenu li a {
    padding: calc(10px * var(--spacing-scale)) calc(15px * var(--spacing-scale)) !important;
    font-size: calc(14px * var(--font-scale)) !important;
}

/* Mobile specific optimizations */
@media (max-width: 767px) {
    .page-content {
        padding: calc(10px * var(--spacing-scale)) !important;
    }
    
    .quick-links-container {
        grid-template-columns: repeat(4, 1fr);
        gap: calc(8px * var(--spacing-scale)) !important;
        padding: calc(10px * var(--spacing-scale)) !important;
    }
    
    .quick-link-item {
        padding: calc(8px * var(--spacing-scale)) !important;
        border-radius: calc(12px * var(--size-scale)) !important;
    }
    
    .quick-link-icon {
        width: calc(30px * var(--icon-scale)) !important;
        height: calc(30px * var(--icon-scale)) !important;
    }
    
    .quick-link-icon i {
        font-size: calc(14px * var(--icon-scale)) !important;
    }
    
    .quick-link-label {
        font-size: calc(10px * var(--font-scale)) !important;
    }
    
    .card h4 {
        font-size: calc(16px * var(--font-scale)) !important;
    }
    
    .card p {
        font-size: calc(11px * var(--font-scale)) !important;
    }
}

/* Print optimization */
@media print {
    body {
        width: calc(1000px * var(--size-scale)) !important;
        font-size: calc(12px * var(--font-scale)) !important;
    }
    
    .invoice {
        padding: calc(15px * var(--spacing-scale)) !important;
    }
    
    .address {
        padding: calc(10px * var(--spacing-scale)) !important;
    }
    
    .custom-table td {
        font-size: calc(12px * var(--font-scale)) !important;
        padding: calc(4px * var(--spacing-scale)) !important;
    }
    
    .page-title {
        font-size: calc(16px * var(--font-scale)) !important;
    }
}

/* Dashboard widget optimization */
.widget-icon {
    width: calc(40px * var(--icon-scale)) !important;
    height: calc(40px * var(--icon-scale)) !important;
}

/* Chart container optimization */
.chart-container-1,
.chart-container-2 {
    height: calc(300px * var(--size-scale)) !important;
}

/* Badge optimization */
.badge {
    font-size: calc(11px * var(--font-scale)) !important;
    padding: calc(3px * var(--spacing-scale)) calc(6px * var(--spacing-scale)) !important;
    border-radius: calc(3px * var(--size-scale)) !important;
}

/* List group optimization */
.list-group-item {
    padding: calc(8px * var(--spacing-scale)) calc(12px * var(--spacing-scale)) !important;
    font-size: calc(13px * var(--font-scale)) !important;
}

/* Navigation optimization */
.navbar {
    padding: calc(8px * var(--spacing-scale)) calc(15px * var(--spacing-scale)) !important;
}

.nav-link {
    padding: calc(6px * var(--spacing-scale)) calc(10px * var(--spacing-scale)) !important;
    font-size: calc(13px * var(--font-scale)) !important;
}

/* Breadcrumb optimization */
.breadcrumb {
    padding: calc(6px * var(--spacing-scale)) calc(12px * var(--spacing-scale)) !important;
    font-size: calc(12px * var(--font-scale)) !important;
}

/* Alert optimization */
.alert {
    padding: calc(10px * var(--spacing-scale)) calc(15px * var(--spacing-scale)) !important;
    font-size: calc(13px * var(--font-scale)) !important;
    border-radius: calc(6px * var(--size-scale)) !important;
}

/* Dropdown optimization */
.dropdown-menu {
    font-size: calc(13px * var(--font-scale)) !important;
    border-radius: calc(6px * var(--size-scale)) !important;
}

.dropdown-item {
    padding: calc(6px * var(--spacing-scale)) calc(12px * var(--spacing-scale)) !important;
    font-size: calc(13px * var(--font-scale)) !important;
}

/* Pagination optimization */
.pagination {
    font-size: calc(13px * var(--font-scale)) !important;
}

.page-link {
    padding: calc(6px * var(--spacing-scale)) calc(10px * var(--spacing-scale)) !important;
}

/* Progress bar optimization */
.progress {
    height: calc(20px * var(--size-scale)) !important;
    border-radius: calc(10px * var(--size-scale)) !important;
}

/* Tooltip optimization */
.tooltip {
    font-size: calc(11px * var(--font-scale)) !important;
}

/* Popover optimization */
.popover {
    font-size: calc(12px * var(--font-scale)) !important;
}

/* Performance optimizations */
* {
    will-change: auto !important;
    backface-visibility: visible !important;
    perspective: none !important;
}

/* Remove expensive CSS properties */
.card::before,
.card-header::before,
.widgets-icons-2::before {
    display: none !important;
}

/* Disable hover effects for performance */
.card:hover,
.btn:hover,
.quick-link-item:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Remove gradients for performance */
.card-header,
.quick-links-container,
.quick-link-icon {
    background: #f8f9fa !important;
}

/* Simplify borders */
.card,
.btn,
.form-control {
    border: 1px solid #dee2e6 !important;
}

/* COMPLETELY REMOVE SIDEBAR MENU */
.sidebar-wrapper,
.sidebar,
.metismenu,
.navigation,
.sidebar-header,
.sidebar-menu,
.main-sidebar,
.left-sidebar,
.sidebar-nav,
.nav-sidebar,
#sidebar,
.sidebar-container {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    opacity: 0 !important;
}

/* Make main content full width without sidebar */
.page-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}

.page-content-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}

.main-content {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}

/* Hide mobile menu toggle button */
.mobile-toggle-menu,
.toggle-sidebar,
.sidebar-toggle,
.menu-toggle,
.hamburger-menu {
    display: none !important;
}

/* Hide any sidebar overlay */
.sidebar-overlay,
.overlay,
.backdrop {
    display: none !important;
}

/* Ensure header spans full width */
.header,
.topbar,
.navbar {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
}

/* Full width container */
.container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Mobile specific - no sidebar */
@media (max-width: 991px) {
    .sidebar-wrapper,
    .sidebar {
        display: none !important;
        transform: translateX(-100%) !important;
    }
    
    .page-wrapper {
        margin-left: 0 !important;
    }
}