.sync-todos{margin-bottom:12px}.sync-todo-strip{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#fff7e7;border:1px solid #dfbb79;border-radius:6px;color:#795321;min-width:0}.sync-todo-strip button{border:0;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.sync-todo-ticker{flex:1;overflow:hidden;text-align:left}.sync-todo-ticker span{display:inline-block;white-space:nowrap;animation:syncTicker 60s linear infinite}.sync-todo-ticker:hover span,.sync-todo-ticker:focus span{animation-play-state:paused}@keyframes syncTicker{from{transform:translateX(0)}to{transform:translateX(-70%)}}@media(prefers-reduced-motion:reduce){.sync-todo-ticker span{animation:none}}.sync-todo-panel{background:white;border:1px solid #d7dfda;border-radius:8px;padding:14px;max-height:75vh;overflow:auto}.sync-todo-panel header{display:flex;justify-content:space-between;align-items:center}.sync-todo-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.sync-todo-layout nav{max-height:55vh;overflow:auto}.sync-todo-layout nav button{display:block;width:100%;margin-bottom:6px;text-align:left;white-space:normal}.sync-todo-panel table{width:100%;border-collapse:collapse}.sync-todo-panel td,.sync-todo-panel th{padding:8px;border:1px solid #ddd;text-align:left;overflow-wrap:anywhere}.sync-todo-panel input{display:block;width:100%;margin:8px 0}.sync-todo-panel small{overflow-wrap:anywhere}.sync-todo-panel [role=alert]{color:#ad3027}@media(max-width:700px){.sync-todo-layout{grid-template-columns:1fr}.sync-todo-layout nav{max-height:150px}}

.sync-status{display:block;margin:5px 0;color:#5b706c}.sync-status button{border:0;background:none;color:#32645d;cursor:pointer}

.sync-todo-panel{padding:18px;max-height:78vh;font:14px/1.6 system-ui,sans-serif;color:#253f3b}
.sync-todo-panel h3,.sync-todo-panel h4,.sync-todo-panel p{margin:0 0 8px}.sync-todo-panel h3{font-size:19px}.sync-todo-panel h4{font-size:14px}
.sync-todo-panel header{padding-bottom:12px;border-bottom:1px solid #e1e8e5;gap:16px}.sync-todo-panel header p{color:#667d76;font-size:12px;margin:0}
.sync-run-summary{margin:10px 0 16px;color:#60766f;font-size:12px}.sync-todo-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}
.sync-todo-layout nav{padding-right:12px;border-right:1px solid #e1e8e5;max-height:58vh}.sync-todo-layout nav .btn{padding:10px 12px;line-height:1.4;border-radius:7px}.sync-todo-layout nav small{display:block;margin-top:5px;color:#758780;font-size:11px}.sync-todo-layout nav .is-selected{border-color:#38685b;background:#edf5f1;box-shadow:inset 3px 0 #38685b}
.sync-todo-layout article{min-width:0}.sync-case-heading{display:flex;gap:12px;align-items:center}.sync-case-heading span{font-size:12px;color:#906126;background:#fff3da;border-radius:4px;padding:2px 8px}
.sync-reason{background:#fff8eb;border:1px solid #ecd8b2;border-left:3px solid #bc8b39;padding:12px 14px;border-radius:6px;margin:14px 0}.sync-source{margin:16px 0}.sync-source-key{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:10px}.sync-source-item{padding:10px 12px;background:#f5f8f6;border:1px solid #e1e8e5;border-radius:6px;margin-bottom:8px;overflow-wrap:anywhere}.sync-source-item p{margin:3px 0;font-size:12px;color:#60766f}
.sync-table-scroll{overflow:auto;margin-bottom:16px}.sync-todo-panel table{font-size:13px}.sync-todo-panel th{background:#f0f5f2}.sync-decision{border-top:1px solid #e1e8e5;padding-top:14px;margin-top:16px}.sync-decision textarea{display:block;width:100%;box-sizing:border-box;min-height:70px;padding:8px 10px;border:1px solid #ccd9d2;border-radius:6px;font:inherit;margin:6px 0 10px;resize:vertical}.sync-decision-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sync-decision small{color:#758780}.sync-audit{border-top:1px solid #e1e8e5;padding:10px 0;margin-top:12px;font-size:12px;overflow-wrap:anywhere}.sync-audit summary,.sync-run-summary summary{cursor:pointer}.sync-empty{padding:24px;color:#758780}
@media(max-width:700px){.sync-todo-panel{padding:12px}.sync-todo-layout{grid-template-columns:1fr}.sync-todo-layout nav{max-height:180px;border-right:0;border-bottom:1px solid #e1e8e5}.sync-source-key{display:block}.sync-source-key span{display:block}}

.sync-todo-panel{max-height:none;overflow:visible}.main-content>div.internal-scroll-page{overflow:auto;scrollbar-width:auto}.main-content>div.internal-scroll-page::-webkit-scrollbar{width:10px;height:10px}
.audit-table thead th{position:sticky;top:0;z-index:3;background:#eff4f0!important;background-clip:padding-box;box-shadow:0 1px 0 #d8e2dc}

.sync-todo-panel,.sync-todo-panel *{box-sizing:border-box}.sync-todo-layout nav,.sync-todo-layout article,.sync-decision{min-width:0;max-width:100%}.sync-todo-layout nav .btn{white-space:normal;overflow-wrap:anywhere}.sync-todo-panel p,.sync-todo-panel td,.sync-todo-panel th{overflow-wrap:anywhere;white-space:normal}.sync-reason-options{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.sync-reason-options span{font-size:12px;color:#60766f}.sync-reason-options .btn{font-size:12px;padding:5px 8px;white-space:normal;text-align:left}.sync-action-blocked{padding:8px 10px;background:#fff8eb;border-left:3px solid #bc8b39;color:#78531c;font-size:13px;margin-top:8px!important}

.sync-field-source{display:block;margin-top:5px;color:#657b73;font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
