/* Custom CSS styles can go here if needed */

/* Logo Styling */
.page-logo {
    height: 40px; /* Adjust size as needed */
    width: auto; /* Maintain aspect ratio */
}

/* Ensure bar segments with 0% width are not visible initially */
.progress-bar[style*="width: 0%"] {
    /* Optionally add transition for smoother updates */
    /* transition: width 0.3s ease-in-out; */
    font-size: 0; /* Hide text if width is 0 */
    border: none; /* Hide potential borders */
}

/* Styling for progress bar separation (Tabler might handle this with progress-separated) */
.progress.progress-separated .progress-bar {
  margin-right: 1px; /* Adjust as needed for spacing */
}
.progress.progress-separated .progress-bar:last-child {
  margin-right: 0;
}

/* Styling for bar chart labels */
#time-breakdown-labels {
  /* Removed justify-content-between via HTML change */
  gap: 0.5rem; /* Add some gap between labels */
}

#time-breakdown-labels span {
  flex-grow: 1; /* Allow labels to grow */
  flex-shrink: 0; /* Prevent shrinking below basis */
  text-align: center;
}

/* Indentation for subtasks */
.subtask-list {
    padding-left: 2rem; /* Adjust indentation depth */
    /* border-left: 1px solid #e5e7eb; /* Optional visual cue */
    margin-left: 0.5rem; /* Align with parent inputs roughly */
}

/* Optional: Adjust flex-basis for potentially better average alignment */
/* Based on default 70/20/10 split */
#label-task { flex-basis: 65%; } 
#label-ad-hoc { flex-basis: 20%; text-align: center; }
#label-buffer { flex-basis: 15%; text-align: right; }

/* Styling for text inside progress bar segments */
.progress-bar {
    color: white; /* Default text color */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* Basic shadow for contrast */
    display: flex; /* Use flexbox for centering */
    align-items: center;
    justify-content: center;
    font-size: 0.75rem; /* Slightly smaller font */
    font-weight: 500;
    overflow: hidden; /* Hide text that overflows small bars */
    white-space: nowrap; /* Prevent wrapping */
}

/* Optional: Adjust text color for specific background colors if needed */
/* .progress-bar.bg-secondary { color: #333; } */

/* Hide text completely if bar is too small (adjust threshold as needed) */
.progress-bar[style*="width: 0%"] /* Handles exactly 0% */
.progress-bar[style*="width: 1%"] /* Handles 1.0% to 1.9% */
.progress-bar[style*="width: 2%"] /* Handles 2.0% to 2.9% */
.progress-bar[style*="width: 3%"] /* Handles 3.0% to 3.9% */
.progress-bar[style*="width: 4%"] /* Handles 4.0% to 4.9% */
.progress-bar[style*="width: 5%"] { /* Handles 5.0% to 5.9% */
    font-size: 0; /* Effectively hides text */
    color: transparent; /* Ensure color doesn't show */
    text-shadow: none;
}

/* Login Screen Styles */
#login-screen {
  min-height: 100vh; /* Ensure it takes full viewport height */
  /* Centering handled by Tabler's page-center class */
}

.login-logo {
  height: 60px; /* Adjust logo size */
  width: auto;
}

#login-screen .card {
    max-width: 420px; /* Limit card width */
}
/* End Login Screen Styles */