.active-cash-register{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #ffffff20;
  border-radius:12px;
  background:#ffffff0b;
  color:#fff;
  text-align:left;
}
.active-cash-register>span:first-child{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:9px;
  background:#72d9c533;
}
.active-cash-register>span:last-child{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
}
.active-cash-register small,
.active-cash-register strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.active-cash-register small{color:#b9d2ce;font-size:11px}
.active-cash-register strong{font-size:inherit}
.sidebar-footer{min-width:0}
.cash-register-dialog{width:min(620px,calc(100vw - 32px))}
.cash-register-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cash-register-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}
.cash-register-option:hover{border-color:var(--accent);background:#eff9f6}
.cash-register-option:disabled{cursor:not-allowed;opacity:.58;background:#f6f8f8}
.cash-register-option.is-assigned-elsewhere:not(:disabled){border-color:#dfb968;background:#fffaf0}
.cash-register-option>span:first-child,.cash-register-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#def5ef;color:var(--accent)}
.cash-register-option span:last-child{display:flex;flex-direction:column;min-width:0}
.cash-register-option small,.cash-register-row small,.membership-register-summary small{color:var(--muted)}
.membership-register-summary{padding:14px;border-radius:12px;background:#eff8f6}
.membership-register-summary>div:first-child{display:flex;justify-content:space-between;gap:12px}
.membership-meter{height:7px;margin:10px 0;border-radius:99px;background:#d5e5e1;overflow:hidden}
.membership-meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.cash-register-list{display:grid;gap:8px;margin-top:14px}
.cash-register-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.cash-register-row>div{display:flex;flex-direction:column;min-width:0}
.cash-register-row.inactive{background:#fafbfb}
.cash-register-row.inactive .cash-register-icon,.cash-register-row.inactive .cash-register-row-copy{opacity:.62}
.cash-register-row-copy{gap:2px}
.cash-register-users-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cash-register-row .cash-register-row-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.cash-register-row-actions .link-btn:disabled{cursor:not-allowed;opacity:.45}
.cash-register-users-dialog{width:min(620px,calc(100vw - 32px))}
.cash-register-user-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;margin-top:14px}
.cash-register-user-option{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.cash-register-user-option:has(input:checked){border-color:var(--accent);background:#eff9f6}
.cash-register-user-option input{flex:0 0 auto}
.cash-register-user-option span{display:flex;min-width:0;flex-direction:column}
.cash-register-user-option strong,.cash-register-user-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cash-register-user-option small,.cash-register-user-help{color:var(--muted)}
.cash-register-user-help{display:block;margin-top:12px}
.cash-register-selector-help{display:block;margin-top:12px;color:var(--muted)}
#cash-register-settings{grid-column:1/-1;min-width:0}
#cash-register-settings .panel-title{align-items:center;gap:16px}
#cash-register-settings .panel-title>div:first-child{min-width:0;flex:1 1 auto}
#cash-register-settings .panel-title h2,
#cash-register-settings .panel-title small{overflow-wrap:anywhere}
#cash-register-settings #new-cash-register{flex:0 0 auto;white-space:nowrap}
#cash-register-settings .membership-register-summary{display:grid;gap:8px}
#cash-register-settings .membership-register-summary{padding-inline:19px}
#cash-register-settings .membership-register-summary>div:first-child{align-items:center}
#cash-register-settings .membership-register-summary>div:first-child>span{min-width:0}
#cash-register-settings .membership-register-summary>div:first-child>strong{white-space:nowrap;text-align:right}
#cash-register-settings .cash-register-row{grid-template-columns:38px minmax(0,1fr) auto;min-height:66px;padding:10px 19px}
#cash-register-settings .cash-register-row .link-btn{justify-self:end;white-space:nowrap}
@media(min-width:801px) and (max-width:1050px){
  .active-cash-register{
    justify-content:center;
    padding:8px 6px;
  }
  .active-cash-register>span:first-child{width:30px;height:30px;flex-basis:30px}
  .active-cash-register>span:last-child{display:none}
}
@media(max-width:800px){
  .sidebar-footer{
    flex:0 0 120px!important;
    width:120px;
    min-width:120px;
    gap:4px;
    overflow:visible;
  }
  .active-cash-register{
    flex:0 0 68px;
    width:68px;
    max-width:68px;
    height:50px;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    padding:3px 2px;
    border-radius:10px;
    text-align:center;
  }
  .active-cash-register>span:first-child{width:24px;height:24px;flex-basis:24px;border-radius:7px}
  .active-cash-register>span:last-child{align-items:center;width:100%}
  .active-cash-register small{display:none}
  .active-cash-register strong{width:100%;font-size:8.5px;line-height:1.05}
  .sidebar-settings{
    flex:0 0 48px;
    width:48px;
    min-width:0;
    padding-inline:2px;
    overflow:hidden;
  }
  .sidebar-settings span{max-width:100%;font-size:8px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:700px){
  #cash-register-settings .panel-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
  #cash-register-settings .membership-register-summary{padding-inline:14px}
  #cash-register-settings .cash-register-row{grid-template-columns:38px minmax(0,1fr);padding-inline:10px}
  #cash-register-settings .cash-register-row-actions{grid-column:2;justify-content:flex-start}
  .cash-register-user-options{grid-template-columns:1fr}
}
@media(max-width:500px){
  #cash-register-settings .membership-register-summary>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
  #cash-register-settings .membership-register-summary>div:first-child>strong{max-width:160px;text-align:right;white-space:normal}
}
@media(max-width:430px){
  .sidebar-footer{flex-basis:112px!important;width:112px;min-width:112px}
  .active-cash-register{flex-basis:62px;width:62px;max-width:62px}
  .sidebar-settings{flex-basis:44px;width:44px}
  .active-cash-register strong{font-size:8px}
}
@media(max-width:700px){
  .cash-register-options{grid-template-columns:1fr}
  .cash-register-row{grid-template-columns:auto 1fr auto}
  .cash-register-row .badge{display:none}
}