/*admin_landing.php*/
html, body {margin: 0; padding: 0; width: 100%; font-family: Arial, sans-serif;}

#container {width: 70%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
        
h2 { border-botstom: 1px solid #ddd; padding-bottom: 5px; } 
        
form { margin-bottom: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; }
        
label { display: block; margin: 5px 0; }
       
select, input[type="text"], input[type="number"], 
				
textarea { padding: 5px; width: 250px; }

textarea { resize: vertical; }

.message { padding: 10px; margin: 10px 0; border-radius: 5px; }

.success { background-color: #d4edda; color: green; border: 1px solid #ddd; }

.error { background-color: #f8d7da; color: red; border: 1px solid #ddd; }

table { border-collapse: collapse; width: 100%; margin-top: 10px; }

th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
        
button { padding: 7px 15px; margin-top: 10px; }
        fieldset { margin-top: 10px; }

.row-container {
  display: flex;
  gap: 20px; /* space between items */
  align-items: flex-start; /* align items to the top */
  flex-wrap: wrap; /* wrap on smaller screens */
}

.row-container > section {
  flex: 1 1 300px; /* grow and shrink, minimum width 300px */
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 5px;
  background-color: #fafafa;
}

.nobreak {clear: both;}

/*wrap list*/
.checkbox-list-row {
  display: flex;
  flex-wrap: wrap;       /* wrap columns on smaller screens */
  gap: 20px;             /* space between columns */
  max-width: 100%;       /* full width container */
}

/*wrap list*/
.checkbox-list-row {
  display: flex;
  flex-wrap: wrap;       /* allow columns to wrap on smaller screens */
  gap: 20px;             /* space between columns */
  max-width: 100%;       /* full width container */
}

.checkbox-column {
  display: flex;
  flex-direction: column;
  min-width: 150px;      /* width of each column */
  max-width: 200px;
}

.checkbox-column label {
  margin-bottom: 5px;
  whit/e-space: nowrap;   /* prevent label text wrapping */
}

/* Add this CSS to your stylesheet or in a <style> block */

.source-url-pair {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    gap: 1em;
}

.source-url-pair label {
    min-width: 50px; /* adjust label width as needed */
}

.source-url-pair input[type="text"],
.source-url-pair input[type="url"] {
    flex: 1; /* inputs take remaining space */
    box-sizing: border-box;
}