:root{--cc-blue:#1363ff;--cc-green:#16a34a;--cc-text:#111827;--cc-muted:#f5f7fb;--cc-border:#000}
/* Backdrop */
#cc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:99998;display:none}

/* Base typography smaller & tighter */
#cc-modal,#cc-panel{
  position:fixed;left:50%;transform:translateX(-50%);
  z-index:99999;
  font:12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--cc-text);
}

/* COMPACT MODAL CARD */
#cc-modal .cc-logo{
  display:flex; align-items:center; justify-content:center;
  margin:2px 0 8px;
}
#cc-modal .cc-logo img{
  max-height:70px; width:auto; display:block;
}
/* (opțional) linie sub logo pentru separare fină */
#cc-modal .cc-logo,
#rdx-cc .cc-logo,
#cb .cb-logo{
  border-bottom: 1px solid #1363ff !important; /* albastru */
  padding-bottom: 6px;
  margin-bottom: 10px;
}
#cc-modal{
  top:64px;
  max-width:420px;
  width:calc(100% - 20px);
  background:#fff;
  border-radius:14px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
  padding:12px 12px 10px;
  border:1px solid rgba(0,0,0,.10);
  display:none;
}
#cc-modal h3{
  margin:0 0 6px;
  font-size:16px;
  font-weight:800;
  letter-spacing:.2px;
  display:flex;gap:8px;align-items:center
}
#cc-modal p{margin:0 0 6px}
#cc-modal a{color:var(--cc-blue);text-decoration:underline}

/* BUTTON ROW — smaller, uppercase, black borders + neon blue hover */
.cc-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:8px;flex-wrap:nowrap}
.cc-btn{
  border:1px solid #000;
  border-radius:9999px;
  padding:9px 12px;
  font-size:12.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  cursor:pointer;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
  flex:1;text-align:center;background:#fff;color:#111;
}
/* keep semantic color fills but with black border */
.cc-blue{background:#1363ff;color:#fff;border-color:#000}
.cc-green{background:#16a34a;color:#fff;border-color:#000}
.cc-white{background:#fff;color:#111;border-color:#000}

/* Neon blue hover for ALL buttons */
.cc-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(19,99,255,.45),0 0 14px rgba(19,99,255,.80)}

/* SETTINGS PANEL (kept compact as well) */
#cc-panel{
  top:50%;transform:translate(-50%,-50%);
  max-width:680px;width:calc(100% - 20px);
  background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.25);display:none
}
.cc-head{padding:12px 14px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.cc-body{padding:10px 14px 6px}
.cc-foot{padding:10px 14px;border-top:1px solid #eee;background:#fafbfc;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.cc-close{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;color:#666}

/* Accordions compact */
.cc-acc details{border:1px solid #eee;border-radius:10px;padding:8px 10px;margin:8px 0}
.cc-acc summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700}
.cc-chip{background:#f1f3f7;color:#333;font-size:11px;padding:3px 7px;border-radius:999px;margin-left:8px}
.cc-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #eee}
.cc-row:last-child{border-bottom:0}
.cc-row-title{font-weight:700}
.cc-row-desc{font-size:12px;opacity:.9}

/* Switches */
.cc-switch{position:relative;width:44px;height:24px}
.cc-switch input{opacity:0;width:0;height:0}
.cc-slider{position:absolute;inset:0;background:#d3d7e0;border-radius:999px;transition:.2s}
.cc-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cc-switch input:checked + .cc-slider{background:var(--cc-blue)}
.cc-switch input:checked + .cc-slider:before{transform:translateX(20px)}
.cc-disabled{opacity:.6;pointer-events:none}

/* Mobile adjustments */
@media (max-width:560px){
  #cc-modal{top:18px;padding:10px}
  .cc-actions{flex-direction:column}
  .cc-btn{width:100%}
}