/* Oxton UI — Toast central + Modal confirmação */

/* ========== TOAST CENTRAL ========== */
.ox-toast-backdrop{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,0);transition:background .2s;
  pointer-events:none;
}
.ox-toast-backdrop.open{background:rgba(15,23,42,.25);pointer-events:auto}

.ox-toast{
  background:#fff;border-radius:14px;
  border:1px solid #d8def0;
  box-shadow:0 24px 60px rgba(15,23,42,.18), 0 4px 12px rgba(15,23,42,.06);
  display:flex;align-items:center;gap:16px;padding:18px 22px 18px 18px;
  min-width:320px;max-width:480px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  transform:translateY(-12px) scale(.96);opacity:0;
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), opacity .18s;
  position:relative;
}
.ox-toast-backdrop.open .ox-toast{transform:translateY(0) scale(1);opacity:1}

.ox-toast-ico{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;font-weight:700;line-height:1;
}
.ox-toast-success .ox-toast-ico{background:linear-gradient(135deg,#0e9f6e,#047857);color:#fff;box-shadow:0 4px 12px rgba(14,159,110,.3)}
.ox-toast-error   .ox-toast-ico{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.3)}
.ox-toast-info    .ox-toast-ico{background:linear-gradient(135deg,#0030da,#001a96);color:#fff;box-shadow:0 4px 12px rgba(0,48,218,.3)}
.ox-toast-warning .ox-toast-ico{background:linear-gradient(135deg,#d97706,#92400e);color:#fff;box-shadow:0 4px 12px rgba(217,119,6,.3)}

.ox-toast-body{flex:1;min-width:0;color:#0f172a;font-size:.92rem;line-height:1.45}
.ox-toast-body strong{display:block;font-weight:600;font-size:.95rem;margin-bottom:2px;letter-spacing:-.005em}
.ox-toast-body span{color:#475569}

.ox-toast-close{
  background:transparent;border:none;cursor:pointer;
  color:#94a3b8;font-size:1.4rem;line-height:1;padding:4px 8px;border-radius:6px;
  font-family:inherit;flex-shrink:0;
}
.ox-toast-close:hover{background:#f1f5f9;color:#0f172a}

/* ========== CONFIRMATION MODAL ========== */
.ox-modal-backdrop{
  position:fixed;inset:0;z-index:9998;
  display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(15,23,42,0);backdrop-filter:blur(0px);
  transition:background .2s, backdrop-filter .2s;
  pointer-events:none;
}
.ox-modal-backdrop.open{background:rgba(15,23,42,.45);backdrop-filter:blur(3px);pointer-events:auto}

.ox-modal{
  background:#fff;border-radius:14px;padding:30px 32px 26px;
  max-width:420px;width:100%;
  border:1px solid #d8def0;
  box-shadow:0 24px 60px rgba(15,23,42,.22), 0 4px 12px rgba(15,23,42,.08);
  text-align:center;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  transform:translateY(-12px) scale(.94);opacity:0;
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), opacity .18s;
}
.ox-modal-backdrop.open .ox-modal{transform:translateY(0) scale(1);opacity:1}

.ox-modal-icon{
  width:56px;height:56px;border-radius:50%;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;font-weight:700;
  background:linear-gradient(135deg,#e6ebff,#dbeafe);color:#0030da;
  box-shadow:0 6px 16px rgba(0,48,218,.18);
}
.ox-modal-icon.danger{
  background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;
  box-shadow:0 6px 16px rgba(220,38,38,.2);
}

.ox-modal h3{
  margin:0 0 8px;font-size:1.15rem;font-weight:700;color:#0f172a;letter-spacing:-.015em;
}
.ox-modal p{
  margin:0 0 22px;color:#475569;font-size:.92rem;line-height:1.55;
}

.ox-modal-actions{display:flex;gap:8px;justify-content:center}
.ox-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 22px;border-radius:8px;font-size:.9rem;font-weight:600;
  cursor:pointer;border:1px solid transparent;font-family:inherit;line-height:1.2;
  min-width:110px;
}
.ox-btn-primary{
  background:linear-gradient(135deg,#0030da,#001a96);color:#fff;border-color:#001a96;
  box-shadow:0 2px 4px rgba(0,48,218,.2);
}
.ox-btn-primary:hover{background:linear-gradient(135deg,#001a96,#000f5c)}
.ox-btn-danger{
  background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border-color:#991b1b;
  box-shadow:0 2px 4px rgba(220,38,38,.2);
}
.ox-btn-danger:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d)}
.ox-btn-ghost{background:#fff;color:#0f172a;border-color:#d8def0}
.ox-btn-ghost:hover{background:#f4f7fc;border-color:#94a3b8}

@media(max-width:520px){
  .ox-toast{min-width:0;width:calc(100vw - 32px);margin:0 16px;padding:14px 16px}
  .ox-toast-ico{width:36px;height:36px;font-size:1rem}
  .ox-modal{padding:24px 22px 20px}
  .ox-modal-actions{flex-direction:column-reverse}
  .ox-btn{width:100%}
}