/* Rider-only information hierarchy. No admin, login or settlement data behaviour is affected. */
#rider{
  max-width:940px!important;
  margin:0 auto;
  gap:0;
}

#rider>.page-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px;
  align-items:end!important;
  gap:24px;
  margin:0 0 12px!important;
  padding:0 2px 16px;
  border-bottom:1px solid #e4eaf3;
}
#rider>.page-heading .eyebrow{
  margin:0 0 7px!important;
  color:#5075b8!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
#rider>.page-heading h1{
  margin:0!important;
  color:#152846!important;
  font-size:31px!important;
  line-height:1.18!important;
  letter-spacing:-.06em!important;
}
#rider>.page-heading select{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 38px 0 15px!important;
  border:1px solid #d8e1ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#243a5c!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 5px 14px rgba(26,52,89,.04)!important;
}
#rider>.retention-note{
  margin:0 2px 16px!important;
  padding:0 0 0 11px;
  border-left:3px solid #8aaff5;
  color:#8793a6!important;
  font-size:11px!important;
  line-height:1.45;
}

/* The key amount and count are one clear summary rather than three competing cards. */
#rider .stats{
  grid-template-columns:minmax(0,1.55fr) minmax(230px,.8fr)!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
#rider .stats .pay-card,
#rider .stats article:not(.pay-card){
  min-height:172px!important;
  margin:0!important;
  border-radius:18px!important;
}
#rider .stats .pay-card{
  position:relative;
  overflow:hidden;
  padding:25px 28px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:radial-gradient(circle at 87% 18%,rgba(110,153,244,.34),transparent 11rem),linear-gradient(125deg,#11253f,#1f4f91)!important;
  box-shadow:0 16px 30px rgba(20,54,107,.16)!important;
}
#rider .stats .pay-card:after{
  content:'';
  position:absolute;
  width:135px;
  height:135px;
  right:-42px;
  bottom:-70px;
  border-radius:50%;
  border:20px solid rgba(166,198,255,.12);
}
#rider .stats .pay-card span{
  position:relative;
  z-index:1;
  color:rgba(238,245,255,.78)!important;
  font-size:12px!important;
  letter-spacing:-.02em;
}
#rider .stats .pay-card strong{
  position:relative;
  z-index:1;
  margin-top:8px!important;
  color:#fff!important;
  font-size:39px!important;
  line-height:1.14!important;
  letter-spacing:-.065em!important;
}
#rider .stats .pay-card small{
  position:relative;
  z-index:1;
  margin-top:auto!important;
  color:rgba(232,241,255,.68)!important;
  font-size:11px!important;
}
#rider .pay-card-status{
  position:absolute;
  z-index:2;
  top:50%;
  right:22px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(231,240,255,.38);
  border-radius:12px;
  background:rgba(7,25,57,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 13px rgba(4,19,46,.18);
  text-align:center;
}
#rider .stats .pay-card .pay-card-status strong{position:static!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:1.1!important;white-space:nowrap}
#rider .stats .pay-card .pay-card-status strong:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#a9c6ff;box-shadow:0 0 0 4px rgba(169,198,255,.1)}
#rider .stats .pay-card .pay-card-status strong.is-paid{color:#a8f0cd!important}
#rider .stats .pay-card .pay-card-status strong.is-paid:before{background:#4fe09b;box-shadow:0 0 0 4px rgba(79,224,155,.16)}
#rider .stats .pay-card .pay-card-status strong.is-held{color:#ffe09a!important}
#rider .stats .pay-card .pay-card-status strong.is-held:before{background:#ffbf47;box-shadow:0 0 0 4px rgba(255,191,71,.16)}
#rider .stats article:not(.pay-card){
  position:relative!important;
  overflow:hidden!important;
  justify-content:center;
  padding:24px!important;
  border:1px solid #dbe4f0!important;
  background:linear-gradient(145deg,#fff,#f7faff)!important;
  box-shadow:0 8px 18px rgba(24,51,90,.045)!important;
}
#rider .stats article:not(.pay-card):before{
  content:'';
  position:absolute;
  top:12px;
  left:0;
  width:3px;
  height:30px;
  border-radius:0 4px 4px 0;
  background:#3970cd;
}
@media(min-width:561px){
  #rider .stats article:not(.pay-card):before{
    top:0;
    bottom:0;
    height:auto;
    border-radius:0 5px 5px 0;
  }
}
#rider .stats article:not(.pay-card) span{
  color:#72839c!important;
  font-size:12px!important;
}
#rider .stats article:not(.pay-card) strong{
  margin:7px 0 0!important;
  color:#1c3457!important;
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:-.06em!important;
}
#rider .stats article:not(.pay-card) small{
  margin:8px 0 0!important;
  color:#96a2b4!important;
  font-size:11px!important;
}
#rider .stats article:nth-child(3){display:none!important}

#rider .payment-status-card{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:58px;
  margin:0 0 18px!important;
  padding:11px 16px!important;
  border:1px solid #dfe7f2!important;
  border:1px solid #dfe7f2!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 16px rgba(25,50,89,.035)!important;
}
#rider .payment-status-card:before,
#rider .rider-goal-settings:before,
#rider .settlement-settings:before,
#rider .bank-settings:before,
#rider .inquiry-settings:before{
  content:'';
  position:absolute;
  z-index:1;
  top:12px;
  left:0;
  width:3px;
  height:30px;
  border-radius:0 4px 4px 0;
  background:#3970cd;
}
#rider .payment-status-card>div{display:flex;align-items:center;gap:10px}
#rider .payment-status-card span{color:#60728d!important;font-size:12px!important;font-weight:800!important}
#rider .payment-status-card strong{margin:0!important;padding:7px 11px;border-radius:999px;font-size:12px!important}
#rider .payment-status-card p{margin:0!important;color:#8b98aa!important;font-size:11px!important;text-align:right}

/* Settlement statement is the primary working surface. */
#rider>.detail-card{order:5!important;overflow:hidden;margin:0 0 15px!important;padding:0!important;border:1px solid #cedded!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 38px rgba(24,51,90,.085)!important}
#rider .detail-card .section-title{position:relative!important;padding:22px 23px 19px!important;border-bottom:1px solid #dce6f2!important;background:linear-gradient(135deg,#fbfdff 0%,#f1f6ff 100%)!important}
#rider .detail-card .section-title>div{display:block!important}
#rider .detail-card .section-title>div:before{content:'SETTLEMENT STATEMENT';display:block;margin:0 0 6px;color:#5579b9;font-size:9px;font-weight:900;letter-spacing:.14em}
#rider .detail-card .section-icon{display:none!important}
#rider .detail-card .section-title h2{margin:0!important;color:#172e52!important;font-size:21px!important;letter-spacing:-.055em!important}
#rider .detail-card .section-title p{margin:5px 0 0!important;color:#7789a2!important;font-size:11px!important}
#rider .detail-card table{margin:0!important;border-collapse:separate!important;border-spacing:0!important}
#rider .detail-card tbody tr{border:0!important;transition:background .16s ease}
#rider .detail-card tbody tr:nth-child(even){background:#fbfcff!important}
#rider .detail-card tbody tr:hover{background:#f4f8ff!important}
#rider .detail-card th,#rider .detail-card td{padding:16px 23px!important;border:0!important;border-bottom:1px solid #e8eef5!important;font-size:14px!important;line-height:1.35}
#rider .detail-card th{position:relative;color:#5b728f!important;font-weight:750!important}
#rider .detail-card th:before{content:'';display:inline-block;width:4px;height:4px;margin:0 8px 2px 0;border-radius:50%;background:#8aa9dc}
#rider .detail-card td{color:#1c385e!important;font-size:15px!important;font-weight:850!important;letter-spacing:-.025em}
#rider .detail-card tfoot tr{background:linear-gradient(100deg,#eaf2ff,#f4f8ff)!important}
#rider .detail-card tfoot th,#rider .detail-card tfoot td{padding:19px 23px!important;border:0!important;color:#1d58b6!important;font-size:20px!important;font-weight:900!important}
#rider .detail-card tfoot th:before{width:6px;height:6px;background:#3970cd}

/* The optional card tools stay available, but no longer dominate the settlement statement. */
#rider>.settlement-card-action{order:6!important;margin:0 0 12px!important;padding:16px 18px!important;border:1px solid #dde6f1!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
#rider .settlement-card-kicker{margin:0 0 4px!important;color:#6585ba!important;font-size:9px!important}
#rider .settlement-card-action h2{color:#203959!important;font-size:16px!important}
#rider .settlement-card-action p{margin:3px 0 0!important;color:#8794a6!important;font-size:11px!important}
#rider .settlement-card-actions{grid-template-columns:130px minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
#rider .settlement-card-actions button,#rider .settlement-card-type select{min-height:42px!important;border-radius:10px!important;font-size:12px!important}

#rider .rider-settings{margin:0 0 10px!important;border:1px solid #dfe6ee!important;border-radius:14px!important;box-shadow:none!important}
#rider .rider-settings summary{min-height:56px!important;padding:13px 16px!important;color:#253a58!important;font-size:13px!important}
#rider .rider-settings summary small{font-size:11px!important}

#rider>.rider-goal-settings{order:5!important}
#rider>.detail-card{order:6!important}
#rider>.settlement-card-action{order:7!important}
#rider>.settlement-settings{order:8!important}
#rider>.bank-settings{order:9!important}
#rider>.inquiry-settings{order:10!important}
#rider .rider-goal-settings{position:relative;overflow:hidden;border:1px solid #dfe6ee!important;background:linear-gradient(90deg,#fbfdff,#fff)!important;box-shadow:0 7px 16px rgba(25,50,89,.035)!important}
#rider .rider-goal-settings summary{min-height:58px!important;padding:13px 15px 13px 14px!important;list-style:none!important;-webkit-appearance:none!important}
#rider .rider-goal-settings summary::marker{content:'';font-size:0}
#rider .rider-goal-settings summary::-webkit-details-marker{display:none!important}
#rider .rider-goal-settings summary>span{color:#304766!important;font-size:13px!important;font-weight:850!important}
#rider .rider-goal-settings summary small{overflow:hidden;color:#7487a2!important;text-overflow:ellipsis;white-space:nowrap}
#rider .rider-goal-settings summary:after{background:#eff5ff!important;color:#3970cd!important}
#rider .rider-goal-settings[open]{background:#fff!important}
#rider .rider-goal-card{background:linear-gradient(145deg,#fbfdff,#f5f8fe)!important}
#rider .rider-goal-card .section-icon{display:none!important}
#rider .rider-goal-card .section-title>div{gap:0!important}
#rider .rider-goal-month-field{margin:15px 0 0!important;color:#60728d!important;font-size:12px!important}
#rider .rider-goal-month-field select{min-height:44px;margin-top:7px!important;background:#fff!important;font-weight:750!important}
#rider .rider-goal-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
#rider .rider-goal-inputs label{margin:0!important;color:#60728d!important;font-size:12px!important}
#rider .rider-goal-inputs input{min-height:46px;margin-top:7px!important;background:#fff!important;font-weight:750!important}
#rider .rider-goal-card .primary{margin-top:14px!important;min-height:46px!important}
#rider .rider-goal-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}
#rider .rider-goal-actions.has-action-pair{grid-template-columns:1.2fr .8fr}
#rider .rider-goal-actions .primary,#rider .rider-goal-actions .rider-goal-delete{width:100%;margin:0!important}
#rider .rider-goal-delete{width:100%;min-height:42px;margin-top:9px;border:1px solid #ecd5d8;border-radius:11px;background:#fff;color:#a1545d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
#rider .rider-goal-delete:hover{background:#fff7f7}
#rider .rider-goal-achievement{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding:11px 13px;border:1px solid #ccebdc;border-radius:12px;background:#effaf4;color:#18794e;font-size:12px;font-weight:850;line-height:1.4}
#rider .rider-goal-achievement:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#26a36d;color:#fff;font-size:11px}
#rider .rider-goal-storage-note{margin:10px 0 0;color:#98a4b3;font-size:10px;line-height:1.45}
#rider .rider-goal-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#rider .rider-goal-progress:empty{display:none}
#rider .rider-goal-metric{padding:13px 14px;border:1px solid #dce6f3;border-radius:12px;background:#fff}
#rider .rider-goal-metric span{display:block;color:#6d809a;font-size:11px;font-weight:750}
#rider .rider-goal-metric strong{display:block;margin-top:5px;color:#1e3860;font-size:16px;letter-spacing:-.045em}
#rider .rider-goal-meter{height:6px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e8eef7}
#rider .rider-goal-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3970cd,#6b9aff)}

/* Goal editor: a compact personal-performance card rather than a generic form. */
#rider .rider-goal-card{overflow:hidden!important;margin:7px!important;padding:0!important;border:1px solid #dce6f3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 20px rgba(29,57,98,.05)!important}
#rider .rider-goal-card .section-title{padding:18px 19px 15px!important;border-bottom:1px solid #e7edf5!important;background:linear-gradient(135deg,#f9fbff,#f2f6fd)!important}
#rider .rider-goal-card .section-title h2{margin:4px 0 5px!important;color:#1d3558!important;font-size:18px!important;letter-spacing:-.045em!important}
#rider .rider-goal-card .section-title p{margin:0!important;color:#7a899e!important;font-size:11px!important;line-height:1.5!important}
#rider .rider-goal-kicker{display:block;color:#5277b8;font-size:9px;font-weight:900;letter-spacing:.14em}
#rider .rider-goal-content{padding:16px 19px 18px}
#rider .rider-goal-content .rider-goal-month-field{margin:0!important;color:#61748f!important;font-size:11px!important;font-weight:800!important}
#rider .rider-goal-content .rider-goal-month-field select{min-height:43px!important;margin-top:7px!important;padding:10px 12px!important;border-color:#d9e4f1!important;border-radius:11px!important;background:#fbfdff!important;color:#274263!important;font-size:12px!important;font-weight:800!important}
#rider .rider-goal-content .rider-goal-inputs{gap:10px!important;margin-top:13px!important}
#rider .rider-goal-content .rider-goal-inputs label{padding:11px 12px!important;border:1px solid #e0e8f2!important;border-radius:12px!important;background:#f8fbff!important;color:#60738f!important;font-size:11px!important;font-weight:800!important}
#rider .rider-goal-content .rider-goal-inputs input{min-height:38px!important;margin-top:7px!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #d8e2ef!important;border-radius:0!important;background:transparent!important;color:#1f3b61!important;font-size:16px!important;font-weight:850!important;box-shadow:none!important}
#rider .rider-goal-content .rider-goal-inputs input:focus{border-bottom-color:#3970cd!important;box-shadow:0 2px 0 #3970cd!important}
#rider .rider-goal-content #save-rider-goal{min-height:45px!important;border-radius:12px!important;box-shadow:0 9px 18px rgba(48,103,200,.2)!important;font-size:13px!important}
#rider .rider-goal-content .rider-goal-progress{margin-top:14px!important}
#rider .rider-goal-content .rider-goal-metric{padding:12px!important;border-color:#dfe8f3!important;border-radius:11px!important;background:#fbfdff!important}
#rider .rider-goal-content .rider-goal-metric strong{font-size:15px!important}

/* Goals are part of the rider's current settlement snapshot, not a management menu. */
#rider>.rider-goal-overview{order:5!important;margin:0 0 14px!important;padding:17px 18px!important;border:1px solid #dce5f0!important;border-radius:17px!important;background:linear-gradient(135deg,#fff,#f7faff)!important;box-shadow:0 10px 25px rgba(24,51,90,.045)!important}
#rider .rider-goal-overview-head{display:grid;grid-template-columns:minmax(0,1fr) 154px;align-items:end;gap:14px}
#rider .rider-goal-overview-head>div{min-width:0}
#rider .rider-goal-overview-head>div>span{display:block;color:#71819a;font-size:11px;font-weight:800}
#rider .rider-goal-overview-head>div>strong{display:block;overflow:hidden;margin-top:5px;color:#1e3860;font-size:16px;font-weight:850;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}
#rider .rider-goal-overview .rider-goal-month-field{margin:0!important;color:#71819a!important;font-size:10px!important}
#rider .rider-goal-overview .rider-goal-month-field span{display:block;margin:0 0 5px;font-weight:800}
#rider .rider-goal-overview .rider-goal-month-field select{min-height:38px!important;margin:0!important;padding:8px 10px!important;border-color:#dce5f0!important;border-radius:10px!important;background:#fff!important;color:#2a4264!important;font-size:11px!important;font-weight:800!important}
#rider .rider-goal-overview .rider-goal-progress{margin-top:14px!important}
#rider .rider-goal-editor{margin-top:14px;border-top:1px solid #e4ebf4}
#rider .rider-goal-editor summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;color:#3c5f93;cursor:pointer;list-style:none;font-size:12px;font-weight:850}
#rider .rider-goal-editor summary::-webkit-details-marker{display:none}
#rider .rider-goal-editor summary:after{content:'+';display:grid;place-items:center;width:20px;height:20px;margin-left:2px;border-radius:7px;background:#eaf1fd;color:#3970cd;font-size:17px;font-weight:500;line-height:1}
#rider .rider-goal-editor[open] summary:after{content:'−'}
#rider .rider-goal-editor summary small{margin-left:auto;color:#94a0b1;font-size:10px;font-weight:650}
#rider .rider-goal-editor-content{padding:1px 0 2px}
#rider .rider-goal-description{margin:0;color:#8491a4;font-size:11px;line-height:1.5}
#rider .rider-goal-overview .rider-goal-inputs{margin-top:13px!important}
#rider .rider-goal-overview .rider-goal-card .primary,#rider .rider-goal-overview #save-rider-goal{margin-top:13px!important}

/* Rider self-service tools: compact status-led cards instead of plain accordions. */
#rider .settlement-settings,#rider .bank-settings,#rider .inquiry-settings{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #dfe6ee!important;
  background:linear-gradient(90deg,#fbfdff 0%,#fff 44%)!important;
  box-shadow:0 7px 16px rgba(25,50,89,.035)!important;
}
#rider .settlement-settings summary,#rider .bank-settings summary,#rider .inquiry-settings summary{
  min-height:58px!important;
  padding:13px 15px 13px 14px!important;
  list-style:none!important;
  -webkit-appearance:none!important;
}
#rider .settlement-settings summary::marker,#rider .bank-settings summary::marker,#rider .inquiry-settings summary::marker{content:'';font-size:0}
#rider .settlement-settings summary::-webkit-details-marker,#rider .bank-settings summary::-webkit-details-marker,#rider .inquiry-settings summary::-webkit-details-marker{display:none!important}
#rider .settlement-settings summary>span,#rider .bank-settings summary>span,#rider .inquiry-settings summary>span{color:#304766!important;font-size:13px!important;font-weight:850!important}
#rider .settlement-settings summary small,#rider .bank-settings summary small,#rider .inquiry-settings summary small{overflow:hidden;margin-left:auto;color:#7487a2!important;font-size:10px!important;font-weight:800!important;text-overflow:ellipsis;white-space:nowrap}
#rider .settlement-settings summary:after,#rider .bank-settings summary:after,#rider .inquiry-settings summary:after{margin-left:8px!important;background:#eff4fc!important;color:#4b73b8!important}
#rider .bank-settings summary:after{background:#edf8f5!important;color:#278071!important}
#rider .settlement-settings[open],#rider .bank-settings[open],#rider .inquiry-settings[open]{background:#fff!important}

#rider .settlement-preference-card,#rider .bank-account-card,#rider .rider-inquiry-card{
  overflow:hidden!important;
  margin:0 7px 7px!important;
  padding:0!important;
  border:1px solid #dce6f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(29,57,98,.045)!important;
}
#rider .settlement-preference-card .section-title,#rider .bank-account-card .section-title,#rider .rider-inquiry-card .section-title{
  min-height:86px!important;
  margin:0!important;
  padding:17px 18px!important;
  border-bottom:1px solid #e6edf5!important;
  background:linear-gradient(135deg,#f9fbff,#f3f7fc)!important;
}
#rider .bank-account-card .section-title{background:linear-gradient(135deg,#f8fcfb,#eff8f5)!important}
#rider .rider-inquiry-card .section-title{background:linear-gradient(135deg,#fafcff,#f3f6fb)!important}
#rider .settlement-preference-card .section-title>div,#rider .bank-account-card .section-title>div,#rider .rider-inquiry-card .section-title>div{align-items:center!important;gap:11px!important}
#rider .settlement-preference-card .section-icon,#rider .bank-account-card .section-icon,#rider .rider-inquiry-card .section-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border:1px solid #d6e3f6!important;
  border-radius:11px!important;
  background:#edf4ff!important;
  color:#476fb1!important;
  font-size:18px!important;
  font-weight:800!important;
}
#rider .bank-account-card .section-icon{border-color:#d3eae3!important;background:#eaf7f2!important;color:#278071!important}
#rider .rider-inquiry-card .section-icon{border-color:#dbe4f3!important;background:#eff3fa!important;color:#536faa!important}
#rider .settlement-preference-card .section-title h2,#rider .bank-account-card .section-title h2,#rider .rider-inquiry-card .section-title h2{margin:0!important;color:#1e385d!important;font-size:17px!important;letter-spacing:-.045em!important}
#rider .settlement-preference-card .section-title p,#rider .bank-account-card .section-title p,#rider .rider-inquiry-card .section-title p{margin:4px 0 0!important;color:#7a899d!important;font-size:11px!important;line-height:1.45!important}
#rider .settlement-preference-card .settlement-type-badge,#rider .bank-account-card .bank-account-status{padding:7px 10px!important;border:1px solid #d9e5f5!important;background:#fff!important;color:#476fae!important;font-size:10px!important;box-shadow:none!important}
#rider .bank-account-card .bank-account-status{border-color:#d1e9e0!important;background:#f7fcfa!important;color:#278071!important}
#rider .bank-account-card .bank-account-status.registered{background:#e8f7f1!important;color:#187657!important}

#rider .settlement-preference-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 172px!important;align-items:end!important;gap:11px!important;margin:0!important;padding:16px 18px 7px!important}
#rider .settlement-preference-controls label{margin:0!important;color:#60748f!important;font-size:11px!important;font-weight:800!important}
#rider .settlement-preference-controls select{min-height:43px!important;margin-top:7px!important;border-color:#d9e4f0!important;border-radius:11px!important;background:#fbfdff!important;color:#274263!important;font-size:12px!important;font-weight:800!important}
#rider .settlement-preference-controls .primary{width:100%!important;min-height:43px!important;margin:0!important;border-radius:11px!important;font-size:12px!important;box-shadow:0 8px 16px rgba(48,103,200,.16)!important}
#rider .settlement-preference-card .message{min-height:18px!important;margin:0!important;padding:0 18px 15px!important;font-size:11px!important}

#rider .bank-account-form{gap:10px!important;margin:0!important;padding:16px 18px 7px!important}
#rider .bank-account-form label{padding:10px 11px!important;border:1px solid #e0e9e6!important;border-radius:11px!important;background:#fbfefd!important;color:#5e7780!important;font-size:11px!important;font-weight:800!important}
#rider .bank-account-form input{min-height:37px!important;margin-top:6px!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #d6e4e0!important;border-radius:0!important;background:transparent!important;color:#24445a!important;font-size:14px!important;font-weight:800!important;box-shadow:none!important}
#rider .bank-account-form input:focus{border-bottom-color:#278071!important;box-shadow:0 2px 0 #278071!important}
#rider .bank-account-form input:disabled{border-bottom-color:transparent!important;color:#3e5969!important;opacity:1!important;cursor:default!important}
#rider .bank-account-form .primary{width:100%!important;min-height:44px!important;margin:5px 0 0!important;border-radius:11px!important;background:linear-gradient(135deg,#287f72,#236b78)!important;box-shadow:0 8px 16px rgba(29,114,103,.18)!important;font-size:12px!important}
#rider .bank-account-card .message{min-height:18px!important;margin:0!important;padding:0 18px!important;font-size:11px!important}
#rider .bank-account-note{margin:5px 18px 16px!important;padding-top:11px!important;border-top:1px solid #e9f0ee!important;color:#87969c!important;font-size:10px!important;line-height:1.45!important}

#rider .rider-inquiry-card .inquiry-form{gap:11px!important;margin:0!important;padding:16px 18px 8px!important}
#rider .rider-inquiry-card .inquiry-form label{color:#60748f!important;font-size:11px!important;font-weight:800!important}
#rider .rider-inquiry-card .inquiry-form input,#rider .rider-inquiry-card .inquiry-form select,#rider .rider-inquiry-card .inquiry-form textarea{margin-top:6px!important;border-color:#dbe4ef!important;border-radius:11px!important;background:#fbfdff!important;color:#294260!important;font-size:12px!important}
#rider .rider-inquiry-card .inquiry-form textarea{min-height:92px!important}
#rider .rider-inquiry-card .inquiry-form .primary{width:100%!important;min-height:43px!important;margin:3px 0 0!important;border-radius:11px!important;font-size:12px!important;box-shadow:0 8px 16px rgba(48,103,200,.16)!important}
#rider .rider-inquiry-card>.message{min-height:18px!important;margin:0!important;padding:0 18px!important;font-size:11px!important}
#rider .rider-inquiry-card .inquiry-list{margin:9px 18px 0!important;padding-top:13px!important;border-top:1px solid #e8edf4!important}
#rider .rider-inquiry-card .inquiry-item{border-color:#e0e8f1!important;border-radius:12px!important;background:#fcfdff!important}
#rider .rider-inquiry-card .rider-inquiry-pagination{margin:12px 18px 17px!important}

@media(max-width:700px){
  #rider .settlement-preference-controls{grid-template-columns:1fr!important;padding:14px 15px 6px!important}
  #rider .bank-account-form{padding:14px 15px 6px!important}
  #rider .rider-inquiry-card .inquiry-form{padding:14px 15px 7px!important}
  #rider .settlement-preference-card .message,#rider .bank-account-card .message,#rider .rider-inquiry-card>.message{padding-left:15px!important;padding-right:15px!important}
  #rider .bank-account-note{margin-left:15px!important;margin-right:15px!important}
  #rider .rider-inquiry-card .inquiry-list{margin-left:15px!important;margin-right:15px!important}
  #rider .rider-inquiry-card .rider-inquiry-pagination{margin-left:15px!important;margin-right:15px!important}
}
@media(max-width:560px){
  #rider .settlement-settings summary,#rider .bank-settings summary,#rider .inquiry-settings summary{min-height:54px!important;padding-top:11px!important;padding-bottom:11px!important}
  #rider .settlement-preference-card,#rider .bank-account-card,#rider .rider-inquiry-card{margin:0 6px 6px!important;border-radius:14px!important}
  #rider .settlement-preference-card .section-title,#rider .bank-account-card .section-title,#rider .rider-inquiry-card .section-title{min-height:76px!important;padding:14px 15px!important}
  #rider .settlement-preference-card .section-icon,#rider .bank-account-card .section-icon,#rider .rider-inquiry-card .section-icon{width:31px!important;height:31px!important;border-radius:10px!important;font-size:16px!important}
  #rider .settlement-preference-card .section-title h2,#rider .bank-account-card .section-title h2,#rider .rider-inquiry-card .section-title h2{font-size:16px!important}
}

@media(max-width:560px){
  #rider>.page-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0 1px 10px!important;padding:0 1px 13px!important}
  #rider>.page-heading h1{margin:0 0 13px!important;font-size:24px!important}
  #rider>.page-heading select{min-height:46px!important;font-size:12px!important}
  #rider>.retention-note{margin:0 2px 12px!important;font-size:10px!important}
  #rider .stats{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important}
  #rider .stats .pay-card{min-height:138px!important;padding:18px 19px!important;border-radius:16px!important}
  #rider .stats .pay-card strong{margin-top:7px!important;font-size:32px!important}
  #rider .stats .pay-card small{font-size:10px!important}
  #rider .pay-card-status{top:50%!important;right:17px!important;min-height:34px!important;padding:0 10px!important;border-radius:11px!important;transform:translateY(-50%)!important}
  #rider .stats .pay-card .pay-card-status strong{gap:6px!important;margin:0!important;padding:0!important;font-size:12px!important}
  #rider .stats .pay-card .pay-card-status strong:before{width:6px!important;height:6px!important}
  #rider .stats article:not(.pay-card){display:flex!important;min-height:56px!important;height:56px!important;flex-direction:row!important;align-items:center!important;padding:11px 15px!important;border-radius:13px!important}
  #rider .stats article:nth-child(3){display:none!important}
  #rider .stats article:not(.pay-card) strong{margin:0 0 0 auto!important;font-size:20px!important}
  #rider .stats article:not(.pay-card) small{display:none!important}
  #rider .payment-status-card{min-height:54px;margin:0 0 13px!important;padding:10px 13px!important;border-radius:13px!important}
  #rider .payment-status-card p{font-size:10px!important;line-height:1.35!important}
  #rider .detail-card .section-title{padding:18px 17px 15px!important}
  #rider .detail-card .section-title h2{font-size:19px!important}
  #rider .detail-card th,#rider .detail-card td{padding:14px 17px!important;font-size:13px!important}
  #rider .detail-card td{font-size:14px!important}
  #rider .detail-card tfoot th,#rider .detail-card tfoot td{padding:17px!important;font-size:19px!important}
  #rider>.settlement-card-action{display:block!important;padding:15px!important;border-radius:14px!important}
  #rider .settlement-card-action>div:first-child{display:flex;align-items:baseline;gap:8px}
  #rider .settlement-card-kicker{margin:0!important;white-space:nowrap}
  #rider .settlement-card-action h2{font-size:15px!important}
  #rider .settlement-card-action p{display:block!important;margin:4px 0 0!important;font-size:10px!important;line-height:1.45!important}
  #rider .settlement-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:11px!important}
  #rider .settlement-card-type{grid-column:1/-1!important}
  #rider .settlement-card-type{display:block!important;font-size:0!important}
  #rider .settlement-card-type select{margin:0!important}
  #rider .rider-settings{margin-bottom:8px!important;border-radius:13px!important}
  #rider .rider-goal-inputs{grid-template-columns:1fr;gap:10px;margin-top:13px}
  #rider .rider-goal-progress{grid-template-columns:1fr 1fr;gap:8px}
  #rider .rider-goal-metric{padding:11px 12px}
  #rider .rider-goal-metric strong{font-size:14px}
  #rider>.rider-goal-overview{margin-bottom:8px!important;padding:15px!important;border-radius:14px!important}
  #rider .rider-goal-overview-head{grid-template-columns:minmax(0,1fr) 128px;gap:10px}
  #rider .rider-goal-overview-head>div>strong{font-size:14px}
  #rider .rider-goal-editor{margin-top:12px}
  #rider .rider-goal-editor summary{min-height:40px}
}