.sync-key-actions{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:12px;max-width:240px}.sync-key-actions .text-button{font-size:11px;white-space:nowrap}.sync-delete-button{color:#af7e6d}
.collector-archive-record { grid-template-columns: minmax(0, 1fr); }
.collector-archive-record strong { display: block; overflow-wrap: anywhere; line-height: 1.7; }
.collector-archive-record p { margin: 6px 0; font-size: 11px; }
.collector-archive-record small { color: var(--muted); line-height: 1.8; }
.sync-path-library{margin:0 0 24px}.sync-path-summary{display:flex;flex-wrap:wrap;gap:14px 25px;padding:18px 24px;background:#f8faf5;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.sync-path-summary strong{margin-left:7px;font-size:16px;font-weight:550;color:var(--green)}
.sync-path-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 24px}.sync-path-tabs{display:flex;gap:7px}.sync-path-toolbar label{flex:1;min-width:210px}.sync-path-toolbar input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font-size:12px}.sync-path-table-wrap{overflow:auto}.sync-path-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.sync-path-table th{text-align:left;color:var(--muted);font-weight:500;background:#fafbf8;padding:12px 24px;border-block:1px solid var(--line)}.sync-path-table th:first-child{width:170px}.sync-path-table th:last-child{width:180px}.sync-path-table td{padding:18px 24px;vertical-align:top;border-bottom:1px solid var(--line)}.sync-path-table tbody tr:last-child td{border-bottom:0}.sync-path-id{display:block;font:600 12px/1.7 ui-monospace,Consolas,monospace;margin-bottom:8px;overflow-wrap:anywhere}.sync-path-table td>small{display:block;color:var(--muted);margin-top:8px;line-height:1.7}.sync-path-filename{display:block;font-size:12px;line-height:1.8;font-weight:550;overflow-wrap:anywhere}.sync-path-details{display:grid;grid-template-columns:87px minmax(0,1fr);gap:7px 10px;margin:12px 0 0;line-height:1.7}.sync-path-details dt{color:var(--muted)}.sync-path-details dd{margin:0;min-width:0;overflow-wrap:anywhere}.sync-path-details code{font-size:10px;color:#657760}.sync-path-details small{display:block;color:var(--muted);margin-top:5px}.sync-path-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.sync-path-actions .text-button{font-size:10px;text-decoration:none;white-space:nowrap}.sync-path-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.sync-path-pagination>div{display:flex;gap:8px}.sync-path-pagination .button{font-size:10px}.sync-path-copy-fallback{width:100%;min-height:130px;padding:12px;overflow-wrap:anywhere}
@media(max-width:850px){.sync-path-table{min-width:680px}.sync-path-table th:first-child{width:135px}.sync-path-table th:last-child{width:140px}.sync-path-table th,.sync-path-table td{padding:15px}.sync-path-details{display:block}.sync-path-details dt{margin-top:9px}.sync-path-details dd{margin-top:3px}.sync-key-actions{max-width:220px}}
@media(max-width:650px){.sync-key-actions{grid-column:1/-1;grid-row:3;justify-content:flex-start;max-width:none}.sync-path-summary,.sync-path-toolbar{padding:16px}.sync-path-toolbar label{flex-basis:100%;order:2}.sync-path-toolbar>button{order:3}.sync-path-pagination{align-items:flex-start;flex-direction:column;padding:16px}}
.sync-connection{display:flex;gap:20px;padding:25px 28px;margin-bottom:22px;border:1px solid #dfe9df;border-radius:11px;background:linear-gradient(120deg,#eef5ef,#f9faf6)}
.sync-connection-icon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;background:#dfebe1;border:1px solid #d4e3d5;border-radius:12px;color:var(--green)}
.sync-connection-icon svg{width:23px;height:23px}.sync-connection>div{min-width:0;flex:1}.sync-connection .dialog-eyebrow{font-size:8px;letter-spacing:1.7px}
.sync-connection h2{font-size:18px;font-weight:550;margin:7px 0 10px}.sync-connection p{font-size:11px;line-height:1.9;color:#7b8c7d;margin:0 0 16px}
.sync-copy-field{display:flex;gap:10px;max-width:780px}.sync-copy-field input{min-width:0;width:100%;padding:11px 13px;border:1px solid #dce5db;border-radius:6px;background:#fff;color:#55715d;font:12px/1.5 ui-monospace,Consolas,monospace}
.sync-copy-field .button{flex-shrink:0;background:#fff}.sync-connection small{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;color:#8c9a89;margin-top:12px}.sync-connection small a{color:var(--green)}.sync-connection small svg{width:12px;height:12px}
.sync-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;align-items:start}.sync-library,.sync-create-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.sync-library-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line)}.sync-library-heading h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:550;margin:0 0 9px}.sync-library-heading h2 svg{width:17px;height:17px;color:#8aa078}.sync-library-heading p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.sync-library-heading>.text-button{flex-shrink:0}
#sync-active-count{font-size:9px;font-weight:400;color:#809477;background:#f0f5eb;padding:4px 7px;border-radius:4px;margin-left:3px}
.sync-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:21px 24px;border-bottom:1px solid var(--line)}.sync-key-row:last-child{border-bottom:0}.sync-key-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.sync-key-name strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.sync-key-name code{flex-basis:100%;font:10px/1.8 ui-monospace,Consolas,monospace;color:#8f9c87;overflow-wrap:anywhere}.sync-key-status{font-size:9px;padding:3px 6px;background:#eef5e9;color:#789963;border-radius:4px}.sync-key-status.revoked{background:#f3f3f0;color:#9a9f97}.sync-key-row.is-revoked strong{color:#8b9487}
.sync-key-row dl{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;font-size:10px;line-height:1.8}.sync-key-row dl>div{display:flex;gap:8px}.sync-key-row dt{color:#9ba496}.sync-key-row dd{margin:0;color:#7a8873}.sync-revoke-button{grid-column:2;grid-row:1;align-self:start;color:#af7e6d;font-size:10px;margin-top:2px}
.sync-library-note{padding:15px 24px;background:#fbfcf9;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:#99a18f}.sync-loading,.sync-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:39px 24px;color:#96a087;text-align:center;font-size:11px;gap:12px;min-height:195px}.sync-loading .loader{margin-bottom:4px}.sync-empty>svg{width:28px;height:28px;color:#a4b497}.sync-empty h3{font-size:14px;font-weight:500;color:#829574;margin:0}.sync-empty p{font-size:11px;line-height:1.9;margin:0;max-width:370px}
.sync-setup{display:grid;gap:17px}.sync-create-card{padding:22px}.sync-create-card h2{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;margin:0 0 22px;color:#6c825d}.sync-create-card h2 svg{width:17px;height:17px}#sync-create-form label{font-size:11px}#sync-create-form input{font-size:11px}#sync-create-form>small{font-size:10px;line-height:1.8;color:#9ba58f}#sync-create-form>.button{width:100%;font-size:11px}
.sync-guide{padding:20px 22px;border:1px solid #e7eadf;background:#f5f8f0;border-radius:9px}.sync-guide h3{display:flex;align-items:center;gap:8px;margin:0 0 13px;font-size:12px;font-weight:500;color:#81936e}.sync-guide h3 svg{width:16px;height:16px}.sync-guide p{margin:10px 0;font-size:10px;line-height:1.9;color:#96a187}#sync-limits:not(:empty){border-top:1px solid #e2e8d8;padding-top:12px;margin-top:13px;font-size:9px;line-height:2;color:#96a388}
.sync-secret-card{padding:23px 26px;margin-bottom:23px;border:1px solid #bfd6c2;border-radius:10px;background:#f4faf2}.sync-secret-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.sync-secret-heading>svg{color:#729966;margin-top:2px}.sync-secret-heading h2{font-size:15px;font-weight:550;color:#628253;margin:0 0 8px;overflow-wrap:anywhere}.sync-secret-heading p{font-size:11px;color:#8b9c7e;line-height:1.9;margin:0}.sync-secret-card>label{display:block;margin-bottom:8px;font-size:10px;color:#879979}.sync-secret-card textarea{width:100%;resize:vertical;min-height:76px;padding:12px 14px;border:1px solid #d1dfc9;border-radius:6px;background:#fff;font:12px/1.9 ui-monospace,Consolas,monospace;color:#557549;overflow-wrap:anywhere}.sync-secret-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:15px}.sync-secret-actions .button{font-size:11px}.sync-revoke-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:25px}#sync-revoke-form code{overflow-wrap:anywhere}
@media(max-width:1100px){.sync-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.sync-library-heading,.sync-key-row{padding:20px}.sync-key-row dl{gap:9px 18px}.sync-create-card,.sync-guide{padding:20px}}
@media(max-width:850px){.sync-workspace{grid-template-columns:1fr}.sync-setup{grid-template-columns:1fr 1fr;align-items:start}.sync-connection{padding:23px;gap:16px}}
@media(max-width:650px){.sync-connection{padding:19px 17px;gap:12px}.sync-connection-icon{width:33px;height:33px;border-radius:8px}.sync-connection-icon svg{width:18px;height:18px}.sync-connection h2{font-size:16px;line-height:1.6;margin-top:4px}.sync-connection .dialog-eyebrow{font-size:7px;letter-spacing:1px}.sync-connection p{font-size:10px}.sync-copy-field{flex-direction:column;gap:8px}.sync-copy-field input{font-size:10px;padding:10px}.sync-copy-field .button{align-self:start;font-size:10px}.sync-setup{grid-template-columns:1fr}.sync-library-heading,.sync-key-row{padding:18px 17px}.sync-library-heading h2{font-size:14px}.sync-library-heading p{font-size:9px}.sync-library-heading>.text-button{font-size:10px}.sync-library-note{padding:14px 17px;font-size:9px}.sync-key-row dl{font-size:9px;gap:7px 17px}.sync-key-row dl>div{gap:6px}.sync-key-name strong{font-size:12px}.sync-secret-card{padding:19px 17px}.sync-secret-heading h2{font-size:14px}.sync-secret-heading p{font-size:10px}.sync-secret-card textarea{font-size:11px}.sync-secret-actions{gap:15px}}