/* =========================
   CRONOGRAF CUSTOM — SINGLE BLOCK
   ========================= */

.cgc-stock-delivery{
  margin:4px 0 8px !important;
  padding:0 !important;
  line-height:1.4;
}

.cgc-stock{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid #f2f4f8;
}

.cgc-stock__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  flex:0 0 8px;
  background:#94a3b8;
}

.cgc-stock--in-stock .cgc-stock__dot{ background:#16a34a; }
.cgc-stock--out-of-stock .cgc-stock__dot,
.cgc-stock--out-of-stock_on_backorder .cgc-stock__dot,
.cgc-stock--out-of-stock.available-on-backorder .cgc-stock__dot{ background:#ef4444; }

.cgc-stock__text{
  font-size:13px;
  font-weight:600;
  color:#0f172a;
}

.ce-row{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:10px;
  border-top:1px solid #f2f4f8;
}

.ce-row__left{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.ce-row__ico{
  display:inline-flex;
  color:#64748b;
}

.ce-ico-svg{
  width:18px;
  height:18px;
  display:block;
}

.ce-row__label{
  font-size:13px;
  white-space:nowrap;
  line-height:1.1;
}

.ce-row__value{
  font-size:13px;
  font-weight:600;
  color:#111827;
  white-space:nowrap;
  line-height:1.1;
}

.ce-row__action{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  color:#111827;
  white-space:nowrap;
  text-decoration:underline;
  text-underline-offset:3px;
}

.ce-row__action strong{ font-weight:700; }
.ce-row__action:hover{ opacity:.85; }
.ce-row__action:focus-visible{
  outline:2px solid rgba(47,59,143,.28);
  outline-offset:4px;
  border-radius:4px;
}

/* =========================
   CRONOGRAF CUSTOM — MODALS
   ========================= */

.ce-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
}

.ce-modal[aria-hidden="false"]{ display:block; }

.ce-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.55);
}

.ce-modal__panel{
  position:relative;
  width:min(560px, calc(100% - 28px));
  margin:8vh auto 0;
  background:#fff;
  border-radius:18px;
  border:1px solid #eef1f6;
  box-shadow:0 20px 60px rgba(2,6,23,.25);
  padding:18px 18px 16px;
}

.ce-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid #eef1f6;
  background:#fff;
  cursor:pointer;
  font-size:20px;
  line-height:30px;
}

.ce-modal__head{ padding:6px 4px 12px; }
.ce-modal__title{
  font-size:16px;
  font-weight:700;
  color:#0f172a;
}

.ce-modal__sub{
  margin-top:4px;
  font-size:13px;
  color:#64748b;
}

.ce-modal__sub--note{ margin-top:6px; }

.ce-stores{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:4px;
}

.ce-store{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #eef1f6;
  border-radius:12px;
  background:#fff;
  align-items:flex-start;
}

.ce-store__left{ min-width:0; }
.ce-store__name{
  font-size:13px;
  color:#0f172a;
  font-weight:700;
}

.ce-store__addr{
  margin-top:2px;
  font-size:12px;
  color:#64748b;
}

.ce-store__status{
  font-size:13px;
  font-weight:800;
}

.ce-store.is-ok .ce-store__status{ color:#16a34a; }
.ce-store.is-no .ce-store__status{ color:#94a3b8; }

/* =========================
   CRONOGRAF CUSTOM — FORM
   ========================= */

.ce-form__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ce-field--full{ grid-column:1 / -1; }

.ce-label{
  display:block;
  font-size:12px;
  color:#64748b;
  margin-bottom:6px;
}

.ce-input{
  width:100%;
  border:1px solid #e6ebf3;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  outline:none;
}

.ce-input:focus{
  border-color:#cfd8ea;
  box-shadow:0 0 0 3px rgba(47,59,143,.08);
}

.ce-btn{
  margin-top:14px;
  width:100%;
  border:0;
  border-radius:14px;
  padding:12px 14px;
  background:#0f172a;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.ce-btn.is-loading{
  opacity:.7;
  cursor:progress;
}

.ce-form__msg{
  margin-top:10px;
  font-size:13px;
  color:#64748b;
  min-height:18px;
}

.ce-form__msg.is-ok{ color:#16a34a; }
.ce-form__msg.is-err{ color:#ef4444; }

html.ce-modal-open,
body.ce-modal-open{
  overflow:hidden;
}

/* =========================
   CRONOGRAF CUSTOM — TOAST
   ========================= */

.ce-toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%) translateY(20px);
  opacity:0;
  background:#0f172a;
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-size:13px;
  z-index:99998;
  transition:all .25s ease;
  max-width:min(92vw, 860px);
  text-align:center;
  pointer-events:none;
}

.ce-toast.is-show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* =========================
   CRONOGRAF CUSTOM — RESPONSIVE
   ========================= */

@media (max-width:640px){
  .ce-row{
    flex-wrap:wrap;
    justify-content:flex-start;
  }

  .ce-row__action{ margin-left:auto; }
}

@media (max-width:560px){
  .ce-form__grid{ grid-template-columns:1fr; }
}