/* static/style.css */

/* Global dark background and light text */
body {
    font-family: 'Arial', sans-serif;
    background-color: #121212;
    color: #e0e0e0;
  }
  
  /* Navbar styling */
  .navbar {
    background-color: #1f1f1f !important;
    margin-bottom: 35px;
  }
  .navbar-brand, .nav-link {
    color: #e0e0e0 !important;
  }
  
  /* Table styling */
  .table {
    background-color: #1f1f1f;
    color: #e0e0e0;
  }
  .table th,
  .table td {
    border-top: 1px solid #333;
  }
  .table a {
    color: #4fc3f7;
  }
  
  /* Form controls */
  .form-control,
  .form-control-file,
  .form-select {
    background-color: #1f1f1f;
    color: #e0e0e0;
    border: 1px solid #333;
  }
  
  /* Buttons */
  .btn-primary, .btn-secondary {
    background-color: #1e88e5;
    border: none;
  }
  .btn-primary:hover, .btn-secondary:hover {
    background-color: #1565c0;
  }

  .btn-warning {
    color: black;
  }
  
  /* Image thumbnails */
  .img-thumbnail {
    border: 1px solid #333;
  }
  
  /* Alerts */
  .alert {
    background-color: #333;
    color: #e0e0e0;
    border: none;
  }

  /* Header */
  h1 {
    text-align: center;
    color: #1e88e5;
    margin-top: -75px;
    margin-bottom: 50px;
  }

  @font-face {
    font-family: 'Arial';
    src: local('Arial'), url('/static/fonts/arial.ttf') format('truetype');
  }

/* Ensure headers don't wrap unnecessarily */
.table th {
    white-space: nowrap;
    text-align: center;
    background-color: #222 !important; /* Slightly darker for headers */
    color: #e0e0e0 !important;
}

/* Center all text */
.table td {
    text-align: center;
    vertical-align: middle;
    background-color: #1f1f1f !important;
}

/* Enforce uniform table width */
.dashboard-section {
    width: 100%;
    max-width: 900px; /* Set a fixed width to align tables */
    margin: 0 auto; /* Center tables */
}

/* Reduce extra space between rows */
.table tbody tr {
    height: 50px; /* Adjust row height */
}

/* Make sure the last column (Total Cost) aligns */
.table td:last-child {
    text-align: center;
    padding-right: 15px;
}

h3 {
    text-align: center;
}
 
/* Adjust column widths for better spacing */
.table th:nth-child(1),  /* Project Name */
.table td:nth-child(1) {
    width: 25%;
}

.table th:nth-child(2),  /* Status */
.table td:nth-child(2) {
    width: 15%;
}

.table th:nth-child(3),  /* Start Date */
.table td:nth-child(3) {
    width: 15%;
}

.table th:nth-child(4),  /* Est. Finish Date */
.table td:nth-child(4) {
    width: 20%;
}

.table th:nth-child(5),  /* Total Cost */
.table td:nth-child(5) {
    width: 20%;
    text-align: center; /* Align cost values to the right */
}

/* Header container for logo and title */
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px; /* Adjust spacing from the navbar */
    padding: 10px 0;
}

/* Logo styles */
.logo {
    width: 80px; /* Adjust size */
    height: auto;
}

.logo.left {
    margin-left: 20px;
}

.logo.right {
    margin-right: 20px;
}

/* Center the title */
.page-title {
    font-size: 28px;
    color: #1e88e5;
    text-align: center;
    flex-grow: 1; /* Keeps title centered */
}

/* ✅ Fix Logo Size & Position */
.logo {
    max-height: 60px;  /* Adjust logo size */
    width: auto;
}

.card {
  background-color: #1f1f1f;
}

.form-control[readonly] {
  background-color: #1f1f1f;
}

h4 {
  text-align: center;
}