/* Frontend styles on WooCommerce My Account */
.sg365m-account .sg365m-banner{
  padding:16px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  margin-bottom:14px;
}
.sg365m-banner--warn{ background: rgba(255, 220, 0, .12); }
.sg365m-banner--ok{ background: rgba(0, 200, 120, .10); }

.sg365m-actions{
  display:flex;
  gap:10px;
  align-items:center;
  margin:14px 0;
}

.sg365m-kv{
  list-style: none;
  margin: 0;
  padding: 0;
}
.sg365m-kv li{
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.sg365m-domain-list-front{
  padding-left:18px;
}
.sg365m-domain-list-front li{
  margin:6px 0;
}

.sg365m-front-modal{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:16px;
}
.sg365m-front-modal.is-open{ display:flex; }

.sg365m-front-modal__card{
  width:min(520px, 100%);
  background:#fff;
  border-radius:16px;
  padding:18px 18px 14px;
  position:relative;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.sg365m-front-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  border:0;
  background:transparent;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}


.sg365m-front-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;}
.sg365m-front-modal-inner{background:#fff;border-radius:14px;max-width:640px;width:100%;padding:16px;position:relative;}
.sg365m-front-modal-inner.sg365m-scrollable{max-height:80vh;overflow:auto;}
.sg365m-front-close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;}
.sg365m-alert{padding:14px;border-radius:12px;border:1px solid #ffb6b6;background:#ffecec;color:#8b0000;}