.award-page {
    padding-top: 108px;
    padding-bottom: 72px;
}

.award-head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    margin-bottom: 24px;
}

.award-head h1 { margin: 6px 0 8px; }
.award-head p { margin: 0; max-width: 760px; opacity: .72; }
.award-head-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.award-stat-grid,
.award-school-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.award-stat-grid button,
.award-school-stats > div {
    min-height: 92px;
    border: 1px solid rgba(224,183,55,.18);
    background: rgba(255,255,255,.025);
    border-radius: 18px;
    padding: 18px;
    text-align: left;
    color: inherit;
}

.award-stat-grid button { cursor: pointer; }
.award-stat-grid button:hover { border-color: rgba(224,183,55,.52); transform: translateY(-2px); }
.award-stat-grid span,
.award-school-stats span { display: block; font-size: .78rem; opacity: .64; margin-bottom: 8px; }
.award-stat-grid strong,
.award-school-stats strong { display: block; font-family: "Space Mono", monospace; font-size: 1.8rem; }

.award-type-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 14px;
}

.award-type-strip button {
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.025);
    color: inherit;
    border-radius: 999px;
    padding: 10px 14px;
    cursor: pointer;
}

.award-type-strip button.active,
.award-type-strip button:hover {
    border-color: rgba(224,183,55,.62);
    color: #e0b737;
    background: rgba(224,183,55,.07);
}

.award-filter {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 180px auto;
    gap: 10px;
    margin-bottom: 16px;
}

.award-filter input,
.award-filter select {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(4,7,20,.8);
    color: inherit;
    padding: 0 13px;
}

.award-directory,
.school-award-list { display: grid; gap: 10px; }

.award-row,
.school-award-card {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}

.award-row.is-issued,
.school-award-card.is-issued { border-color: rgba(73,212,147,.25); }
.award-row.is-revoked,
.school-award-card.is-revoked { border-color: rgba(255,96,115,.28); opacity: .82; }

.award-avatar {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 30% 30%, rgba(224,183,55,.32), rgba(145,80,255,.14));
    border: 1px solid rgba(224,183,55,.25);
    color: #e0b737;
    font-weight: 800;
}

.award-row-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.award-main h3 { margin: 2px 0 4px; font-size: 1rem; }
.award-main p { margin: 2px 0; }
.award-main small { opacity: .62; }
.award-org { opacity: .72; }
.award-activity { color: #e8e9f4; font-weight: 600; }
.award-type-label { font: 700 .68rem/1 "Space Mono", monospace; letter-spacing: .08em; color: #e0b737; }
.award-status { font-size: .74rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 6px 9px; opacity: .8; }
.award-number { margin-top: 8px; font: 700 .74rem/1.2 "Space Mono", monospace; color: #e0b737; }

.award-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 310px;
}

.btn-danger-soft {
    border: 1px solid rgba(255,96,115,.35);
    background: rgba(255,96,115,.08);
    color: #ff9eaa;
}

.award-empty {
    border: 1px dashed rgba(255,255,255,.16);
    border-radius: 18px;
    padding: 42px 22px;
    text-align: center;
    opacity: .72;
}

.award-school-page { padding-bottom: 100px; }
.award-waiting { color: #e0b737; font-size: .82rem; }
.award-revoked-label { color: #ff9eaa; font-size: .82rem; }
.verify-role { margin-top: 5px; color: #b08c18; font-weight: 700; }

@media (max-width: 900px) {
    .award-head { align-items: flex-start; flex-direction: column; }
    .award-stat-grid,
    .award-school-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .award-filter { grid-template-columns: 1fr; }
    .award-row,
    .school-award-card { grid-template-columns: 48px minmax(0,1fr); }
    .award-actions { grid-column: 1 / -1; justify-content: stretch; max-width: none; }
    .award-actions .btn,
    .award-actions a { flex: 1 1 140px; text-align: center; }
}

@media (max-width: 600px) {
    .award-page { padding-top: 92px; }
    .award-stat-grid,
    .award-school-stats { grid-template-columns: 1fr 1fr; }
    .award-row,
    .school-award-card { padding: 14px; gap: 12px; }
    .award-avatar { width: 44px; height: 44px; border-radius: 14px; }
    .award-row-top { display: block; }
    .award-status { display: inline-block; margin-top: 6px; }
}