/* V3.1.1 - Real-page polish, loaded after every previous CSS layer. */
:root{--brand:#1677d2;--brand-hover:#0864b7;--soft-blue:#edf5fd;--stroke:#e4ebf3}
body.is-member{background:#f4f7fa;color:#20364f}
body.is-member .container{max-width:1150px}
body.is-member .topbar{background:#fff;border-bottom:1px solid #e7edf4}
body.is-member .page-heading{border-left:3px solid #2783d4;padding-left:13px}
body.is-member .page-heading h1{font-weight:750;letter-spacing:0;color:#263e57}
body.is-member .panel,.forum-home .home-section,.forum-home .home-bulletin{box-shadow:0 3px 14px rgba(33,62,94,.035);border-color:#e7edf5}
body.is-member .home-welcome{background:linear-gradient(120deg,#196eb5,#2e94dc);border:1px solid #2d8fd3;color:#fff}
body.is-member .home-welcome .welcome-label,body.is-member .home-welcome h2,body.is-member .home-welcome p{color:#fff}
body.is-member .home-welcome .welcome-account{background:#fff;color:#24506f}
body.is-member .home-welcome .welcome-account strong{color:#166fb8}
body.is-member .home-welcome .welcome-account span{color:#7c91a4}
body.is-member .service-item .service-icon{box-shadow:inset 0 0 0 1px rgba(30,70,110,.045)}
body.is-member .home-section .section-title h2{font-weight:750;color:#29425b}
body.is-member .feed-row{transition:background .12s}
body.is-member .feed-row:active{background:#f5faff}
body.is-admin .admin-sidebar{background:#fff}
body.is-admin .admin-workspace{background:#f6f8fb}
body.is-admin .admin-workspace .panel{box-shadow:0 3px 12px rgba(33,62,94,.035);border-color:#e7edf4}
body.is-admin .admin-sidebar .side-item.active{background:#e8f3ff;color:#1677d2}
body.is-admin .admin-workspace h1{font-weight:760;color:#26405b}
.checkin-stage,.checkin-receipt{max-width:620px;margin:0 auto;text-align:center;padding:clamp(22px,4vw,42px)}
.checkin-stage-icon,.checkin-success-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:34px;margin:0 auto 18px;background:#e8f4ff;color:#1879cd}
.checkin-success-icon{background:#e8f8f1;color:#0e9a68;border:1px solid #b7e8d4}
.checkin-stage .btn,.checkin-receipt .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;white-space:normal}
.checkin-stage form{margin:18px 0}
.checkin-earn{display:flex;justify-content:center;align-items:baseline;color:#1677d2;font-size:52px;font-weight:800;line-height:1.3;margin:14px 0 23px}
.checkin-earn span{font-size:17px;margin-left:7px;font-weight:600}
.checkin-receipt-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e8eef6;border-radius:10px;background:#f8fbfe;margin:22px 0 18px;overflow:hidden}
.checkin-receipt-details>div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 4px;border-right:1px solid #e8eef6}
.checkin-receipt-details>div:last-child{border:0}
.checkin-receipt-details small{color:#8a9aad;font-size:11px}
.checkin-receipt-details strong{color:#264c72;font-size:15px}
.checkin-receipt-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
@media(max-width:600px){body.is-member .page-heading{margin-top:4px}.checkin-stage,.checkin-receipt{padding:24px 16px}.checkin-receipt-actions{flex-direction:column}.checkin-receipt-actions .btn,.checkin-stage .btn{width:100%}.checkin-earn{font-size:47px}.checkin-receipt-details strong{font-size:13px}.checkin-receipt-details small{font-size:10px}}
@media(max-width:350px){.checkin-receipt-details>div{padding:14px 2px}.checkin-receipt-details strong{font-size:12px}}