/* ============================================================
   Tahseeel Affiliate Lounge — account-area tweaks on top of
   collect.css (tokens + chrome) and admin.css. Owned by Agent A
   (chrome). Keep this file SMALL: page-level one-offs belong as
   inline styles inside the pgs/*.php files, per the contract.
   ============================================================ */

/* ---------- topbar wallet-balance chip (links to ?p=wallet) ---------- */
.ds-walletchip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:rgba(42,55,71,.06);color:#212B38;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr}
.ds-walletchip:hover{background:rgba(42,55,71,.10);color:#212B38;text-decoration:none}
.ds-walletchip svg{width:17px;height:17px;color:#2A3747;flex:none}
.ds-walletchip .cur{font-size:11px;font-weight:600;color:#8A93A0}
@media (max-width:575px){.ds-walletchip{padding:0 10px}.ds-walletchip .cur{display:none}}

/* ---------- topbar notification bell unread badge ---------- */
.ds-bellwrap{position:relative;display:inline-flex}
.ds-bellwrap .ds-bellcount{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#F0536B;color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}

/* (No footer styles — the account area has no visible footer, matching Admin/Collect.) */

/* ---------- date-range picker: DS polish on top of the bootstrap widget ----------
   (bootstrap + daterangepicker-bs3.css give the base; these override to DS look) */
.daterangepicker{border:1px solid rgba(148,163,184,.22);border-radius:14px;box-shadow:0 12px 32px rgba(33,43,56,.16);z-index:3000;font-family:"Schibsted Grotesk",system-ui,sans-serif;padding:0;margin-top:8px}
.daterangepicker:before,.daterangepicker:after{display:none}
.daterangepicker .calendar,.daterangepicker .ranges{padding:10px}
.daterangepicker .calendar-table th,.daterangepicker td{font-size:12.5px}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:rgba(42,55,71,.06);border-radius:8px}
.daterangepicker td.in-range{background:rgba(240,83,107,.10);color:#2A3747}
.daterangepicker td.active,.daterangepicker td.active:hover{background:#2A3747;border-radius:8px;color:#fff}
.daterangepicker .input-mini{border:1px solid rgba(148,163,184,.35);border-radius:10px;height:34px;font-size:13px;color:#1B2733}
.daterangepicker .input-mini.active{border-color:#F0536B;box-shadow:0 0 0 3px rgba(240,83,107,.10)}
.daterangepicker .daterangepicker_input i{color:#8A93A0}
.daterangepicker .range_inputs{display:flex;gap:8px;margin-top:8px}
.daterangepicker .applyBtn{background:#F0536B;border-color:#F0536B;color:#fff;border-radius:10px;font-weight:700;padding:6px 16px;height:auto}
.daterangepicker .applyBtn:hover{background:#e0405a;border-color:#e0405a}
.daterangepicker .cancelBtn{border:1px solid rgba(148,163,184,.35);background:#fff;color:#5B6470;border-radius:10px;font-weight:600;padding:6px 14px;height:auto}
.daterangepicker .cancelBtn:hover{border-color:#8A93A0;color:#2A3747}
/* preset ranges list — overrides the bootstrap-blue (#08c) "Custom Range" pill to DS navy */
.daterangepicker .ranges{margin:0}
.daterangepicker .ranges ul{width:auto;min-width:170px}
.daterangepicker .ranges li{background:#F3F4F6;border:1px solid #F3F4F6;color:#2A3747;border-radius:9px;font-size:12.5px;font-weight:600;padding:6px 12px;margin-bottom:6px}
.daterangepicker .ranges li:hover{background:rgba(42,55,71,.08);border-color:rgba(42,55,71,.08);color:#2A3747}
.daterangepicker .ranges li.active{background:#2A3747;border-color:#2A3747;color:#fff}
.daterangepicker .ranges .range_inputs .daterangepicker_input{margin-bottom:6px}
.daterangepicker .ranges label,.daterangepicker .calendar label{color:#8A93A0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}