.synctray{--panel:#fdfbf5;--ink:#181408;--soft:#6d6551;--rule:#ddd4c0;--teal:#177f71;--teal-deep:#0d564c;--teal-wash:#177f7114;--red:#a83420;--lane-dental:#1d5fa8;--lane-dental-wash:#1d5fa814;--lane-medical:#6b3fa0;--lane-medical-wash:#6b3fa014;color:var(--ink);font:14.5px/1.45 DM Sans,Avenir Next,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){.synctray{--panel:#171f1c;--ink:#e8e3d6;--soft:#a29a85;--rule:#2b3530;--teal:#3fb5a3;--teal-deep:#8adcce;--teal-wash:#3fb5a31a;--red:#e07a63;--lane-dental:#7fb0ea;--lane-dental-wash:#7fb0ea1f;--lane-medical:#b99ae6;--lane-medical-wash:#b99ae61f}}.synctray .cmd-pill{letter-spacing:.05em;white-space:nowrap;border:1.5px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;display:inline-flex}.synctray .cmd-pill.teal{color:var(--teal);border-color:var(--teal);background:var(--teal-wash)}.synctray .cmd-pill.lane-d{color:var(--lane-dental);border-color:var(--lane-dental);background:var(--lane-dental-wash)}.synctray .cmd-pill.lane-m{color:var(--lane-medical);border-color:var(--lane-medical);background:var(--lane-medical-wash)}.synctray .cmd-btn{font:inherit;border:1.5px solid var(--rule);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.synctray .cmd-btn:hover{border-color:var(--teal);color:var(--teal)}.synctray .cmd-btn:disabled{opacity:.5;cursor:default}.synctray .cmd-btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.synctray .cmd-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.synctray .cmd-btn.primary:hover{background:var(--teal-deep)}.synctray{flex-direction:column-reverse;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:relative}.synctray-item{background:var(--panel,#16171c);border:1px solid var(--rule);border-left:3px solid var(--soft);border-radius:7px;padding:9px 11px;animation:.18s ease-out synctray-in;box-shadow:0 6px 20px #00000047}@media (prefers-reduced-motion:reduce){.synctray-item,.synctray-dot-running{animation:none}}@keyframes synctray-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.synctray-running,.synctray-done{border-left-color:var(--teal,#177f71)}.synctray-error{border-left-color:var(--red,#d9534f)}.synctray-head{align-items:center;gap:8px;display:flex}.synctray-dot{border-radius:50%;flex:none;width:7px;height:7px}.synctray-dot-running{background:var(--teal,#177f71);animation:1.1s ease-in-out infinite synctray-pulse}.synctray-dot-done{background:var(--teal,#177f71)}.synctray-dot-error{background:var(--red,#d9534f)}@keyframes synctray-pulse{0%,to{opacity:1}50%{opacity:.3}}.synctray-label{flex:1;font-size:12.5px;font-weight:500}.synctray-time{color:var(--soft);font-variant-numeric:tabular-nums;font-size:11px}.synctray-x{color:var(--soft);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.synctray-x:hover{color:var(--ink)}.synctray-detail{color:var(--soft);margin-top:4px;font-size:11.5px;line-height:1.45}.synctray-step{color:var(--soft);justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;display:flex}.synctray-pct{font-variant-numeric:tabular-nums;color:var(--ink)}.synctray-track{background:var(--rule);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.synctray-fill{background:var(--teal,#177f71);border-radius:999px;height:100%;transition:width .5s ease-out}.synctray-done .synctray-fill{background:var(--teal,#177f71)}.synctray-error .synctray-fill{background:var(--red,#d9534f)}.synctray-steps{gap:4px;margin-top:7px;display:flex}.synctray-steps i{background:var(--rule);border-radius:2px;flex:1;height:3px;transition:background .3s}.synctray-steps i.on,.synctray-done .synctray-steps i.on{background:var(--teal,#177f71)}.synctray-error .synctray-steps i.on{background:var(--red,#d9534f)}.synctray-acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.synctray-senderr{color:var(--red,#d9534f);margin-top:4px}.synctray-hint{color:var(--soft);margin-top:6px;font-size:12px}.synctray-clickable{cursor:pointer;position:relative}.synctray-clickable:hover{box-shadow:0 0 0 1px var(--teal,#177f71),0 6px 20px #00000047}@media (prefers-reduced-motion:reduce){.synctray-fill,.synctray-steps i{transition:none}}.synctray-pop{background:var(--panel,#16171c);border:1px solid var(--rule);cursor:default;border-radius:10px;flex-direction:column;width:min(430px,100vw - 32px);max-height:min(60vh,100vh - 200px);animation:.18s ease-out synctray-in;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 16px 44px #0006}.synctray-pop-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:11px 13px;font-size:13.5px;display:flex}.synctray-pop-body{overflow-y:auto}.synctray-case{border-bottom:1px solid var(--rule);gap:4px;padding:11px 13px;display:grid}.synctray-case-top{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.synctray-case-mid{color:var(--soft);font-size:12px;line-height:1.5}.synctray-case-foot{color:var(--soft);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.synctray-case-foot a,.synctray-pop-foot a{color:var(--teal,#177f71);font-weight:600;text-decoration:none}.synctray-case-foot a:hover,.synctray-pop-foot a:hover{text-decoration:underline}.synctray-pop-foot{padding:10px 13px;font-size:12.5px}@media (prefers-color-scheme:dark){.synctray .cmd-btn.primary{color:#06211c}}
