.cm-stores{
  display:grid;
  gap:10px;
  width:100%;
  min-width:0;
  max-width:1150px;
  margin:0 auto;
}
.cm-stores-card{
  margin:0;
  padding:14px 16px 12px;
  border:1px solid rgba(203,223,163,.95);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 24px rgba(160,185,110,.12);
  min-width:0;
}
.cm-stores-title{
  margin:0;
  color:#33352D;
  font-size:16px;
  font-weight:700;
  line-height:1;
  text-transform:none;
}
.cm-stores-subtitle{
  margin:0 0 14px;
  color:#33352D;
  font-size:16px;
  font-weight:6  00;
  line-height:1;
}
.cm-stores-toolbar-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.cm-stores-toolbar-row + .cm-stores-toolbar-row{
  margin-top:12px;
}
.cm-stores-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  min-width:0;
}
.cm-stores-btn,
.cm-stores-input,
.cm-stores-sel,
.cm-stores-field input,
.cm-stores-field select,
.cm-stores-field textarea{
  min-height:36px;
  height:36px;
  padding:10px 12px;
  border:1px solid #DFE4CF;
  border-radius:4px;
  background:#fff;
  color:#33352D;
  font:400 12px/1 "Mulish",sans-serif;
}
.cm-stores-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  min-width:140px;
  padding:7px 17px;
  color:#33352D;
  font-size:12px;
  font-weight:500;
  line-height:1;
  box-shadow:0.4px 0 1.4px rgba(51,53,45,.2);
  white-space:nowrap;
}
.cm-stores-btn--primary{
  background:#C3E366;
  border-color:#C3E366;
}
.cm-stores-btn--outline{
  background:#fff;
  border-color:#C3E366;
}
.cm-stores-btn--danger{
  background:#fff;
  border-color:#FFBDD9;
}
.cm-stores-input{
  width:100%;
  min-width:0;
  padding-left:30px;
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11001_43182)'%3E%3Ccircle cx='5.5' cy='5.5' r='4.5' stroke='%23BDBDBD' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9L11 11' stroke='%23BDBDBD' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11001_43182'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:12px center;
  background-size:12px 12px;
}
.cm-stores-hint,
.cm-stores-muted{
  color:#818181;
  font-size:12px;
  font-weight:500;
  padding-top: 14px;
}
.cm-stores-table-wrap{
  overflow:hidden;
  border:1px solid #ECEEDF;
  min-width:0;
}
.cm-stores-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.cm-stores-table th{
  background:#FBFCF7;
  color:#92AD44;
  font-size:14px;
  font-weight:700;
  text-transform:none;
}
.cm-stores-table th,
.cm-stores-table td{
  padding:11px 10px;
  border:1px solid #ECEEDF;
  vertical-align:middle;
}
.cm-stores-table td{
  color:#33352D;
  font-size:12px;
  font-weight:500;
}
.cm-stores-table th:nth-child(1),
.cm-stores-table td:nth-child(1){width:26%}
.cm-stores-table th:nth-child(2),
.cm-stores-table td:nth-child(2){width:18%}
.cm-stores-table th:nth-child(3),
.cm-stores-table td:nth-child(3){width:14%;text-align:center}
.cm-stores-table th:nth-child(4),
.cm-stores-table td:nth-child(4){width:15%;text-align:center}
.cm-stores-table th:nth-child(5),
.cm-stores-table td:nth-child(5){width:11%;text-align:center}
.cm-stores-table th:nth-child(6),
.cm-stores-table td:nth-child(6){width:16%;text-align:center}
.cm-stores-open{
  width:98px;
  height:28px;
  border:1px solid #DFE4CF;
  border-radius:4px;
  background:#fff;
  color:#33352D;
  font-size:12px;
  font-weight:500;
  box-shadow:0.4px 0 1.4px rgba(51,53,45,.2);
}
.cm-stores-pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:12px;
}
.cm-stores-pager__nav,
.cm-stores-pager__size{
  display:flex;
  align-items:center;
  gap:8px;
  color:#818181;
  font-size:12px;
}
.cm-stores-pager__arrow{
  width:24px;
  height:24px;
  border:1px solid #DFE4CF;
  border-radius:4px;
  background:#fff;
  color:#c5ccb0;
}
.cm-stores-pager__arrow.is-active{
  color:#92AD44;
}
.cm-stores-pager__select{
  width:47px;
  height:28px;
  border:1px solid #DFE4CF;
  border-radius:4px;
  align-items: center;
}
.cm-stores-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:60;
}
.cm-stores-modal[aria-hidden="false"]{
  display:block;
}
.cm-stores-backdrop{
  position:absolute;
  inset:0;
  background:rgba(137,149,104,.18);
  backdrop-filter:blur(1px);
}
.cm-stores-dialog{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(980px, 94vw);
  min-height:610px;
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border:1px solid #E6EBD7;
  border-radius:8px;
  box-shadow:0 12px 30px rgba(99,111,72,.1);
}
.cm-stores-modal-head,
.cm-stores-modal-foot{
  background:#fff;
}
.cm-stores-modal-head{
  border-bottom:1px solid #EFF3E7;
}
.cm-stores-modal-foot{
  border-top:1px solid #EFF3E7;
}
.cm-stores-head,
.cm-stores-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 20px;
}
.cm-stores-head h3{
  margin:0;
  color:#33352D;
  font-size:16px;
  font-weight:700;
}
.cm-stores-modal-body{
  display:grid;
  gap:16px;
  padding:18px 20px 22px;
}
.cm-stores-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 10px;
}
.cm-stores-field{
  display:grid;
  gap:6px;
}
.cm-stores-field label{
  color:#565A48;
  font-size:11px;
  font-weight:600;
}
.cm-stores-err{
  color:#bd607a;
  font-size:12px;
}
.cm-req{
  color:#c95969;
}
.cm-stores-members .cm-stores-row.space{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.cm-stores-members{
  margin-top:6px;
}
.cm-stores-members .cm-stores-input{
  width:100%;
}
.cm-stores-suggest{
  border:1px solid #DFE4CF;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 24px rgba(160,185,110,.12);
}
.cm-stores-suggest .opt{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  cursor:pointer;
}
.cm-stores-suggest .opt:hover{
  background:#fbfdf7;
}
.cm-role-btns{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.cm-role-btn{
  min-height:28px;
  padding:0 10px;
  border:1px solid #DFE4CF;
  border-radius:999px;
  background:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.cm-role-btn.is-active{
  background:#f4fbd6;
  border-color:#C3E366;
}
.cm-stores-xbtn{
  width:28px;
  min-height:28px;
  height:28px;
  padding:0;
  border:1px solid #E9EEDC;
  border-radius:4px;
  background:#fff;
  cursor:pointer;
}
.cm-stores-hidden{
  display:none;
}

@media (max-width: 980px){
  .cm-stores-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .cm-stores{
    width:100%;
    min-width:0;
  }
  .cm-stores-card{
    padding:14px;
  }
  .cm-stores-toolbar-row,
  .cm-stores-members .cm-stores-row.space{
    flex-direction:column;
    align-items:stretch;
  }
  .cm-stores-toolbar-row--actions{
    margin-top:14px;
  }
  .cm-stores-actions{
    width:100%;
    margin-left:0;
    gap:10px;
  }
  .cm-stores-btn{
    flex:1 1 0;
    min-width:0;
  }
  .cm-stores-input{
    width:100%;
  }
}

@media (max-width: 520px){
  .cm-stores{
    gap:10px;
    max-width:none;
    margin:0;
  }
  .cm-stores-card{
    padding:14px;
    border:1px solid #e8e9e7;
    border-radius:6px;
    box-shadow:2px 2px 4px rgba(28,28,28,.2);
    background:rgba(255,255,255,.96);
  }
  .cm-stores-title,
  .cm-stores-subtitle{
    font-size:16px;
    line-height:1.25;
  }
  .cm-stores-toolbar-row{
    align-items:flex-start;
    gap:14px;
  }
  .cm-stores-toolbar-row + .cm-stores-toolbar-row{
    margin-top:14px;
  }
  .cm-stores-actions{
    width:100%;
    margin-left:0;
    gap:10px;
  }
  .cm-stores-btn{
    flex:1 1 0;
    min-width:0;
    height:36px;
    padding:7px 10px;
    font-size:12px;
    box-shadow:1px 1px 1px rgba(51,53,45,.2);
  }
  .cm-stores-btn .mi{
    font-size:12px;
    vertical-align:0;
  }
  .cm-stores-input,
  .cm-stores-field input,
  .cm-stores-field select,
  .cm-stores-field textarea{
    width:100%;
    min-height:36px;
    height:36px;
    padding:10px;
    border-color:#dfe4cf;
    font-size:12px;
  }
  .cm-stores-hint,
  .cm-stores-muted{
    font-size:12px;
    line-height:1.25;
  }
  .cm-stores-subtitle{
    margin-bottom:14px;
  }
  .cm-stores-table-wrap{
    overflow:auto;
    border-color:#e8e9e7;
    border-radius:4px;
  }
  .cm-stores-table{
    min-width:720px;
  }
  .cm-stores-table th,
  .cm-stores-table td{
    padding:9px 10px;
  }
  .cm-stores-table th{
    font-size:14px;
    color:#92ad44;
  }
  .cm-stores-table td{
    font-size:12px;
    font-weight:500;
  }
  .cm-stores-pager{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:12px 16px;
    padding-top:14px;
  }
  .cm-stores-pager__nav,
  .cm-stores-pager__size{
    gap:8px;
    font-size:12px;
  }
  .cm-stores-pager__nav{
    justify-content:flex-start;
  }
  .cm-stores-pager__info{
    min-width:90px;
    text-align:center;
  }
  .cm-stores-pager__size{
    justify-content:flex-end;
    white-space:nowrap;
  }
  .cm-stores-pager__arrow{
    width:28px;
    height:28px;
    border-radius:3px;
  }
  .cm-stores-pager__select{
    width:47px;
    height:28px;
  }
  .cm-stores-dialog{
    left:10px;
    right:10px;
    top:66px;
    width:auto;
    min-height:0;
    max-height:calc(100vh - 76px);
    transform:none;
    border:1px solid #e8e9e7;
    border-radius:6px;
    box-shadow:2px 2px 4px rgba(28,28,28,.2);
  }
  .cm-stores-modal-head,
  .cm-stores-modal-foot{
    background:#fff;
  }
  .cm-stores-head,
  .cm-stores-foot{
    padding:14px;
  }
  .cm-stores-head{
    align-items:center;
  }
  .cm-stores-head h3{
    font-size:16px;
    line-height:1.2;
  }
  .cm-stores-xbtn{
    width:28px;
    height:28px;
    min-height:28px;
    border-color:#e8e9e7;
    box-shadow:none;
  }
  .cm-stores-modal-body{
    gap:14px;
    padding:14px 0 0;
  }
  .cm-stores-grid{
    grid-template-columns:1fr;
    gap:14px;
    padding:0 14px;
  }
  .cm-stores-field{
    gap:4px;
  }
  .cm-stores-field label{
    padding:0 10px;
    font-size:11px;
    font-weight:600;
    color:#737864;
  }
  .cm-stores-err{
    padding:0 10px;
    font-size:11px;
  }
  .cm-stores-members{
    margin-top:0;
    padding:0 14px;
  }
  .cm-stores-members .cm-stores-row.space{
    display:block;
  }
  .cm-stores-members .cm-stores-row.space span{
    display:none;
  }
  .cm-stores-mem-search{
    margin-top:0;
  }
  .cm-stores-mem-search .cm-stores-input{
    width:100%;
  }
  .cm-stores-suggest{
    border-radius:4px;
  }
  .cm-stores-members .cm-stores-table-wrap{
    margin-top:10px !important;
  }
  .cm-stores-members .cm-stores-table{
    min-width:620px;
  }
  .cm-stores-foot{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:20px;
  }
  .cm-stores-foot > .cm-stores-muted{
    order:1;
    width:100%;
    font-size:11px;
    line-height:1.25;
  }
  .cm-stores-foot > .cm-stores-actions{
    order:2;
    width:100%;
    justify-content:space-between;
    gap:10px;
  }
  .cm-stores-foot > .cm-stores-actions .cm-stores-btn{
    flex:0 0 calc(50% - 5px);
    min-width:0;
  }
  .cm-stores-foot > .cm-stores-actions .cm-stores-btn--primary{
    order:2;
  }
  .cm-stores-foot > .cm-stores-actions .cm-stores-btn--outline{
    order:1;
  }
}

@media (max-width: 350px){
  .cm-stores-actions{
    flex-direction:column;
  }

  .cm-stores-btn{
    width:100%;
  }

  .cm-stores-pager{
    grid-template-columns:1fr;
  }

  .cm-stores-pager__size{
    justify-content:space-between;
  }
}