/* Lincoln Town Employees public UI
   Matched to Lincoln Constituent Service Theme v0.3.7 */

.lte-town-employees-page .content-wrap{
  width:min(calc(100% - 32px), var(--lcs-max));
}

/* The Councilor Tools fallback search duplicates the wp_body_open search
   on this theme. Hide only the duplicate that lands inside page content. */
.lte-town-employees-page .entry-content > .lct-global-search-strip{
  display:none !important;
}

.lte-wrap{
  width:100%;
  max-width:none;
  margin:0;
}

.lte-intro{
  margin:0 0 20px;
}

.lte-eyebrow{
  margin:0 0 4px;
  font-weight:900;
  letter-spacing:.08em;
  font-size:.76rem;
  color:var(--lcs-accent);
}

.lte-intro h2{
  margin:0 0 8px;
}

.lte-intro p:last-child,
.lte-view-note{
  color:var(--lcs-muted);
}

.lte-view-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 14px;
}

.lte-view-tabs .button{
  width:auto;
  min-height:44px;
}

.lte-view-note{
  margin:0 0 18px;
  padding:14px 16px;
  background:rgba(255,255,255,.94);
  border:1px solid var(--lcs-border);
  border-radius:var(--lcs-radius);
}

.lte-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:end;
  margin:0 0 20px;
  padding:18px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--lcs-border);
  border-radius:var(--lcs-radius);
  box-shadow:var(--lcs-shadow);
}

.lte-filters label{
  display:block;
  min-width:0;
  font-weight:800;
  color:var(--lcs-text);
}

.lte-filters input,
.lte-filters select{
  width:100%;
  min-height:44px;
  margin-top:6px;
  padding:9px 11px;
  border:1px solid #cfd6dc;
  border-radius:10px;
  background:#fff;
  color:var(--lcs-text);
  font:inherit;
}

.lte-filter-actions{
  grid-column:1 / -1;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.lte-filter-actions .button{
  width:auto;
  min-width:130px;
}

.lte-count{
  margin:0 0 12px;
  color:var(--lcs-muted);
}

.lte-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border:1px solid var(--lcs-border);
  border-radius:var(--lcs-radius);
  box-shadow:var(--lcs-shadow);
}

.lte-table{
  width:100%;
  min-width:1180px;
  border-collapse:collapse;
  margin:0;
  background:#fff;
}

.entry-content .lte-table th,
.entry-content .lte-table td{
  padding:11px 10px;
  border-bottom:1px solid var(--lcs-border);
  text-align:left;
  vertical-align:top;
}

.entry-content .lte-table th{
  background:var(--lcs-accent);
  color:#fff;
  font-weight:900;
  line-height:1.25;
}

.lte-table tbody tr:nth-child(even){
  background:#f8faf9;
}

.lte-table th:nth-child(1), .lte-table td:nth-child(1){min-width:155px}
.lte-table th:nth-child(2), .lte-table td:nth-child(2){min-width:135px}
.lte-table th:nth-child(3), .lte-table td:nth-child(3){min-width:165px}
.lte-table th:nth-child(4), .lte-table td:nth-child(4){min-width:110px;white-space:nowrap}
.lte-table th:nth-child(5), .lte-table td:nth-child(5){min-width:130px;white-space:nowrap}
.lte-table th:nth-child(6), .lte-table td:nth-child(6){min-width:120px;white-space:nowrap}
.lte-table th:nth-child(7), .lte-table td:nth-child(7){min-width:150px;white-space:nowrap}
.lte-table th:nth-child(8), .lte-table td:nth-child(8){min-width:175px;white-space:nowrap}
.lte-table td:first-child{
  overflow-wrap:normal;
  word-break:normal;
}

.lte-view a{
  font-weight:800;
  white-space:nowrap;
}

.lte-source-note,
.lte-public-note{
  margin:22px 0 0;
  padding:18px;
  background:rgba(255,255,255,.94);
  border:1px solid var(--lcs-border);
  border-radius:var(--lcs-radius);
  color:var(--lcs-muted);
}

.lte-employee-detail dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 20px;
}

.lte-employee-detail dl>div{
  padding:10px 0;
  border-bottom:1px solid var(--lcs-border);
}

.lte-employee-detail dt{font-weight:800}
.lte-employee-detail dd{margin:3px 0 0}

@media(max-width:1050px){
  .lte-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:700px){
  .lte-filters{grid-template-columns:1fr}
  .lte-filter-actions{display:grid;grid-template-columns:1fr}
  .lte-filter-actions .button{width:100%}
  .lte-view-tabs{display:grid;grid-template-columns:1fr}
  .lte-view-tabs .button{width:100%}
  .lte-employee-detail dl{grid-template-columns:1fr}
}

@media(max-width:620px){
  .lte-town-employees-page .content-wrap{
    width:min(calc(100% - 24px), var(--lcs-max));
  }
}