:root {
  --ciq-steel-0: #fbfcfd;
  --ciq-steel-1: #f1f4f7;
  --ciq-steel-2: #d9e0e7;
  --ciq-steel-3: #aeb9c5;
  --ciq-ink: #10263e;
  --ciq-navy: #0b2947;
  --ciq-blue: #2d6cdf;
}

body {
  background:
    radial-gradient(circle at 76% 8%, rgba(255,255,255,.94), transparent 34%),
    linear-gradient(135deg, #edf1f5 0%, #fafbfd 48%, #dce3ea 100%);
}

.sidebar {
  background:
    linear-gradient(112deg, rgba(255,255,255,.18), transparent 24%),
    linear-gradient(180deg, #173b5c 0%, #0b2947 42%, #081f36 100%);
  border-right: 1px solid rgba(255,255,255,.34);
  box-shadow: 14px 0 40px rgba(25, 43, 63, .18), inset -1px 0 rgba(255,255,255,.08);
}

.brand-block {
  background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.025));
  border: 1px solid rgba(230,239,247,.18);
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 16px 38px rgba(0,0,0,.12);
  backdrop-filter: blur(18px) saturate(115%);
  border-radius: 22px;
  overflow: hidden;
}

.brand-block::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.13) 48%, transparent 72%);
  opacity: .55;
}

.brand-block { position: relative; }
.brand-logo {
  width: 100%;
  background: transparent !important;
  border-radius: 18px;
  opacity: .96;
  filter: saturate(.72) contrast(1.03) brightness(1.06) drop-shadow(0 12px 24px rgba(0,0,0,.18));
  mix-blend-mode: screen;
}

.brand-block > div:not(:first-child) { display: none; }

.side-nav { gap: 7px; }
.side-nav a {
  color: rgba(240,246,252,.84);
  border: 1px solid transparent;
  border-radius: 13px;
  padding: 11px 14px;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
.side-nav a:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.12);
  transform: translateX(2px);
}
.side-nav a.active {
  background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(151,180,210,.11));
  border-color: rgba(221,234,246,.32);
  box-shadow: inset 0 1px rgba(255,255,255,.17), 0 8px 20px rgba(0,0,0,.12);
  color: #fff;
}

.app-header,
.panel {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(244,247,250,.88));
  border: 1px solid rgba(180,193,207,.52);
  box-shadow: 0 18px 48px rgba(41, 61, 82, .10), inset 0 1px rgba(255,255,255,.9);
}

.app-header { border-radius: 26px; }
.panel { border-radius: 24px; }

button.primary,
.primary,
.ciq-row-open,
.ciq-submit {
  background: linear-gradient(135deg, #153e69, #2f72df);
  box-shadow: inset 0 1px rgba(255,255,255,.2), 0 10px 22px rgba(35, 83, 145, .22);
}

body[data-ciq-view='submitter'] #participant-setup,
body[data-ciq-view='submitter'] [href='#participant-setup'] { display: none !important; }

body.ciq-my-tasks-mode #dashboard .summary-grid,
body.ciq-my-tasks-mode #dashboard #profileCard,
body.ciq-my-tasks-mode #dashboard .table-wrap,
body.ciq-my-tasks-mode #dashboard #ai-review { display: none !important; }
body.ciq-my-tasks-mode #dashboard #roleDashboard { margin-top: 0; }

@media (max-width: 900px) {
  .brand-block { border-radius: 16px; }
  .side-nav a { padding: 10px 11px; }
}