.sp-recent-update{margin-top:24px;padding:20px 22px;border:1px solid #dce7f4;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(31,74,125,.045)}
.sp-recent-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.sp-recent-head h2{margin:0 0 5px;color:#172033;font-size:21px;font-weight:800;letter-spacing:-.55px}
.sp-recent-head p{margin:0;color:#748196;font-size:12px;line-height:1.65}
.sp-recent-rule{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#f3f7fc;color:#7b8798;font-size:10px;font-weight:800;white-space:nowrap}
.sp-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp-recent-item{min-width:0;min-height:48px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #e5ecf4;border-radius:12px;background:#f9fbfe;color:#172033!important;text-decoration:none!important;transition:.16s ease}
.sp-recent-item:hover{transform:translateY(-1px);border-color:#cbdff7;background:#f5f9ff;box-shadow:0 5px 14px rgba(31,74,125,.055)}
.sp-recent-date{flex:0 0 auto;color:#8b98aa;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.sp-recent-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263449;font-size:13px;font-weight:800;letter-spacing:-.2px}
.sp-recent-status{width:48px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 4px;border-radius:5px;font-size:9px;font-weight:850;line-height:1;white-space:nowrap}
.sp-recent-new{background:#eaf3ff;color:#1677ff}
.sp-recent-changed{background:#fff4df;color:#b86b00}
.sp-recent-offline{background:#fff0f1;color:#c43d4b}
.sp-recent-empty{padding:18px;border:1px dashed #dce5ef;border-radius:12px;background:#fafcff;color:#8a97a8;font-size:12px;text-align:center}
.sp-recent-update .btn-wset{padding-top:8px;text-align:right}
@media(max-width:991px){.sp-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.sp-recent-update{margin-top:20px;padding:17px 14px;border-radius:16px}.sp-recent-head{display:block;margin-bottom:12px}.sp-recent-head h2{font-size:18px}.sp-recent-head p{font-size:11px}.sp-recent-rule{display:none}.sp-recent-list{grid-template-columns:1fr;gap:6px}.sp-recent-item{min-height:43px;padding:0 10px;border-radius:10px}.sp-recent-date{font-size:9px}.sp-recent-name{font-size:12px}.sp-recent-status{width:40px;flex-basis:40px;height:15px;padding:0 3px;font-size:7px}}
