/* TEHCY Resolution & Resources alignment (scoped) */
.resolution-left, .resolution-left * { text-align: left !important; }
.resolution-left table,
.resolution-left table tr,
.resolution-left table td,
.resolution-left table th { text-align: left !important; vertical-align: top !important; }
.resolution-left .resolution-form td,
.resolution-left .resolution-form th { text-align: left !important; }
.resolution-left td.auto-style37,
.resolution-left td.auto-style38,
.resolution-left td.auto-style11 { text-align: left !important; }
.resolution-left table { margin-left: 0 !important; margin-right: auto !important; }
.resolution-left .welcome-section { text-align: left !important; }

/* Resources & Services table wrapper */
.left-justify-sandbox, .left-justify-sandbox * { text-align: left !important; }
table.resources-table { width: 350px; border-collapse: collapse; border: 0; font-family: Arial, sans-serif; }
table.resources-table td { text-align: left !important; vertical-align: top !important; }
.resources-header { background-color:#f16038; color:#fff; font-weight:bold; padding:4px 8px; }
.resources-body { background-color:#FFFBD6; padding:6px 8px; }
.resources-body .spacer { height: 6px; display: block; }

/* TreeResources left alignment enforcement */
[id$="TreeResources"],
[id$="TreeResources"] table,
[id$="TreeResources"] tr,
[id$="TreeResources"] td,
[id$="TreeResources"] span,
[id$="TreeResources"] a,
[id$="TreeResources"] input { text-align: left !important; }
[id$="TreeResources"] { margin: 0 !important; display: table !important; font-size: small; width: 100% !important; }
[id$="TreeResources"] td, [id$="TreeResources"] th { text-align: left !important; vertical-align: top !important; }
[id$="TreeResources"] [id$="Nodes"],
[id$="TreeResources"] [id$="Nodes"] table,
[id$="TreeResources"] [id$="Nodes"] td { text-align: left !important; }
[id$="TreeResources"] a:not([onclick*="TreeView_ToggleNode"]):not([href^="javascript:TreeView_ToggleNode"]) { text-decoration: none !important; cursor: default !important; }
[id$="TreeResources"] a:not([onclick*="TreeView_ToggleNode"]):not([href^="javascript:TreeView_ToggleNode"]):hover { text-decoration: none !important; }
[id$="TreeResources"] td { padding-left: 0 !important; padding-right: 0 !important; }

/* Keep District MV Liaison row inline: ensure text cell and inline host don't wrap to next line */
[id$="TreeResources"] tr td #dc-district-inline-host { display: inline-block; white-space: nowrap; margin-left: 8px; }

/* Reset and base layout */
html, body {
  margin: 0;
  padding: 0;
}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    overflow-x: hidden; /* prevent stray horizontal scroll from positioned elements */
}

/* Center top-level forms by default; page-specific CSS may override */
body > form {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* Center tables across pages to avoid right-skewed layouts */
table {
  margin-left: auto;
  margin-right: auto;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* TEA Brand: CSS variables and reusable co-branding styles */
:root {
  --tea-blue: #0d6cb9;
  --tea-orange: #f16038;
  --tea-orange-alt: #d93c10;
  --tea-blue-light: #3d98c7;
  --tea-blue-medium: #257ac0;
  --tea-blue-dark: #0b61ab;
  --tea-blue-darker: #0a5694;
  --tea-orange-light: #f37f5f;
  --tea-orange-medium: #f26f4b;
  --tea-orange-dark: #d85632;
  --tea-orange-darker: #c04c2c;
  --tea-navy: #012169;
  --tea-charcoal: #363534;
  --tea-cool-grey: #5a6267;
  --tea-light-blue: #e0ecf6;
}

.co-brand-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}
.co-brand-left,
.co-brand-right {
  display: flex;
  align-items: center;
}
.co-brand-logo {
  display: block;
  height: 42px; /* >= 38px for digital legibility */
  width: auto;
}
.co-brand-logo.affiliate {
  height: 38px; /* same size or slightly smaller than TEA */
}
.co-brand-divider {
  width: 1px; /* 0.5 pt approx */
  height: 38px;
  background: rgba(0, 0, 0, 0.3); /* 30% black */
  margin: 0 8px;
}

/* Footer bar with TEA blue */
.co-brand-footer {
  margin-top: 24px;
  background: var(--tea-blue);
  color: #fff;
  padding: 10px 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
}
.co-brand-footer a {
  color: #fff;
  text-decoration: underline;
}

/* Utility buttons themed to TEA */
.tea-btn-primary {
  background: var(--tea-blue);
  color: #fff !important;
  border: none;
}
.tea-btn-accent {
  background: var(--tea-orange);
  color: #fff !important;
  border: none;
}
.tea-text-blue { color: var(--tea-blue); }
.tea-text-orange { color: var(--tea-orange); }