| 1 |
- .page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header p{margin:0 0 7px;color:#247b63;font-size:11px;font-weight:800;letter-spacing:.18em}.page-header h1{margin:0;font-size:29px}.page-header span{display:block;margin-top:8px;color:#7d8a96;font-size:13px}.header-actions{display:flex;gap:9px}.header-actions button,.dataset-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid #d9e3df;border-radius:10px;color:#2d493f;background:#fff;font-weight:700}.header-actions .primary{border-color:#17775e;color:#fff;background:#17775e}.header-actions button:disabled,.dataset-card button:disabled{opacity:.5;cursor:not-allowed}.notice{display:flex;align-items:center;gap:9px;margin:0 0 15px;padding:12px 14px;border:1px solid #dce8e3;border-radius:11px;background:#f2faf7}.notice.error{border-color:#f3cdd1;color:#a9303b;background:#fff3f4}.notice.success{color:#176b51}.state{display:grid;place-items:center;gap:10px;min-height:330px;color:#718178}.state.compact{min-height:90px}.sync-hero{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(520px,1.6fr);align-items:center;gap:18px;padding:22px;border:1px solid #dce7e2;border-radius:16px;background:linear-gradient(125deg,#fff,#f4faf7)}.health-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;color:#22775e;background:#e4f5ee}.sync-hero[data-health=error] .health-icon,.sync-hero[data-health=delayed] .health-icon{color:#a46613;background:#fff2d9}.sync-hero[data-health=not_configured] .health-icon,.sync-hero[data-health=never_synced] .health-icon{color:#627386;background:#edf1f4}.sync-hero>div>span{display:block;color:#75857d;font-size:12px}.sync-hero strong{display:block;margin:4px 0;font-size:23px}.sync-hero small{color:#75857d}.sync-hero dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;overflow:hidden;border:1px solid #deebe5;border-radius:12px;background:#deebe5}.sync-hero dl div{padding:13px;background:#fff}.sync-hero dt{color:#89968f;font-size:11px}.sync-hero dd{margin:5px 0 0;font-weight:750}.configuration-warning{display:flex;gap:13px;margin-top:16px;padding:17px;border:1px solid #eed9a9;border-radius:13px;color:#76551a;background:#fff9eb}.configuration-warning strong{font-size:14px}.configuration-warning p{margin:5px 0 0;line-height:1.65}.configuration-warning code{padding:2px 5px;border-radius:5px;background:#f3ead4}.dataset-card{overflow:hidden;margin-top:17px;border:1px solid #e0e8e4;border-radius:15px;background:#fff}.dataset-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #e7ecea}.dataset-card h2{margin:0;font-size:17px}.dataset-card p{margin:5px 0 0;color:#8b9691;font-size:11px}.dataset-card>header>span{color:#819089;font-size:11px}.table-scroll{overflow:auto}table{width:100%;min-width:1040px;border-collapse:collapse}th,td{padding:13px 16px;border-bottom:1px solid #edf1ef;text-align:left;font-size:12px}th{color:#75827c;background:#fafcfb;font-size:11px}td:first-child strong,td:first-child small{display:block}td:first-child small{margin-top:4px;color:#91a099}.difference{color:#bd3742;font-weight:800}.health{display:inline-flex;padding:5px 9px;border-radius:999px;color:#1f7359;background:#e7f5ef;font-weight:750}.health[data-health=delayed],.health[data-health=error]{color:#9a6213;background:#fff0d3}.health[data-health=not_configured],.health[data-health=never_synced]{color:#687985;background:#edf1f4}.dataset-card button{min-height:34px;padding:0 10px;border-radius:8px;font-size:11px}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.sync-hero{grid-template-columns:auto 1fr}.sync-hero dl{grid-column:1/-1}}@media(max-width:700px){.page-header{align-items:stretch;flex-direction:column}.header-actions{display:grid;grid-template-columns:1fr 1fr}.sync-hero{grid-template-columns:1fr}.health-icon{width:48px;height:48px}.sync-hero dl{grid-template-columns:1fr 1fr}.dataset-card>header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:25px}}
|
