/* =========================================================
   UPDATE V58 - MANAJEMEN TAHUN AJARAN & SEMESTER
   ========================================================= */

.period-active-v58{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  background:linear-gradient(135deg,#0b2f6f,#2563eb);
  color:#fff;
  border-radius:22px;
  padding:22px;
  margin-bottom:18px;
  box-shadow:0 18px 44px rgba(15,39,71,.12);
}
.period-active-v58 span{font-size:13px;font-weight:800;opacity:.86}
.period-active-v58 h2{margin:5px 0;color:#fff}
.period-active-v58 p{margin:0;opacity:.9}
.period-chip-v58{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#eef4ff;color:#2563eb;font-weight:900;font-size:12px;white-space:nowrap}
.period-chip-v58.active{background:#dcfce7;color:#15803d}
.period-chip-v58.closed{background:#fee2e2;color:#dc2626}

.period-layout-v58{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.period-list-v58{display:grid;gap:10px}
.period-list-v58 article{border:1px solid rgba(37,99,235,.14);border-radius:17px;padding:13px;background:#f8fbff}
.period-list-v58 article.is-active{border-color:#60a5fa;background:#eff6ff}
.period-list-v58 article>a{display:block;text-decoration:none;color:#0b2f6f}
.period-list-v58 article>a span{display:block;color:#64748b;font-size:13px;margin-top:5px;font-weight:700}
.period-actions-v58{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.period-actions-v58 form{margin:0}
.period-actions-v58 .btn{padding:8px 11px;min-height:auto;font-size:12px}
.period-check-v58{display:flex;align-items:center;gap:9px;font-weight:800;color:#334155}
.period-settings-v58{margin-bottom:18px}
.period-stats-v58{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.period-stats-v58>div{background:#f8fbff;border:1px solid rgba(37,99,235,.12);border-radius:16px;padding:14px}
.period-stats-v58 span{display:block;color:#64748b;font-size:13px;font-weight:800;margin-bottom:5px}
.period-stats-v58 b{color:#0b2f6f}
.period-copy-v58{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:#f8fbff;border:1px solid rgba(37,99,235,.12);border-radius:16px;padding:14px}
.period-filter-v58{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}
.period-single-filter-v58{display:grid;grid-template-columns:minmax(260px,420px) auto;gap:12px;align-items:end;margin-bottom:18px}
.period-public-v58{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid rgba(37,99,235,.14);border-radius:18px;padding:14px 18px;margin-top:18px;margin-bottom:18px}
.period-public-v58 span:first-child{display:block;color:#64748b;font-size:12px;font-weight:800;margin-bottom:4px}
.period-public-v58 b{color:#0b2f6f}
button[disabled]{opacity:.55;cursor:not-allowed}

@media(max-width:980px){
  .period-layout-v58{grid-template-columns:1fr}
  .period-filter-v58{grid-template-columns:1fr 1fr!important}
  .period-active-v58{display:grid;grid-template-columns:1fr}
  .period-chip-v58{justify-self:start}
}
@media(max-width:700px){
  .period-filter-v58,
  .period-single-filter-v58,
  .period-stats-v58,
  .period-copy-v58{grid-template-columns:1fr!important}
  .period-public-v58{display:grid;grid-template-columns:1fr}
  .period-public-v58 .period-chip-v58{justify-self:start}
}