/* UINO custom UI (v7) */
:root{
  --surface:#ffffff;
  --bg1:#f7f9fc;
  --bg2:#eef2f7;
  --primary:#0d6efd;
  --muted:#6c757d;
  --radius:1rem;
  --shadow:0 6px 18px rgba(33,37,41,.06);
  --shadow-hover:0 12px 26px rgba(33,37,41,.10);
  --card-border:#d5def0;
  --card-border-hover:#c4d2ee;
  --logo-bg:#eaf2ff;
  --logo-border:#cfe2ff;

  --banner-bg1:#eaf3ff; /* light blue */
  --banner-bg2:#f6f9ff; /* nearly white */
  --banner-border:#cfe2ff;
}

body{
  background: linear-gradient(180deg, var(--bg1), var(--bg2));
}

/* Cards */
.card-soft{
  border:1px solid var(--card-border);
  border-radius:var(--radius);
  background: linear-gradient(180deg, #ffffff, #f9fbff);
  box-shadow:var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.card-soft:hover{
  transform: translateY(-2px);
  box-shadow:var(--shadow-hover);
  border-color: var(--card-border-hover);
}

.section-title{ font-weight:600; }
.section-desc{ color:var(--muted); }

.section-actions .btn{
  border-radius:999px;
  padding:.5rem .9rem;
}

.section-actions .btn-outline-primary{
  background:rgba(13,110,253,.06);
  border-color:rgba(13,110,253,.28);
}
.section-actions .btn-outline-primary:hover{
  background:var(--primary);
  color:#fff;
}

/* Header/Banner now full light-blue with subtle gradient */
.banner{
  background: linear-gradient(180deg, var(--banner-bg1), var(--banner-bg2));
  border:1px solid var(--banner-border);
  border-radius:var(--radius);
  box-shadow: var(--shadow);
}

/* Logo container: keep light-blue bg so it pops a bit */
.logo-pill{
  background: var(--logo-bg);
  border: 1px solid var(--logo-border);
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* small admin buttons look consistent */
.btn-outline-secondary.btn-sm, .btn-outline-primary.btn-sm{ border-radius:999px; }