.labfas-app{max-width:1200px;margin:0 auto;font-family:system-ui,Arial,sans-serif}
.labfas-two-col{display:grid;grid-template-columns:420px 1fr;gap:16px}
.labfas-col{display:flex;flex-direction:column;gap:12px}
.labfas-col-right{position:sticky; top:10px; align-self:start}

.labfas-search-row{display:flex;gap:10px;align-items:center;margin-top:8px}
.labfas-input{
  flex:1;
  padding:14px 16px;
  border:1px solid #e2e2e2 !important;
  border-radius:12px !important;
  font-size:16px;
}

/* Clear button - remove all green styling */
button#labfas-clear,
.labfas-btn.labfas-btn-outline,
#labfas-clear.labfas-btn-outline,
#labfas-clear{
  background:transparent !important;
  background-color:transparent !important;
  border:none !important;
  color:#666 !important;
  font-weight:400 !important;
  padding:10px 0 !important;
  cursor:pointer !important;
  border-radius:0 !important;
}
button#labfas-clear:hover,
.labfas-btn.labfas-btn-outline:hover,
#labfas-clear:hover{
  text-decoration:underline !important;
  filter:none !important;
  background:transparent !important;
  background-color:transparent !important;
}

/* Keep other buttons normal */
.labfas-btn:not(.labfas-btn-outline):not(#labfas-clear){
  padding:10px 14px;
  border-radius:20px;
  border:1px solid #c6c6c6;
  background:#e6ea19;
  cursor:pointer;
  font-weight:600;
}
.labfas-btn:not(.labfas-btn-outline):not(#labfas-clear):hover{
  filter:brightness(0.97);
}

/* ---- FILTER SECTION ---- */
.labfas-filters {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.labfas-filter-title {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}

.labfas-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.labfas-pill {
  background: #f0f0f0;
  color: #333;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: none;
}

.labfas-pill:hover {
  background: #e0e0e0;
}

.labfas-pill.active {
  background: #015CA7 !important;
  color: #fff !important;
}

/* ---- END FILTER SECTION ---- */

.labfas-list{
  border:1px solid #e2e2e2;
  max-height:360px;
  overflow:auto;
  padding:8px;
  border-radius:12px;
  background:#fff;
  margin-top:12px;
}
.labfas-item{padding:10px 8px;border-bottom:1px solid #eee;cursor:pointer;border-left:3px solid transparent}
.labfas-item:hover{background:#fafafa}
.labfas-item.active{background:#eef6ff;border-left-color:#1e88e5}
.labfas-title{font-weight:700;margin-bottom:4px}
.labfas-sub{color:#555;font-size:13px}

.labfas-badges{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.labfas-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(0,0,0,.08)}
.labfas-badge.before{background:#bfe6ff;color:#083a5b}
.labfas-badge.after{background:#ffe0bd;color:#5b2f08}
.labfas-badge.summer{background:#fff6a8;color:#5b4a08}

.labfas-detail{
  background:#015CA7;
  color:#FFF;
  border:1px solid #014f8f;
  padding:16px;
  border-radius:12px;
  min-height:220px;
  margin-top:12px;
}
.labfas-detail h3 { 
  font-weight:700; 
  font-size:26pt; 
  margin-bottom:10px;
  color:#fff !important;
}
.labfas-detail a { color:#C8DA18; text-decoration:none; font-weight:600; }
.labfas-detail a:hover { text-decoration:underline; }
.labfas-detail p { margin:4px 0; line-height:1.5; font-weight:400; }

.labfas-map{height:720px;border-radius:12px;overflow:hidden;border:1px solid #e2e2e2}

@media(max-width:1000px){
  .labfas-two-col{grid-template-columns:1fr}
  .labfas-col-right{position:relative; top:auto}
  .labfas-map{height:480px}
}

@media (max-width:600px){ 
  .labfas-filter-group { gap: 8px; }
  .labfas-pill {
    font-size:12px;
    padding:6px 12px;
  }
}

/* Hide geolocate button if present */
#labfas-geolocate { display:none !important; }