.auth-screen[hidden],#sync-conflict[hidden]{display:none!important}
.auth-screen{position:fixed;inset:0;z-index:300;background:#f3f7f3;display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}
.connection-card{width:100%;max-width:400px;background:white;border:1px solid #e2eae3;border-radius:20px;padding:32px;box-shadow:0 20px 70px #224d2a0d;color:#355540}
.connection-brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:650;margin-bottom:28px}.connection-brand img{width:36px;height:36px}
.connection-card h1{font-size:23px;line-height:1.6}.connection-card p{font-size:12px;line-height:2;color:#8da091;margin:13px 0 20px}.connection-card input{font-size:15px}.connection-card button{width:100%;margin-top:15px;min-height:43px;font-size:13px}.connection-card small{font-size:10px;display:block;line-height:1.9;color:#9aaca0;margin-top:20px}
#sync-panel{max-width:560px}#sync-panel>h2{font-size:23px;color:#355540}#sync-panel-status{display:inline-block;background:#edf5ed;color:#51865c;font-size:12px;border-radius:6px;padding:6px 9px;margin:15px 0 10px}#sync-panel-description{font-size:12px;line-height:1.9;color:#8ca090;margin-bottom:18px}.sync-panel-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sync-panel-buttons .button{min-height:37px}#sync-conflict{background:#fcf8ee;border:1px solid #ede1c5;border-radius:10px;padding:15px;margin-top:15px}#sync-conflict h3{font-size:14px;color:#9c7b3b}#sync-conflict>p{font-size:11px;line-height:1.9;margin:9px 0 12px;color:#a4936b}.conflict-comparison{display:grid;grid-template-columns:1fr;gap:9px}.conflict-comparison section{padding:11px;background:#fff;border-radius:7px}.conflict-comparison h4{font-size:10px;font-weight:500;color:#a99b76;margin:0 0 8px}.conflict-value{display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.9}.conflict-value span{color:#a49d88;white-space:nowrap}.conflict-value strong{font-weight:500;color:#6d785e;overflow-wrap:anywhere;text-align:right}.conflict-buttons{display:flex;gap:8px;margin:14px 0 12px}#sync-conflict small{font-size:9px;color:#a7a08b;line-height:1.9}.demo-banner[data-state=conflict]{background:#faf3e4;border-color:#e9dfc4}.demo-banner[data-state=pending]{background:#f6f5ee}.live-progress{margin-top:22px;padding-top:18px;border-top:1px solid #edf1ec}.live-progress h3{font-size:12px;margin-bottom:12px}.live-progress article{background:#f6f9f5;padding:12px;border-radius:7px;margin-top:8px}.live-progress strong{font-size:12px;font-weight:500}.live-progress p{font-size:11px;line-height:1.9;color:#91a28e;margin-top:5px}
@media(max-width:640px){.connection-card{padding:26px 23px}.sync-panel-buttons .button{min-height:42px;font-size:12px}.conflict-buttons .button{font-size:11px;min-height:40px}.live-progress h3{font-size:13px}}