/* Page-specific styles for the IPLP's tab on lrs.html. Pairs with
   searchable-dropdown.css to make the filter bar match the Lands page. */

/* Filter card */
#tab-iplps .card {
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}
#tab-iplps .card-body { padding: 18px 20px; }
#tab-iplps label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #455a64;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Get + Reset + Export buttons (custom — NOT .btn — so the global
   .btn::before bubble can't reach them). */
.iplp-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 22px;
  margin: 0 !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.3px;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .15s ease, box-shadow .15s ease, transform .05s ease;
  position: relative;
  z-index: 1;
}
.iplp-action-btn::before,
.iplp-action-btn::after { content: none !important; background: none !important; }
.iplp-action-btn:active { transform: translateY(1px); }

.iplp-get-btn {
  background: linear-gradient(135deg, #1565c0 0%, #1e88e5 100%);
  color: #fff;
  border-color: #1565c0;
  box-shadow: 0 1px 3px rgba(21, 101, 192, 0.25);
}
.iplp-get-btn:hover, .iplp-get-btn:focus {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%);
  box-shadow: 0 3px 10px rgba(21, 101, 192, 0.4);
  color: #fff;
  outline: none;
}

.iplp-reset-btn {
  background: #fff;
  color: #455a64;
  border-color: #cfd8dc;
}
.iplp-reset-btn:hover, .iplp-reset-btn:focus {
  background: #eceff1;
  color: #263238;
  outline: none;
}

/* Search bar + Export button (Export sits to the right inside the same group) */
.iplp-search-bar .input-group-text {
  background: #f5f7fa;
  color: #455a64;
  border-right: none;
}
.iplp-search-bar .form-control { border-left: none; }
.iplp-search-bar .form-control:focus {
  box-shadow: none;
  border-color: #ced4da;
}

button.iplp-export-btn,
.iplp-export-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.3px !important;
  text-transform: none !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #1e7e34 0%, #28a745 100%) !important;
  border: 1px solid #1e7e34 !important;
  border-left: none !important;
  border-radius: 0 6px 6px 0 !important;
  box-shadow: 0 1px 3px rgba(40, 167, 69, 0.25) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  outline: none !important;
}
.iplp-export-btn:hover,
.iplp-export-btn:focus {
  background: linear-gradient(135deg, #166528 0%, #1e7e34 100%) !important;
  box-shadow: 0 3px 10px rgba(40, 167, 69, 0.45) !important;
  color: #ffffff !important;
}
.iplp-export-btn:active { transform: translateY(1px); }
.iplp-export-btn::before,
.iplp-export-btn::after { content: none !important; }

@media (max-width: 575.98px) {
  .iplp-search-bar .input-group { flex-wrap: wrap; }
  .iplp-export-btn {
    border-left: 1px solid #1e7e34 !important;
    border-radius: 6px !important;
    margin-top: 8px !important;
    width: 100% !important;
  }
}