/* ===== BEENET SYSTEM FORM THEME ===== */

.form-card {
  background: #212121;           /* Matches the dark navbar background */
  border: 1px solid #333333;      /* Subtle dark border edge */
  border-radius: 6px;
  padding: 24px 28px;
  margin-top: 20px;
  color: #ffffff;                 /* Primary text visibility */
}

.form-title {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 600;
  color: #FFC107;                 /* Highlighted header branding color */
}

.form-subtitle {
  color: #aaaaaa;                 /* Muted readability text */
  margin-bottom: 18px;
}

.form-group label {
  color: #eeeeee;
  font-weight: 500;
  margin-bottom: 4px;
}

.form-control {
  background-color: #1a1a1a;      /* Deep inset input panels */
  color: #ffffff;
  border-radius: 6px;
  padding: 8px 10px;
  height: auto;
  border: 1px solid #444444;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out;
}

/* ===== STATES: HOVER, FOCUS & PLACEHOLDERS ===== */

/* Input Hover State */
.form-control:hover {
  border-color: #666666;
}

/* Input Focus State */
.form-control:focus {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: #FFC107;         /* Glows Amber to match header links */
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.25); /* Subtle ambient glow wrapper */
}

/* Cross-Browser Input Placeholder Styling */
.form-control::placeholder {
  color: #666666;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #666666;
}
.form-control::-ms-input-placeholder {
  color: #666666;
}

/* Validation Message */
.text-danger {
  color: #d9534f;                 /* Crisp Bootstrap brand red warning */
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

/* Section heading inside forms */
.form-section-title {
  color: #FFC107;
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 600;
  border-bottom: 1px solid #333333;
  padding-bottom: 4px;
}

/* Buttons and Form Actions Area */
.form-actions {
  margin-top: 16px;
  text-align: center;
}

/* ===== READONLY & DISABLED FIELDS VISIBILITY FIX ===== */

/* Targets both hardcoded attributes AND fields dynamically marked readonly by JS */
.form-control[readonly],
.form-control:read-only {
  background-color: #262626 !important; /* Slightly lighter dark gray */
  color: #dddddd !important;            /* Crisp, highly visible text */
  border-color: #333333 !important;      /* Cleans up the borders */
  cursor: not-allowed;                  /* Visual cue that editing is locked */
}

/* Targets both hardcoded attributes AND fields dynamically disabled by JS */
.form-control[disabled],
.form-control:disabled {
  background-color: #1f1f1f !important; 
  color: #888888 !important;            
  border-color: #2a2a2a !important;
  cursor: not-allowed;
  opacity: 1;                           
}

/* Prevent hover border changes from fighting the locked state */
.form-control[readonly]:hover,
.form-control:read-only:hover,
.form-control:disabled:hover {
  border-color: #333333 !important;
}