.field-sync-badge{appearance:none;border:1px solid #1f6faa;border-radius:999px;background:#09233a;color:#8ccfff;font:700 12px/1.2 inherit;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:.2s ease}
.field-sync-badge:hover,.field-sync-badge:focus-visible{border-color:#54aaff;box-shadow:0 0 0 3px rgba(42,139,230,.16);outline:none}
.field-sync-badge.online{border-color:#176c5d;background:#082d2b;color:#76e8c4}
.field-sync-badge.syncing,.field-sync-badge.pending{border-color:#806018;background:#30260c;color:#ffd675}
.field-sync-badge.offline{border-color:#955f1e;background:#33220d;color:#ffc776}
.field-sync-badge.attention{border-color:#a8444c;background:#351418;color:#ff9fa5}
.field-sync-panel{position:fixed;inset:0;z-index:1200;display:none;align-items:flex-end;justify-content:flex-end;padding:24px;background:rgba(1,8,16,.58);backdrop-filter:blur(4px)}
.field-sync-panel.open{display:flex}
.field-sync-panel-card{width:min(440px,100%);max-height:min(620px,calc(100vh - 36px));overflow:auto;border:1px solid #1d4f72;border-radius:20px;background:#071827;color:#eff8ff;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.48)}
.field-sync-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.field-sync-panel h3{margin:4px 0 0}.field-sync-panel p{color:#96afc5;line-height:1.55}
.field-sync-list{display:grid;gap:8px;margin:16px 0}.field-sync-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #193b55;border-radius:12px;background:#0a2033}.field-sync-list span{font-weight:750}.field-sync-list small{color:#86a5bc;text-align:right}
.field-sync-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.field-sync-error{display:block;color:#ffabb0;margin-top:12px;line-height:1.4}
@media(max-width:640px){.field-sync-panel{padding:10px}.field-sync-panel-card{border-radius:18px}.field-sync-badge{width:100%;text-align:center}.section-head:has(.field-sync-badge){align-items:stretch}}