/* RightWin QR Portal – minimal, clean styles */

:root{
  --rwqr-dark:#111;
  --rwqr-light:#fff;
  --rwqr-gray:#f7f7f7;
  --rwqr-border:#e5e7eb;
  --rwqr-ok:#065f46;
  --rwqr-ok-bg:#dcfce7;
  --rwqr-ok-br:#bbf7d0;
  --rwqr-warn:#b91c1c;
  --rwqr-warn-bg:#fee2e2;
  --rwqr-warn-br:#fecaca;
  --rwqr-accent:#111;
}

.rwqr-card{
  background:#fff;
  border:1px solid var(--rwqr-border);
  border-radius:12px;
  padding:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  margin:16px 0;
}
.rwqr-auth{
  display:grid;
  gap:16px;
}
@media (min-width: 900px){
  .rwqr-auth{ grid-template-columns: repeat(3, 1fr); }
}

.rwqr-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 720px){
  .rwqr-grid{ grid-template-columns: 1fr; }
}

.rwqr-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid var(--rwqr-accent);
  background:transparent;
  color:var(--rwqr-accent);
  text-decoration:none;
  cursor:pointer;
  margin:2px 2px 6px 0;
  transition:.15s ease-in-out;
}
.rwqr-btn:hover{ background:#000; color:#fff; border-color:#000; }
.rwqr-btn-disabled,
.rwqr-btn:disabled{
  opacity:.5; cursor:not-allowed; pointer-events:none;
}

.rwqr-table{
  width:100%;
  border-collapse:collapse;
}
.rwqr-table th,
.rwqr-table td{
  padding:10px;
  border-bottom:1px solid var(--rwqr-border);
  text-align:left;
  vertical-align:top;
}
.rwqr-dashboard-thumb {
  max-width: 100px;
  height: auto;
  border: 1px solid var(--rwqr-border);
  border-radius: 4px;
}

.rwqr-status-badge{
  display:inline-block;
  padding:3px 10px;
  font-weight:600;
  border-radius:999px;
  font-size:12px;
  border:1px solid;
}
.rwqr-status-active{
  color:var(--rwqr-ok);
  background:var(--rwqr-ok-bg);
  border-color:var(--rwqr-ok-br);
}
.rwqr-status-paused{
  color:var(--rwqr-warn);
  background:var(--rwqr-warn-bg);
  border-color:var(--rwqr-warn-br);
}
/* tiny red “paused” chip when needed inline */
.rwqr-badge-paused{
  display:inline-block; margin-left:6px;
  padding:1px 6px; font-size:10px; line-height:1.8;
  border-radius:999px; color:#991b1b;
  background:#fee2e2; border:1px solid #fecaca;
  font-weight:700;
}

.rwqr-error{
  background:#fff7f7;
  border:1px solid #fecaca;
  color:#991b1b;
  border-radius:8px;
  padding:10px 12px;
}
.rwqr-success{
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#065f46;
  border-radius:8px;
  padding:10px 12px;
}

/* Forms */
.rwqr-card input[type="text"],
.rwqr-card input[type="email"],
.rwqr-card input[type="number"],
.rwqr-card input[type="password"],
.rwqr-card textarea,
.rwqr-card select{
  width:100%;
  max-width:600px;
  padding:10px 12px;
  border:1px solid var(--rwqr-border);
  border-radius:8px;
  background:#fff;
}
.rwqr-card textarea{ min-height:120px; }

/* Elementor editor previews */
.elementor-editor-active .rwqr-card{
  outline:1px dashed #ddd;
}

/* Wizard Live Preview */
.rwqr-wizard-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}
@media (max-width: 900px) {
  .rwqr-wizard-layout {
    grid-template-columns: 1fr;
  }
}
.rwqr-wizard-preview {
  position: sticky;
  top: 50px;
}
#rwqr_preview_card {
  background-color: #fff;
  border: 1px solid var(--rwqr-border);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: all .2s ease-in-out;
}
#rwqr_preview_title_top,
#rwqr_preview_title_bottom {
  padding: 10px;
  font-weight: bold;
  color: #111;
  min-height: 1em;
  word-wrap: break-word;
}
#rwqr_preview_qr_placeholder {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#rwqr_preview_qr_placeholder img[src] {
  padding: 5px;
  background: #fff;
}
#rwqr_preview_logo {
    position: absolute;
    max-width: 30%;
    max-height: 30%;
    border: 4px solid #fff;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}