/*! RentPicker v1.5.1 — component styles. Font: set --rp-font or include Manrope. MIT */
/* ============================================================
   RentPicker — component styles (self-contained, prefix .rp-)
   ============================================================ */
:root{
  --rp-navy:#1b2559;
  --rp-navy-deep:#141b45;
  --rp-ink:#1b2559;
  --rp-muted:#b8bcd0;
  --rp-panel:#f6f6f4;
  --rp-white:#fff;
  --rp-radius:22px;
  --rp-font:'Manrope',system-ui,sans-serif;
}
.rp-backdrop{
  position:fixed;inset:0;z-index:9000;
  background:rgba(20,25,60,.35);
  backdrop-filter:blur(2px);
  display:flex;align-items:flex-end;justify-content:center;
  opacity:0;transition:opacity .18s ease;
}
.rp-backdrop.rp-show{opacity:1}
@media(min-width:560px){.rp-backdrop{align-items:center}}
.rp-sheet{
  width:100%;max-width:430px;
  font-family:var(--rp-font);color:var(--rp-ink);
  padding:14px;box-sizing:border-box;
  transform:translateY(24px);transition:transform .22s cubic-bezier(.3,.9,.3,1);
}
.rp-backdrop.rp-show .rp-sheet{transform:translateY(0)}
.rp-card{
  background:var(--rp-panel);border-radius:var(--rp-radius);
  padding:18px 14px 20px;
  box-shadow:0 24px 60px -20px rgba(20,25,60,.45);
}
/* ---- header ---- */
.rp-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 14px}
.rp-period{
  display:flex;align-items:center;gap:8px;
  background:none;border:0;cursor:pointer;
  font:800 20px/1 var(--rp-font);color:var(--rp-ink);
  letter-spacing:.02em;padding:6px 4px;border-radius:10px;
}
.rp-period svg{transition:transform .18s}
.rp-period.rp-open svg{transform:rotate(180deg)}
.rp-nav{display:flex;gap:6px}
.rp-nav button{
  background:none;border:0;cursor:pointer;color:var(--rp-ink);
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.rp-nav button:hover{background:rgba(27,37,89,.07)}
.rp-nav button:disabled{color:var(--rp-muted);cursor:default;background:none}
/* ---- day grid ---- */
.rp-grid{width:100%;border-collapse:collapse;table-layout:fixed}
.rp-grid th{
  font:600 15px/1 var(--rp-font);color:var(--rp-ink);
  padding:6px 0 12px;text-align:center;
}
.rp-grid td{text-align:center;padding:0;height:52px}
.rp-day{
  width:44px;height:44px;border:0;border-radius:50%;
  background:none;cursor:pointer;margin:0 auto;
  font:700 17px/1 var(--rp-font);color:var(--rp-ink);
  display:flex;align-items:center;justify-content:center;
  transition:background .12s;
}
.rp-day:hover{background:rgba(27,37,89,.08)}
.rp-day.rp-today{box-shadow:inset 0 0 0 1.5px var(--rp-ink)}
.rp-day.rp-sel{background:var(--rp-navy);color:#fff}
.rp-day.rp-sel:hover{background:var(--rp-navy-deep)}
.rp-day:disabled{color:var(--rp-muted);cursor:default;background:none;font-weight:600}
.rp-day:disabled.rp-today{box-shadow:inset 0 0 0 1.5px var(--rp-muted)}
/* ---- month/year view ---- */
.rp-months{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 4px}
.rp-months button{
  height:56px;border:0;border-radius:999px;background:none;cursor:pointer;
  font:700 15px/1 var(--rp-font);color:var(--rp-ink);
}
.rp-months button:hover{background:rgba(27,37,89,.08)}
.rp-months button.rp-sel{background:var(--rp-navy);color:#fff}
.rp-months button:disabled{color:var(--rp-muted);cursor:default;background:none}
/* ---- time bar / list ---- */
.rp-timewrap{margin-top:12px}
.rp-timebar{
  width:100%;border:0;cursor:pointer;
  background:var(--rp-panel);border-radius:18px;
  padding:18px 0;text-align:center;
  font:800 24px/1 var(--rp-font);color:var(--rp-ink);
  letter-spacing:.03em;
}
.rp-timebar:hover{background:#efefec}
.rp-timelist{
  max-height:0;overflow:hidden auto;
  background:var(--rp-panel);border-radius:0 0 18px 18px;
  transition:max-height .22s ease;
  scrollbar-width:thin;
}
.rp-timelist.rp-open{max-height:216px;margin-top:2px}
.rp-timelist button{
  display:block;width:100%;border:0;background:none;cursor:pointer;
  padding:12px 0;text-align:center;
  font:700 17px/1 var(--rp-font);color:var(--rp-ink);
}
.rp-timelist button:hover{background:rgba(27,37,89,.07)}
.rp-timelist button.rp-sel{background:var(--rp-navy);color:#fff}
.rp-timelist button:disabled{color:var(--rp-muted);cursor:default;background:none}
.rp-timelist.rp-solo{max-height:264px;margin-top:2px}
.rp-timelist.rp-solo + .rp-select,.rp-timewrap:has(.rp-solo) .rp-timebar{cursor:default}
/* ---- confirm ---- */
.rp-select{
  width:100%;margin-top:14px;border:0;cursor:pointer;
  background:var(--rp-navy);color:#fff;border-radius:999px;
  padding:19px 0;font:800 18px/1 var(--rp-font);letter-spacing:.02em;
  transition:background .12s, transform .06s;
}
.rp-select:hover{background:var(--rp-navy-deep)}
.rp-select:active{transform:scale(.99)}
.rp-select:disabled{background:var(--rp-muted);cursor:default}