.FDSL-slc-wrap{max-width:980px}
.FDSL-slc-header{margin:0 0 18px}
.FDSL-slc-header h2{font-size:26px;margin:0 0 6px}
.FDSL-slc-sub{margin:0;color:#667085}
.FDSL-slc-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width: 860px){.FDSL-slc-grid{grid-template-columns:1fr 1fr}}
.FDSL-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.FDSL-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.FDSL-card h3{margin:0;font-size:18px}
.FDSL-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:12px;background:#f2f4f7;color:#344054}
.FDSL-badge.ok{background:#ecfdf3;color:#067647}
.FDSL-badge.danger{background:#fef3f2;color:#b42318}
.FDSL-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px}
.FDSL-metric-label{font-size:12px;color:#667085}
.FDSL-metric-value{font-size:20px;font-weight:700;color:#101828}
.FDSL-metric-hint{font-size:12px;color:#667085}
.FDSL-form{margin-top:10px}
.FDSL-label{display:block;margin:12px 0 6px;font-weight:600;color:#101828}
.FDSL-amount-row{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:520px){.FDSL-amount-row{grid-template-columns:1fr 170px;align-items:center}}
.FDSL-range{width:100%}
.FDSL-input-group{display:flex;align-items:center;border:0;border-radius:12px;background:#f9fafb;padding:8px 10px;gap:8px}
.FDSL-input-group input{border:0;outline:none;box-shadow:none;width:100%;padding:0;margin:0}
.FDSL-input-group.small{max-width:110px}
.FDSL-currency{color:#667085;font-weight:600}
.FDSL-period-row{display:flex;gap:10px;align-items:center}
.FDSL-period-row select{border:1px solid #d0d5dd;border-radius:12px;padding:9px 10px;background:#fff;line-height:19px}
.FDSL-actions{margin-top:12px}
.FDSL-help{margin:10px 0 0;color:#667085;font-size:12px}
.FDSL-request-row{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.FDSL-alert{border-radius:12px;padding:10px 12px;margin:10px 0;font-size:13px}
.FDSL-alert.info{background:#eff8ff;border:1px solid #b2ddff;color:#175cd3}
.FDSL-alert.warning{background:#fffaeb;border:1px solid #fedf89;color:#b54708}
.FDSL-alert.danger{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.FDSL-checkbox{display:flex;gap:10px;align-items:center;margin:10px 0 0}
.FDSL-checkbox input{transform:scale(1.1)}

/* Neutral modern buttons inside our account panel */
.FDSL-slc-wrap .button,
.FDSL-slc-wrap .woocommerce-button,
.FDSL-slc-wrap button.button,
.FDSL-slc-wrap input[type="submit"].button{
  background:#fff;
  border:1px solid #d0d5dd;
  color:#101828;
  border-radius:12px;
  padding:10px 14px;
  line-height:19px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(16,24,40,.06);
}
.FDSL-slc-wrap .button:hover,
.FDSL-slc-wrap .woocommerce-button:hover,
.FDSL-slc-wrap button.button:hover,
.FDSL-slc-wrap input[type="submit"].button:hover{
  background:#f9fafb;
  border-color:#98a2b3;
}
.FDSL-slc-wrap .button:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(16,24,40,.08);
}

/* Spend Limiter – Range Slider */
.FDSL-range-wrap input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    margin-right: 0;
    width: 100%;
    height: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#4b4b4b, #c2c2c2);
    background-size: 78% 86%;
    background-repeat: no-repeat;
    outline: none;
}

/* Chrome / Safari / Edge thumb */
.FDSL-range-wrap input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #4b4b4b; /* neutral dark */
    border: 2px solid #ffffff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

/* Firefox thumb */
.FDSL-range-wrap input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #4b4b4b;
    border: 2px solid #ffffff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

/* Firefox track fix */
.FDSL-range-wrap input[type="range"]::-moz-range-track {
    background: transparent;
}

/* Hover / focus polish */
.FDSL-range-wrap input[type="range"]:hover::-webkit-slider-thumb,
.FDSL-range-wrap input[type="range"]:focus::-webkit-slider-thumb {
    background: #2f2f2f;
}
/****** SLIDERS COLOUR ********/

/* Base reset */
.FDSL-slc-wrap input[type="range"]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  padding:0;
  margin:0;
  background:transparent;
  outline:none;
}

/* Track (Chrome/Edge/Safari) */
.FDSL-slc-wrap input[type="range"]::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background:#e5e5e5;
}

/* Track (Firefox) */
.FDSL-slc-wrap input[type="range"]::-moz-range-track{
  height:6px;
  border-radius:999px;
  background:#e5e5e5;
}

/* IMPORTANT: prevent the blue overlay while dragging/focused */
.FDSL-slc-wrap input[type="range"]:focus::-webkit-slider-runnable-track,
.FDSL-slc-wrap input[type="range"]:active::-webkit-slider-runnable-track{
  background:#e5e5e5 !important;
}

/* Thumb (your styling) */
.FDSL-slc-wrap input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  height:20px;
  width:20px;
  border-radius:50%;
  background:#000 !important;
  cursor:ew-resize;
  box-shadow:0 0 2px 0 #555;
  margin-top:-7px; /* centres thumb on 6px track */
}

.FDSL-slc-wrap input[type="range"]::-moz-range-thumb{
  height:20px;
  width:20px;
  border-radius:50%;
  border:none;
  background:#000 !important;
  box-shadow:0 0 2px 0 #555;
}

/****** END SLIDERS COLOUR ********/