/* Professional Corporate Theme for AdminLTE 4 */
:root {
    --bs-border-radius: 0px !important;
    --bs-border-radius-sm: 0px !important;
    --bs-border-radius-lg: 0px !important;
    --bs-border-radius-xl: 0px !important;
    --bs-border-radius-2xl: 0px !important;
    --bs-border-radius-pill: 0px !important;
    
    --lte-accent-color: #3c8dbc;
    --lte-sidebar-bg: #222d32;
    --lte-main-bg: #f4f6f9;
    --primary-color: #2c3e50;
}

body {
    font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    background-color: var(--lte-main-bg) !important;
    color: #333;
}

/* Force square corners everywhere */
*, ::after, ::before {
    border-radius: 0 !important;
}

/* AdminLTE Card refinements */
.card {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
    border-top: 3px solid #d2d6de !important;
    margin-bottom: 20px;
}

.card-primary { border-top-color: #3c8dbc !important; }
.card-success { border-top-color: #00a65a !important; }
.card-danger { border-top-color: #dd4b39 !important; }
.card-warning { border-top-color: #f39c12 !important; }
.card-info { border-top-color: #00c0ef !important; }

.card-header {
    background-color: transparent !important;
    border-bottom: 1px solid #f4f4f4 !important;
    padding: 10px 15px !important;
}

.card-title {
    font-size: 18px !important;
    font-weight: 400 !important;
}

/* Buttons */
.btn {
    box-shadow: none !important;
    border-width: 1px;
    font-weight: 400;
}

.btn-primary { background-color: #3c8dbc !important; border-color: #367fa9 !important; }
.btn-success { background-color: #00a65a !important; border-color: #008d4c !important; }

/* Sidebar refinements */
.app-sidebar {
    background-color: var(--lte-sidebar-bg) !important;
}

.sidebar-brand {
    border-bottom: 1px solid #4b646f !important;
}

.nav-sidebar .nav-link.active {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

/* Gantt Chart refinements - keep them distinct but square */
.gantt-bar {
    height: 24px !important;
    top: 22px !important;
}

.gantt-bar .progress-bar {
    background-color: rgba(255,255,255,0.4) !important;
}

/* Professional Tables */
.table thead th {
    border-top: 0;
    border-bottom: 2px solid #f4f4f4 !important;
}

/* Tab Pills */
.nav-pills .nav-link.active {
    background-color: #3c8dbc !important;
    border-left: 3px solid #3c8dbc;
}

.nav-pills .nav-link {
    border-left: 3px solid transparent;
}

/* Project Card Hover Effect */
.project-card {
    transition: all 0.2s ease;
}

.project-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    border-color: #3c8dbc !important;
    transform: translateY(-2px);
}

.stretched-link::after {
    z-index: 10 !important;
}

/* Aggressively remove distracting outlines/borders from close buttons */
.btn-close,
.btn-close:focus,
.btn-close:active,
.btn-close:focus-visible,
.btn-close-white,
.btn-close-white:focus {
    outline: 0 !important;
    box-shadow: none !important;
    --bs-btn-close-focus-shadow: none !important; /* Critical for Bootstrap 5 */
    border: 0 !important;
    -webkit-box-shadow: none !important;
}

.modal-header .btn-close {
    margin: -0.5rem -0.5rem -0.5rem auto;
    padding: 0.5rem;
    opacity: 0.8;
}

.modal-header .btn-close:hover {
    opacity: 1;
}