/* Blackwell Corporation — faux corporate portal (Bootstrap 5) */
:root{
  --bc-bg: #070a0f;
  --bc-surface: #0b0f14;
  --bc-surface-2: #0f141c;
  --bc-border: #1b2433;
  --bc-text: #e6edf3;
  --bc-muted: #98a6b5;
  --bc-accent: #66f2d5;
  --bc-accent-2: #8aa0ff;
}

html, body { height: 100%; }
body{
  background: radial-gradient(1200px 600px at 30% 10%, rgba(102,242,213,.10), transparent 55%),
              radial-gradient(900px 500px at 80% 20%, rgba(138,160,255,.10), transparent 55%),
              linear-gradient(180deg, var(--bc-bg), #05070b 60%);
  color: var(--bc-text);
}

/* Soft animated “corporate haze” */
.bc-haze{
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .35;
  background:
    radial-gradient(1000px 600px at 10% 80%, rgba(102,242,213,.10), transparent 60%),
    radial-gradient(800px 500px at 90% 70%, rgba(138,160,255,.08), transparent 60%);
  filter: blur(0.2px);
  animation: bcFloat 18s ease-in-out infinite alternate;
}
@keyframes bcFloat{
  0%{ transform: translate3d(0,0,0) scale(1); }
  100%{ transform: translate3d(0,-10px,0) scale(1.02); }
}

.bc-card{
  background: rgba(11,15,20,.72);
  border: 1px solid var(--bc-border);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
}

.bc-nav{
  border-bottom: 1px solid rgba(27,36,51,.8);
  background: rgba(7,10,15,.55);
  backdrop-filter: blur(10px);
}

.bc-brand{
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .86rem;
}

.bc-logo{
  width: 44px;
  height: 44px;
}

.bc-hero-title{
  letter-spacing: .06em;
  font-weight: 700;
}

.bc-subtle{
  color: var(--bc-muted);
}

.bc-motto{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #b9c6d6;
}

.bc-accent{
  background: linear-gradient(90deg, var(--bc-accent), var(--bc-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-bc{
  border: 1px solid rgba(102,242,213,.35);
  background: rgba(15,20,28,.5);
  color: var(--bc-text);
  border-radius: 14px;
}
.btn-bc:hover{
  border-color: rgba(138,160,255,.55);
  background: rgba(15,20,28,.8);
  color: var(--bc-text);
}

.badge-classified{
  background: rgba(102,242,213,.12);
  border: 1px solid rgba(102,242,213,.35);
  color: #bffdf2;
}

.list-group-item{
  background: rgba(11,15,20,.55);
  border-color: rgba(27,36,51,.75);
  color: var(--bc-text);
}
.list-group-item:hover{ background: rgba(15,20,28,.70); }

.bc-email-body{
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .94rem;
  line-height: 1.5;
  color: #d4deea;
}

.bc-file-card{
  border: 1px solid rgba(27,36,51,.85);
  background: rgba(11,15,20,.55);
  border-radius: 16px;
  transition: transform .12s ease, border-color .12s ease;
}
.bc-file-card:hover{
  transform: translateY(-2px);
  border-color: rgba(138,160,255,.55);
}

.bc-footer{
  color: rgba(152,166,181,.85);
  font-size: .85rem;
}

code.bc-code{
  color: #bffdf2;
  background: rgba(102,242,213,.10);
  border: 1px solid rgba(102,242,213,.18);
  padding: .15rem .35rem;
  border-radius: .5rem;
}


/* Careers accordion */
.bc-accordion .accordion-item{
  background: transparent;
  border: 0;
}
.bc-accordion .accordion-button{
  background: rgba(11,15,20,.72);
  color: var(--bc-text);
  border: 1px solid var(--bc-border);
  border-radius: 14px;
  box-shadow: none;
}
.bc-accordion .accordion-button:not(.collapsed){
  background: rgba(15,20,28,.72);
  border-color: rgba(102,242,213,.35);
}
.bc-accordion .accordion-button::after{
  filter: invert(1) opacity(.75);
}
.bc-accordion .accordion-collapse .accordion-body{
  background: rgba(11,15,20,.62);
  border: 1px solid var(--bc-border);
  border-top: 0;
  border-radius: 0 0 14px 14px;
}


/* Mailboxes + threads */
#mailboxList .list-group-item{
  border-radius: 14px;
  margin-bottom: .5rem;
}
#mailboxList .list-group-item.active{
  background: rgba(102,242,213,.10);
  border-color: rgba(102,242,213,.35);
  color: #bffdf2;
}
.bc-thread-snippet{
  color: var(--bc-muted);
  font-size: .82rem;
}
.bc-message-card{
  border: 1px solid rgba(27,36,51,.85);
  background: rgba(11,15,20,.55);
  border-radius: 14px;
  padding: 12px 14px;
}
.bc-mailbox-pill{
  border: 1px solid rgba(27,36,51,.85);
  background: rgba(11,15,20,.45);
  color: var(--bc-text);
}