.sync-panel{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;margin:22px 0 8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.sync-panel strong,.sync-panel small{display:block}.sync-panel small{margin-top:4px;color:#5f6e69}.sync-counts{display:flex;flex-wrap:wrap;gap:6px}.sync-counts span,.sync-state{padding:5px 8px;border-radius:999px;background:#edf0ee;font-size:.72rem;font-weight:800}.sync-state.local_draft,.sync-state.queued{background:#fff0b8;color:#725600}.sync-state.failed,.sync-state.rejected_by_server{background:#f3d8d3;color:#8c3026}.sync-state.conflict{background:#f3dccb;color:#74441f}.sync-state.synced{background:#dcecdf;color:#236133}.offline-card{border-left:5px solid #d1a900}.diagnostic-report{width:100%;min-height:260px;font-family:ui-monospace,monospace;font-size:.78rem}.update-banner{position:fixed;z-index:20;bottom:16px;left:16px;right:16px;max-width:620px;margin:auto;padding:14px;background:#12362f;color:white;border-radius:14px;box-shadow:0 15px 50px #0005}.update-banner button{margin-top:8px;background:#d8e45b;color:#12362f}@media(max-width:680px){.sync-panel{grid-template-columns:1fr 1fr}.sync-panel>div:first-child{grid-column:1/-1}.sync-counts{grid-column:1/-1}}
.office-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.office-grid article,.report-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.office-grid small,.office-grid strong,.report-card small,.report-card strong{display:block}.office-grid strong{font-size:1.45rem;color:#12362f;margin-top:6px}.export-form{max-width:900px}.export-form select[multiple]{min-height:120px}.document-export-filters{border:1px solid var(--line);border-radius:14px;padding:16px;margin:0}.document-export-filters legend{font-weight:800;padding:0 6px}.filter-checks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px}.report-result{margin:18px 0}.report-card{margin:8px 0}.report-card small{margin-top:5px;color:#52615c}.button-link{display:inline-block;background:#12362f;color:#fff;padding:9px 12px;border-radius:9px;text-decoration:none;font-weight:700}.employee-info{line-height:1.55}.employee-info h3{margin-top:20px}.success{padding:12px;background:#dcecdf;color:#236133;border-radius:10px}