@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

body{margin:0;font-family:Inter,sans-serif;background:#f5f7f9;color:#002D43}
header{background:#002D43;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}
header img{height:50px}
.container{max-width:800px;margin:2rem auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.section{border-left:4px solid #EA670D;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:8px;background:#fefefe}
.section h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}
.field{margin-top:.5rem}.field strong{display:inline-block;width:230px}
.download-icon a{display:inline-flex;align-items:center;gap:4px;color:#002D43}
table.payments{width:100%;border-collapse:collapse;margin-top:1rem}
table.payments th,table.payments td{border:1px solid #ddd;padding:.5rem;text-align:left}
table.payments th{background:#f0f0f0}
footer{background:#002D43;color:#fff;text-align:center;padding:1rem;margin-top:2rem}
footer a{color:#EA670D;text-decoration:none}
.login{max-width:400px;margin:3rem auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.login input{width:100%;padding:.5rem;margin:.5rem 0}
.login button{background:#EA670D;color:#fff;border:0;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}

body {
font-family: Arial, sans-serif;
background-color: #f5f7f9;
margin: 0;
padding: 0;
}
header {
background-color: #002D43;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
}
header img {
height: 40px;
}
.container {
max-width: 600px;
margin: 2rem auto;
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
text-align: center;
}
input[type="file"] {
margin: 1rem 0;
}
#message {
margin-top: 1rem;
font-weight: bold;
}

body {
font-family: 'Inter', sans-serif;
background: #f5f7f9;
padding: 2rem;
color: #002D43;
}
form {
background: white;
padding: 2rem;
border-radius: 12px;
max-width: 700px;
margin: auto;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h2 {
text-align: center;
color: #002D43;
}
label {
display: block;
margin-top: 1rem;
font-weight: 600;
}
input[type="file"], input[type="text"] {
margin-top: 0.3rem;
width: 100%;
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 1rem;
}
button {
margin-top: 2rem;
padding: 0.75rem 1.5rem;
background: #002D43;
color: white;
border: none;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
width: 100%;
}
button:hover {
background: #EA670D;
}

/* Portal: force order data left-alignment */
#content,
#content .section,
#content .field {
  text-align: left;
}
.btn {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  border: 1px solid #444;
  border-radius: 6px;
  text-decoration: none;
}
.btn:hover { box-shadow: 0 2px 6px rgba(0,0,0,.15); }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
select,
textarea {
  width: 100%;
  box-sizing: border-box;
    line-height: 1.4;    /* match your text field’s line-height */
  font-size: 1rem;     /* optional, keep font size consistent */
  margin-top: 0.3rem;
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 6px;

}
/* Fieldset + legend tidy */
fieldset {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 12px 16px 14px;
  margin: 8px 0 16px;
}
legend {
  font-weight: 600;
  padding: 0 6px;           /* avoids border overlap */
}

/* Two-column checkbox grid */
.checks-2col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  align-items: start;
}

.checkline {
  display: flex;
  gap: 8px;
  align-items: center;
  line-height: 1.3;
}
.checkline input[type="checkbox"] {
  transform: translateY(1px);
}
.radios-inline {
  display: flex;
  gap: 24px;   /* space between Yes/No */
  align-items: center;
}
/* Simple dropzone look that matches your form spacing */
.dz { position: relative; }
.dz-input { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.dz-box {
  border: 2px dashed #ccd4da;
  border-radius: 8px;
  padding: 28px 16px;
  text-align: center;
  position: relative;
}
.dz-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 4px; }
.dz-or { font-size: .9rem; color: #6b7280; margin: 2px 0; }
.btn-link { background: none; border: none; color: #0b6fa9; cursor: pointer; padding: 0; }
.dz-count { position: absolute; right: 10px; bottom: 6px; font-size: .85rem; color: #6b7280; }
.dz.dragover .dz-box { background: #f7fbff; border-color: #0b6fa9; }