:root{--blue:#009ed5;--green:#59b719;--navy:#00345d}
.quality-alert{display:grid;grid-template-columns:1fr auto;gap:5px 24px;padding:18px 22px;margin-bottom:18px;border-radius:14px;background:linear-gradient(110deg,#fff4ed,#fff);border:1px solid #f1ccb7;color:var(--navy)}.quality-alert>span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#b64b16}.quality-alert>strong{grid-row:1/3;grid-column:2;align-self:center;font-size:22px}.quality-alert>small{color:var(--muted)}.quality-ok{background:linear-gradient(110deg,#eff9e8,#fff);border-color:#cce9b8}.quality-ok>span{color:var(--green)}
.quality-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.quality-summary article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.quality-summary span{display:block;color:var(--muted);font-size:12px}.quality-summary strong{display:block;font-size:29px;margin-top:8px}.quality-critical{border-top:4px solid #d8563c!important}.quality-warning{border-top:4px solid #e9a52b!important}.quality-info{border-top:4px solid var(--blue)!important}.issue{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase}.issue-critical{background:#fdebe7;color:#ac2f19}.issue-warning{background:#fff3d8;color:#94610b}.issue-info{background:#e5f7fd;color:#00749d}.quality-message{border-left:5px solid #d8563c}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-grid .panel{margin-bottom:0}.analytics-grid .panel:last-child{grid-column:1/-1}.muted{color:var(--muted)}code{font-size:12px;color:var(--navy);background:#eef5f8;padding:4px 7px;border-radius:5px}
@media(max-width:900px){.quality-summary{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.analytics-grid .panel:last-child{grid-column:auto}}@media(max-width:520px){.quality-summary{grid-template-columns:1fr}.quality-alert{grid-template-columns:1fr}.quality-alert>strong{grid-row:auto;grid-column:auto}.analytics-grid .barrow{grid-template-columns:100px 1fr 28px}}
.sync-status{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:18px 22px;margin-bottom:18px;border-radius:14px;border:1px solid}.sync-status>div{display:grid;gap:4px}.sync-status>div:last-child{text-align:right}.sync-status span,.sync-status small{color:var(--muted);font-size:12px}.sync-status strong{font-size:17px}.sync-fresh{background:#eff9e8;border-color:#c7e6b2}.sync-stale{background:#fff0eb;border-color:#efc4b5}@media(max-width:620px){.sync-status{align-items:flex-start;flex-direction:column}.sync-status>div:last-child{text-align:left}}