/* DCC-i App Processing branding defaults */
:root {
  --dcci-purple:#8E44AD; --dcci-pink:#E91E63; --dcci-indigo:#3F51B5; --dcci-green:#27AE60;
  --dcci-neutral:#ECF0F1; --dcci-text:#1C2833; --dcci-muted:#34495E;
}
html, body {
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  margin:0;
  padding:0;
}
body {
  background-image:url('https://dcciportal.co.uk/wp-content/uploads/2026/02/Picture1.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
  color:var(--dcci-text);
  font-family:Inter, Aptos, 'Segoe UI', Arial, sans-serif;
}
.dcci-app-header {
  text-align:center;
  margin:0 auto 1.5rem;
  padding:1.2rem 1rem 0;
}
.dcci-app-logo {
  display:block;
  max-width:190px;
  height:auto;
  margin:0 auto 1rem;
}
.dcci-brand-divider {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#8E44AD,#E91E63,#3F51B5,#3498DB,#27AE60);
  margin:1rem auto 1.5rem;
  max-width:760px;
}
.dcci-app-shell,
.dcci-external-container,
.main-container,
.app-container,
.activity-panel,
.step-panel {
  position:relative;
  background:rgba(236,240,241,0.94);
  color:#1C2833;
  border-radius:22px;
  padding:clamp(1.1rem,2vw,1.6rem) clamp(1.2rem,2.5vw,2rem);
  margin:1.25rem auto;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(28,40,51,0.08);
}
.dcci-app-shell::before,
.dcci-external-container::before,
.main-container::before,
.app-container::before,
.activity-panel::before,
.step-panel::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  border-radius:22px 0 0 22px;
  background:linear-gradient(180deg,#8E44AD 0%,#E91E63 30%,#3F51B5 62%,#27AE60 100%);
}
button, .btn, [role="button"] {
  border-radius:999px;
}

/* Preserve the original hub section-card geometry. */
.feature-card[role="button"] {
  border-radius:22px !important;
}