/* Modern Glass Sharp Theme - Complete Override
 * Version: 1.1
 * Description: Glassmorphism with sharp corners - fully replaces Warm Corporate visuals
 */

:root {
    /* Override warm-corporate colors with glass theme colors */
    --warm-rust-primary: #8B2C1D !important;
    --warm-rust-dark: #6B221A !important;
    --warm-rust-light: #A03A2A !important;
    --warm-grey-900: #2D2926 !important;
    --warm-grey-600: #666666 !important;
    --warm-grey-100: #E6E3DF !important;
    
    --rust-primary: #8B2C1D;
    --rust-dark: #6B221A;
    --rust-light: #A03A2A;
    --grey-primary: #666666;
    --grey-dark: #2D2926;
    --grey-light: #E6E3DF;
    
    /* Sharp corners - no border radius (can be overridden by theme toggle) */
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;
    --radius-pill: 0;
    
    /* Override warm corporate border radius */
    --warm-radius-sm: 0 !important;
    --warm-radius-base: 0 !important;
    --warm-radius-md: 0 !important;
    --warm-radius-lg: 0 !important;
}

/* ===== BACKGROUND & BODY ===== */
body {
    background: linear-gradient(135deg, #EBE8E3 0%, #E0DDD8 50%, #D0CDC8 100%) !important;
    background-attachment: fixed !important;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgba(139, 44, 29, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(102, 102, 102, 0.06) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.warm-layout {
    background: transparent !important;
}

/* ===== HEADER ===== */
.warm-header {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
}

.warm-logo-text {
    background: linear-gradient(135deg, var(--rust-primary), var(--rust-light)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===== SIDEBAR ===== */
.warm-sidebar {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-right: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 8px 0 32px rgba(0, 0, 0, 0.08) !important;
    border-radius: 0 !important;
}

/* Sidebar sections */
.warm-sidebar-section {
    background: transparent !important;
}

.warm-section-title {
    color: var(--grey-primary) !important;
    border-bottom: 1px solid rgba(139, 44, 29, 0.1) !important;
}

/* Menu items */
.warm-menu-item {
    border-radius: var(--radius-md) !important;
    transition: all 0.3s !important;
    background: transparent !important;
}

.warm-menu-item:hover {
    background: rgba(139, 44, 29, 0.08) !important;
    color: var(--rust-primary) !important;
    transform: translateX(4px) !important;
}

.warm-menu-item.active {
    background: linear-gradient(135deg, rgba(245, 243, 240, 0.9) 0%, rgba(240, 237, 233, 0.9) 50%, rgba(235, 232, 227, 0.9) 100%) !important;
    color: var(--rust-primary) !important;
    font-weight: 600 !important;
    border: 1px solid rgba(139, 44, 29, 0.4) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 2px 8px rgba(139, 44, 29, 0.1) !important;
}

.warm-menu-item i {
    color: var(--rust-primary) !important;
}

.warm-menu-item.active i {
    color: var(--rust-primary) !important;
}

/* ===== MAIN CONTENT ===== */
.warm-main,
.warm-content,
.page-content {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}

/* ===== CARDS ===== */
.card,
.warm-card {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s !important;
}

.card:hover,
.warm-card:hover {
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-4px) !important;
    border-color: rgba(139, 44, 29, 0.2) !important;
}

.card-header {
    background: rgba(139, 44, 29, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(139, 44, 29, 0.1) !important;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}

.card-body {
    background: transparent !important;
}

.card-footer {
    background: rgba(139, 44, 29, 0.02) !important;
    backdrop-filter: blur(10px) !important;
    border-top: 1px solid rgba(139, 44, 29, 0.1) !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}

/* ===== BUTTONS ===== */
.btn-primary,
.btn-warm-primary {
    background: linear-gradient(135deg, var(--rust-primary), var(--rust-light)) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 2px 8px rgba(139, 44, 29, 0.2) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-warm-primary:hover {
    background: linear-gradient(135deg, var(--rust-dark), var(--rust-primary)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(139, 44, 29, 0.3) !important;
}

.btn-secondary {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(139, 44, 29, 0.2) !important;
    border-radius: var(--radius-md) !important;
    color: var(--rust-primary) !important;
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: var(--rust-primary) !important;
}

.btn {
    border-radius: var(--radius-md) !important;
}

/* ===== USER DROPDOWN ===== */
.dropdown-menu {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
}

.dropdown-item {
    border-radius: var(--radius-sm) !important;
    transition: all 0.2s !important;
}

.dropdown-item:hover {
    background: rgba(139, 44, 29, 0.08) !important;
    color: var(--rust-primary) !important;
}

.dropdown-header {
    color: var(--grey-primary) !important;
}

.dropdown-divider {
    border-top-color: rgba(139, 44, 29, 0.1) !important;
}

/* ===== FORM CONTROLS ===== */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textarea {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(139, 44, 29, 0.2) !important;
    border-radius: var(--radius-sm) !important;
    backdrop-filter: blur(10px) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--rust-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(139, 44, 29, 0.15) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

/* ===== TABLES ===== */
.table-wrapper,
.dataTables_wrapper {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: var(--radius-lg) !important;
    padding: 1.5rem !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
}

.table {
    background: transparent !important;
}

.table thead th {
    background: rgba(180, 170, 155, 0.25) !important;
    border-bottom: 2px solid rgba(180, 170, 155, 0.5) !important;
    color: var(--grey-dark) !important;
    font-weight: 600 !important;
}

.table tbody tr {
    background: transparent !important;
    transition: all 0.2s !important;
}

.table tbody tr:hover {
    background-color: rgba(220, 215, 190, 0.55) !important;
    cursor: pointer !important;
    transform: scale(1.001) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* DataTables */
.dataTables_filter input,
.dataTables_length select {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(139, 44, 29, 0.2) !important;
    border-radius: var(--radius-sm) !important;
}

/* ===== PAGINATION ===== */
.pagination .page-link {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(139, 44, 29, 0.2) !important;
    color: var(--grey-dark) !important;
    border-radius: var(--radius-sm) !important;
    margin: 0 0.125rem !important;
}

.pagination .page-link:hover {
    background: rgba(139, 44, 29, 0.1) !important;
    border-color: var(--rust-primary) !important;
    color: var(--rust-primary) !important;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--rust-primary), var(--rust-light)) !important;
    border-color: var(--rust-primary) !important;
    color: white !important;
}

/* ===== MODAL ===== */
.modal-content {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(139, 44, 29, 0.15) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}

.modal-header {
    background: rgba(139, 44, 29, 0.05) !important;
    border-bottom: 1px solid rgba(139, 44, 29, 0.1) !important;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}

.modal-footer {
    background: rgba(139, 44, 29, 0.02) !important;
    border-top: 1px solid rgba(139, 44, 29, 0.1) !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}

/* ===== ALERTS ===== */
.alert {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid !important;
}

.alert-success {
    border-color: rgba(46, 125, 50, 0.3) !important;
    border-left: 4px solid #2E7D32 !important;
}

.alert-danger {
    border-color: rgba(198, 40, 40, 0.3) !important;
    border-left: 4px solid #C62828 !important;
}

.alert-warning {
    border-color: rgba(237, 108, 2, 0.3) !important;
    border-left: 4px solid #ED6C02 !important;
}

.alert-info {
    border-color: rgba(2, 136, 209, 0.3) !important;
    border-left: 4px solid #0288D1 !important;
}

/* ===== BADGES ===== */
.badge {
    border-radius: var(--radius-sm) !important;
    backdrop-filter: blur(10px) !important;
}

.badge-primary,
.bg-primary {
    background: linear-gradient(135deg, var(--rust-primary), var(--rust-light)) !important;
}

/* ===== NAVIGATION ===== */
.nav-pills .nav-link {
    border-radius: var(--radius-md) !important;
    transition: all 0.3s !important;
}

.nav-pills .nav-link.active {
    background: linear-gradient(135deg, var(--rust-primary), var(--rust-light)) !important;
}

.nav-pills .nav-link:hover {
    background: rgba(139, 44, 29, 0.08) !important;
}

/* ===== PAGE HEADER ===== */
.page-header,
.warm-page-header {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* ===== STATS/METRICS ===== */
.stat-card,
.metric-card,
.warm-stat-card {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s !important;
}

.stat-card:hover,
.metric-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
}

/* ===== BREADCRUMB ===== */
.breadcrumb {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: var(--radius-md) !important;
}

/* ===== LIST GROUP ===== */
.list-group-item {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}

.list-group-item:hover {
    background: rgba(255, 255, 255, 0.9) !important;
}

/* ===== PROGRESS BARS ===== */
.progress {
    background: rgba(139, 44, 29, 0.1) !important;
    border-radius: var(--radius-sm) !important;
    backdrop-filter: blur(10px) !important;
}

.progress-bar {
    background: linear-gradient(90deg, var(--rust-primary), var(--rust-light)) !important;
}

/* ===== TOOLTIPS & POPOVERS ===== */
.tooltip-inner {
    background: rgba(45, 41, 38, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: var(--radius-sm) !important;
}

.popover {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(139, 44, 29, 0.1) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(139, 44, 29, 0.05);
    border-radius: var(--radius-sm);
}

::-webkit-scrollbar-thumb {
    background: rgba(139, 44, 29, 0.3);
    border-radius: var(--radius-sm);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 44, 29, 0.5);
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 768px) {
    .warm-sidebar {
        background: rgba(255, 255, 255, 0.98) !important;
    }
}