.connection-panel{background:#fff;border:1px solid #d9e0e3;border-left:3px solid #bf965f;border-radius:10px;padding:18px 22px;margin:0 0 22px;box-shadow:0 3px 13px #0b283008}.connection-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.connection-title{display:flex;align-items:center;gap:10px;color:#193d52;font-size:14px;font-weight:700}.connection-badge{font-size:10px;padding:5px 9px;border-radius:20px;color:#8c5d29;background:#fff4de;font-weight:600;white-space:nowrap}.connection-badge.fresh{color:#2b655e;background:#edf7f3}.connection-badge.error{color:#a23b31;background:#fff0ed}.connection-actions{display:flex;gap:7px;flex-wrap:wrap}.connection-actions button{font:inherit;font-size:11px;cursor:pointer;border:1px solid #cdd7df;border-radius:6px;padding:8px 12px;background:white;color:#25465d}.connection-actions .primary{background:#17394d;color:#fff;border-color:#17394d}.connection-meta{display:flex;gap:25px;flex-wrap:wrap;margin:14px 0 0;font-size:11px;color:#667982;line-height:1.7}.connection-meta strong{display:block;color:#243f50;font-size:13px;font-weight:650}.connection-note{font-size:10px;line-height:1.7;color:#788994;margin:12px 0 0}.connection-alert{margin:12px 0 0;font-size:12px;color:#a74631;line-height:1.7}.connection-alert:empty{display:none}.sync-dialog{box-sizing:border-box;width:min(670px,calc(100% - 28px));max-height:88vh;border:1px solid #c9d3da;border-radius:14px;padding:0;color:#244456;box-shadow:0 24px 100px #00162755}.sync-dialog::backdrop{background:#0c263980;backdrop-filter:blur(3px)}.sync-dialog-head{padding:22px 24px 18px;border-bottom:1px solid #e1e7eb;display:flex;align-items:center;justify-content:space-between;gap:10px}.sync-dialog-head h2{font-size:19px;margin:0}.sync-dialog-head button{border:0;background:transparent;color:#536978;font-size:24px;cursor:pointer;padding:0 4px}.sync-dialog-body{padding:22px 24px}.sync-dialog p,.sync-dialog li{font-size:12px;line-height:1.8;color:#697e8b}.sync-dialog .input-label{font-size:12px;font-weight:650;display:block;margin:17px 0 8px}.sync-dialog input[type=file],.sync-dialog input[type=datetime-local]{box-sizing:border-box;width:100%;border:1px solid #cbd6de;border-radius:7px;background:#f8fafb;padding:11px;color:#214357;font:inherit;font-size:12px}.sync-preview{padding:14px;margin:16px 0;border:1px solid #d4e1e6;border-radius:8px;background:#f6faf9;font-size:12px;line-height:1.9;white-space:pre-line}.sync-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;margin:15px 0}.sync-check input{margin-top:4px}.sync-dialog button:disabled{opacity:.45;cursor:not-allowed}.sync-error{color:#aa4034;font-size:12px;line-height:1.8;white-space:pre-line}.sync-dialog-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sync-history{padding:0;list-style:none;margin:12px 0}.sync-history li{padding:13px 0;border-bottom:1px solid #e1e7eb}.sync-history strong{display:block;color:#284757}.sync-help-link{color:#305e76;text-underline-offset:3px}.sync-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sync-status-grid div{background:#f4f7f8;padding:12px;border-radius:8px;font-size:12px;line-height:1.8}.sync-status-grid strong{display:block}.sync-status-grid em{font-style:normal;color:#8b6336}.sync-dialog .muted{font-size:11px;color:#8695a0}.sync-dialog .connection-actions{justify-content:flex-start}.sync-scope{font-size:10px;color:#72838d}
@media(max-width:760px){.connection-panel{padding:15px;margin-bottom:16px}.connection-top{align-items:flex-start;flex-direction:column;gap:12px}.connection-title{font-size:13px}.connection-meta{gap:13px 20px}.connection-meta strong{font-size:12px}.connection-note{font-size:10px}.sync-dialog-body{padding:18px}.sync-dialog-head{padding:18px}.sync-status-grid{grid-template-columns:1fr}.connection-actions{width:100%}.connection-actions button{flex:1}.connection-meta>span{min-width:calc(50% - 15px)}}
.shared-status .connection-title,.shared-status .connection-actions button{font-size:14px}.shared-status .connection-note{font-size:13px;line-height:1.8}.shared-status .connection-badge{font-size:12px}.sync-dialog p,.sync-dialog li,.sync-dialog .input-label,.sync-preview,.sync-check,.sync-status-grid div{font-size:14px}.connection-actions button:disabled{opacity:.5;cursor:not-allowed}
.shared-status .connection-title{flex-wrap:wrap}.site-access-label{font-size:12px;font-weight:500;color:#667982;white-space:nowrap}.sync-owner-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box;border:1px solid #cdd7df;border-radius:6px;padding:8px 12px;background:#fff;color:#25465d;font:inherit;font-size:14px;text-decoration:none;white-space:nowrap}.sync-owner-link:hover{background:#f3f6f8}.sync-owner-link:focus-visible{outline:2px solid #305e76;outline-offset:3px}.sync-owner-link[hidden]{display:none}