/* Minimal styles – dark bar & clean modal */
:root{
  --wpcmr-bg: #1f2937;
  --wpcmr-accent: #10b981;
  --wpcmr-deny: #ef4444;
  --wpcmr-text: #ffffff;
  --wpcmr-muted: #94a3b8;
  --wpcmr-card: #0b1220;
  --wpcmr-card-2: #0f172a;
  --wpcmr-border: #233047;
  --wpcmr-radius: 12px;
  --wpcmr-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.wpcmr-bar[hidden] { display:none !important; }
.wpcmr-modal[hidden] { display:none !important; }
#wpcmr-reopen[hidden] { display:none !important; }

.wpcmr-bar{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999999;
  background: var(--wpcmr-bg);
  color: var(--wpcmr-text);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  box-shadow: 0 -8px 30px rgba(0,0,0,.2);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.wpcmr-bar__text{ font-size: 14px; line-height: 1.4; max-width: 820px; }
.wpcmr-bar__actions{ display: flex; gap: 8px; }

.wpcmr-btn{
  background: #374151;
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 9px 14px;
  cursor: pointer;
  font-size: 14px;
}
.wpcmr-btn:hover{ opacity: .95; }
.wpcmr-btn--primary{ background: var(--wpcmr-accent); }
.wpcmr-btn--danger{ background: var(--wpcmr-deny); }
.wpcmr-btn--ghost{ background: transparent; outline: 1px solid #4b5563; }

.wpcmr-modal{
  position: fixed; inset: 0; z-index: 1000000;
  background: rgba(2,6,23,.6);
  display: grid; place-items: center;
  padding: 20px;
}
.wpcmr-modal__card{
  width: min(720px, 96vw);
  background: var(--wpcmr-card);
  color: var(--wpcmr-text);
  border: 1px solid var(--wpcmr-border);
  border-radius: var(--wpcmr-radius);
  box-shadow: var(--wpcmr-shadow);
  overflow: hidden;
}
.wpcmr-modal__header{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 16px; background: var(--wpcmr-card-2); border-bottom: 1px solid var(--wpcmr-border);
}
.wpcmr-modal__header h2{ margin:0; font-size: 18px; }
.wpcmr-icon{ background: transparent; border:0; color:#cbd5e1; font-size:22px; cursor:pointer; }

.wpcmr-modal__content{ padding: 10px 16px; display: grid; gap: 10px; }
.wpcmr-group{
  background: #0b1426; border:1px solid var(--wpcmr-border); border-radius: 10px; padding: 12px;
}
.wpcmr-group__head{ display:flex; align-items:center; justify-content:space-between; gap: 14px; }
.wpcmr-group__title{ margin:0; font-size: 16px; }
.wpcmr-group__desc{ margin:8px 0 0; color: var(--wpcmr-muted); font-size: 14px; }

.wpcmr-modal__footer{
  display:flex; align-items:center; gap:10px; padding:12px 16px;
  border-top: 1px solid var(--wpcmr-border); background: var(--wpcmr-card-2);
}
.wpcmr-link{ color:#93c5fd; text-decoration: underline; font-size: 14px; }
.wpcmr-spacer{ flex:1 1 auto; }

/* Switch */
.wpcmr-switch{ position: relative; display:inline-block; width: 46px; height: 26px; }
.wpcmr-switch input{ opacity:0; width:0; height:0; }
.wpcmr-slider{
  position:absolute; inset:0; background:#374151; border-radius: 999px; transition:.2s;
}
.wpcmr-slider:before{
  content:""; position:absolute; height:20px; width:20px; left:3px; top:3px;
  background:white; border-radius:50%; transition:.2s;
}
.wpcmr-switch input:checked + .wpcmr-slider{ background: var(--wpcmr-accent); }
.wpcmr-switch input:checked + .wpcmr-slider:before{ transform: translateX(20px); }
.wpcmr-switch--disabled .wpcmr-slider{ background:#1f2937; opacity:.6; }

/* Reopen (floating) */
.wpcmr-reopen{
  position: fixed; left: 16px; bottom: 16px; z-index: 999998;
  background: var(--wpcmr-bg); color: #fff; border: 1px solid var(--wpcmr-border);
  border-radius: 999px; padding: 8px 12px; cursor: pointer; box-shadow: var(--wpcmr-shadow);
  font-size: 14px;
}
.wpcmr-reopen span{ margin-left: 6px; }