.sync-card{border:1px solid #e1e8eb;border-radius:10px;padding:15px;background:#fbfcfc}.sync-card small{display:block;color:#7b8b94;font-size:9px;font-weight:700}.sync-card strong{display:block;font-size:19px;margin-top:4px;color:#174f40}
.sync-notice{padding:13px 15px;border-radius:9px;margin-bottom:15px;font-size:12px}.sync-notice.success{background:#eaf7f1;color:#176449;border:1px solid #cce9dc}.sync-notice.warning{background:#fff7df;color:#795b00;border:1px solid #f0dda2}.sync-notice.danger{background:#fdeeee;color:#8a2929;border:1px solid #efc7c7}


/* Poliklinik smart synchronization UI */
.sync-status-card{border:1px solid #dbe8e4;border-radius:12px;background:#fbfefd;padding:14px 16px}
.sync-status-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.sync-title{font-weight:700;color:#075e50}
.sync-last{min-width:220px;text-align:right;border-left:1px solid #e8eeee;padding-left:18px}
.sync-last span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#72808a}
.sync-last strong{display:block;color:#006b5c;font-size:17px;margin-top:2px}
.sync-progress-box{display:none;margin-top:14px;padding:12px 14px;border:1px solid #dce8e5;border-radius:9px;background:#fbfefd}
.sync-progress-box.is-visible{display:block}
.sync-progress-box .progress{background:#e9eeee;border-radius:999px;overflow:hidden}
.sync-progress-box .progress-bar{background:#007f6e}
.sync-foot{font-size:11px;color:#637178;margin-top:9px}
@media(max-width:700px){
  .sync-status-head{align-items:flex-start;flex-direction:column}
  .sync-last{text-align:left;border-left:0;border-top:1px solid #e8eeee;padding:10px 0 0;width:100%}
}
@media print{
  .sync-status-card,.report-filter,.d-flex.gap-2{display:none!important}
}