:root{
  --bg:#0b1220;
  --panel:#111a2e;
  --panel2:#070c16;
  --border:rgba(255,255,255,.08);
  --text:#e9eefc;
  --muted:rgba(233,238,252,.65);
  --g1:#22c55e;
  --g2:#2563eb;
}

/* ✅ iOS + mobile base fixes */
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

/* ✅ Better tap / click behavior on iOS Safari */
a,button,.btn,[role="button"]{
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* ✅ Prevent unexpected “dead layer” issues */
*{ box-sizing:border-box; }

/* Layout */
.side{
  background:var(--panel);
  border-right:1px solid var(--border);
  /* ✅ avoid iOS 100vh issues */
  min-height:100%;
}

/* Common UI */
.brand{font-weight:900; letter-spacing:.2px}
.cardx{background:var(--panel); border:1px solid var(--border); border-radius:16px;}
.muted{color:var(--muted)}
.hrxx,.hrx{border-color:var(--border); opacity:1;}

.chip{
  background:rgba(37,99,235,.15);
  border:1px solid rgba(37,99,235,.35);
  color:#cfe1ff;
  padding:.2rem .55rem;
  border-radius:999px;
  font-size:.85rem;
}

/* Buttons */
.btn-soft{
  background:rgba(255,255,255,.08);
  border:1px solid var(--border);
  color:var(--text);
}
.btn-soft:hover{background:rgba(255,255,255,.12); color:var(--text);}

.btn-grad{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,var(--g1),var(--g2));
}
.btn-grad:hover{filter:brightness(1.05);}

.text-grad{
  background:linear-gradient(135deg,var(--g1),var(--g2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Inputs */
.form-control, .form-select, textarea{
  background:#0b1220 !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
}
.form-control:focus, .form-select:focus, textarea:focus{
  box-shadow:none !important;
  border-color:rgba(37,99,235,.55) !important;
}

/* Links */
a{color:var(--muted); text-decoration:none;}
a:hover{color:var(--text);}

/* ✅ Safety: if any element accidentally covers screen, it must not block taps */
.overlay, .backdrop, .modal-backdrop{
  pointer-events:none;
}