.lyear-layout-header .navbar-left, .membership-nav { flex-shrink: 0; }
.membership-nav .btn { flex-shrink: 0; white-space: nowrap; }
.membership-nav .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; }
@media (max-width: 575.98px) {
  .lyear-layout-header .navbar { flex-wrap: nowrap; }
  .membership-nav { margin-right: 8px !important; }
  .lyear-layout-header .dropdown-profile > a { padding-left: 8px; white-space: nowrap; }
  .lyear-layout-header .dropdown-profile #nickname { display: none; }
  .lyear-layout-header .dropdown-profile .img-avatar { min-width: 32px; width: 32px; height: 32px; line-height: 32px; margin-right: 0 !important; }
}
#membership-time-exchange .modal-content { max-height: calc(100vh - 16px); }
#membership-time-exchange .modal-body { font-size: 16px; line-height: 1.6; min-height: 0; overflow-y: auto; }
#membership-time-exchange .modal-header, #membership-time-exchange .modal-footer { flex-shrink: 0; }
#membership-time-exchange a { color: #087d72; text-decoration: underline; text-underline-offset: 3px; }
#membership-time-exchange .btn { min-height: 44px; }
#membership-time-exchange .close { min-width: 44px; min-height: 44px; }
#membership-time-exchange .btn-primary { color: #fff; background-color: #087d72; border-color: #087d72; }
#membership-time-exchange .btn-primary:hover { background-color: #06665d; border-color: #06665d; }
#membership-time-exchange .btn-outline-primary { color: #087d72; border-color: #087d72; }
#membership-time-exchange .btn-outline-primary:hover { color: #fff; background-color: #087d72; }
#membership-time-exchange [hidden] { display: none !important; }
#membership-time-exchange :focus-visible { outline: 2px solid #087d72; outline-offset: 3px; }
.exchange-accounts { margin-top: 20px; }
.exchange-accounts legend { font-size: 16px; font-weight: 600; }
#time-exchange-options { max-height: 340px; overflow-y: auto; scrollbar-color: #77858a transparent; }
.exchange-account { display: flex; align-items: flex-start; gap: 12px; border: 1px solid #a9b3b7; border-radius: 4px; margin-bottom: 10px; padding: 12px; cursor: pointer; }
.exchange-account:hover { border-color: #087d72; }
.exchange-account input { flex: none; margin-top: 7px; accent-color: #087d72; }
.exchange-account span { min-width: 0; overflow-wrap: anywhere; }
.exchange-account .exchange-account-info { display: grid; gap: 4px; }
.exchange-account strong { font-weight: 600; }
.exchange-account[data-disabled="true"] { cursor: default; border-style: dashed; }
.exchange-secondary { font-size: 14px; color: #535f64; }
#time-exchange-status:not(:empty), #time-exchange-selection:not(:empty) { margin-block: 16px; padding: 12px; background: #edf5f3; color: #174e45; border-radius: 4px; overflow-wrap: anywhere; }
#time-exchange-status[data-error="true"] { color: #8b1a1a; background: #fff1f0; }
#time-exchange-result, #time-exchange-history { margin-top: 24px; }
.exchange-code-row { display: flex; align-items: center; gap: 8px; }
.exchange-code-row .btn { flex: none; min-width: 70px; white-space: nowrap; }
.exchange-code-row input { flex: 1; min-width: 0; font-family: monospace; font-size: 16px; }
.exchange-history-item { padding-block: 12px; border-bottom: 1px solid #a9b3b7; overflow-wrap: anywhere; }
.exchange-history-item p { margin-bottom: 6px; }
.exchange-history-item input { font-family: monospace; font-size: 16px; }
@media (max-width: 600px) {
  #membership-time-exchange .modal-footer { display: grid; grid-template-columns: 1fr; gap: 10px; }
  #membership-time-exchange .modal-footer .btn { margin: 0; white-space: normal; }
}
@media (max-width: 359.98px) {
  .membership-nav .btn-sm { font-size: .75rem; }
}