/* Kvartalna tema studentskog izveštaja. */
.pin-spotlight.quarter-report {
  --quarter-color: #7D3FA1;
  --quarter-accent: #C68EE4;
  --quarter-soft: #F7EFFB;
  --quarter-rgb: 125,63,161;
  position: relative;
  border-color: var(--quarter-accent);
  background: linear-gradient(145deg, #fff 0%, var(--quarter-soft) 100%);
  box-shadow: 0 14px 32px rgba(var(--quarter-rgb),.17);
}
.pin-spotlight.quarter-report.q1 { --quarter-color:#397B9A; --quarter-accent:#87B9CE; --quarter-soft:#EFF8FC; --quarter-rgb:57,123,154; }
.pin-spotlight.quarter-report.q2 { --quarter-color:#526EAE; --quarter-accent:#98A9D5; --quarter-soft:#F1F4FC; --quarter-rgb:82,110,174; }
.pin-spotlight.quarter-report.q3 { --quarter-color:#4F68B2; --quarter-accent:#96A8D9; --quarter-soft:#F1F4FD; --quarter-rgb:79,104,178; }
.pin-spotlight.quarter-report.q4 { --quarter-color:#514B88; --quarter-accent:#9993C1; --quarter-soft:#F2F1F9; --quarter-rgb:81,75,136; }
.pin-spotlight.quarter-report::before {
  background:linear-gradient(135deg, rgba(var(--quarter-rgb),.04), rgba(var(--quarter-rgb),.11));
}
.pin-spotlight.quarter-report .quarter-badge {
  position:absolute; top:18px; right:18px; z-index:2;
  padding:6px 12px; border-radius:999px;
  background:var(--quarter-color); color:#fff;
  font-size:11px; font-weight:800; letter-spacing:.06em;
  box-shadow:0 6px 14px rgba(var(--quarter-rgb),.25);
}
.pin-spotlight.quarter-report .pin-kicker { color:var(--quarter-color); }
.pin-spotlight.quarter-report .pin-action-link.featured {
  border-color:rgba(var(--quarter-rgb),.24);
  border-left-color:var(--quarter-color);
  background:linear-gradient(135deg, #FFFFFF 0%, var(--quarter-soft) 100%);
  box-shadow:0 9px 20px rgba(var(--quarter-rgb),.11);
}
.pin-spotlight.quarter-report .pin-action-link.featured strong { color:var(--quarter-color); }
.pin-spotlight.quarter-report .pin-action-link.featured:hover {
  border-color:var(--quarter-accent);
  border-left-color:var(--quarter-color);
  box-shadow:0 13px 26px rgba(var(--quarter-rgb),.18);
}
.pin-spotlight.quarter-report .pin-action-link.featured .pin-arrow { color:var(--quarter-color); }
@media screen and (max-width:760px) {
  .pin-spotlight.quarter-report .quarter-badge { top:14px; right:12px; }
}