/* 1.4.2: task-oriented exchange workspace */
.sync-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.sync-status-card{padding:23px;display:flex;flex-direction:column;gap:10px;min-width:0}.sync-status-card small{color:var(--hub-muted);font-size:12px}.sync-status-card b{font-size:16px;line-height:1.6}.sync-status-card span{font-size:12px;line-height:1.7;color:var(--hub-muted)}.sync-tabs{display:flex;gap:5px;margin:5px 0 18px;border-bottom:1px solid var(--hub-border)}.sync-tabs button{border:0;background:transparent;padding:15px 20px;font:inherit;font-weight:600;font-size:13px;color:var(--hub-muted);cursor:pointer;border-bottom:2px solid transparent}.sync-tabs button.active{color:var(--hub-accent);border-color:var(--hub-border)}.sync-action-panel{overflow:hidden}.sync-action-body{padding:0 26px 26px}.sync-form-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:20px;margin:0 0 24px}.sync-form-grid label{font-size:12px;color:var(--hub-muted);display:flex;gap:9px;flex-direction:column}.sync-form-grid .input{width:100%;min-height:43px;background:var(--hub-table);color:var(--hub-text)}.sync-description{padding:18px 21px;border-radius:9px;background:var(--hub-surface-soft);border-left:3px solid var(--hub-border);line-height:1.8;font-size:13px;color:var(--hub-muted);margin-bottom:20px}.sync-action-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.sync-action-footer .btn{min-height:42px}.sync-note{line-height:1.8;margin:18px 4px}.sync-inline{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--hub-border);border-radius:11px;background:var(--hub-table);padding:18px 22px;margin:20px 0}.sync-inline b{font-size:13px}.sync-inline span{display:block;font-size:12px;color:var(--hub-muted);line-height:1.8;margin-top:4px}.sync-help{margin:20px 0;background:var(--hub-table);border:1px solid var(--hub-border);border-radius:11px;padding:18px 22px;font-size:13px;line-height:1.8;color:var(--hub-muted)}.sync-help summary{cursor:pointer;font-weight:600;color:var(--hub-muted)}.sync-help p{margin-top:12px}.sync-admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:20px 0;border-top:1px solid var(--hub-border)}.sync-admin-row:first-of-type{margin-top:14px}.sync-admin-row p{margin:4px 0 0;font-size:12px}.sync-admin-row b{color:var(--hub-text)}.sync-chart-note{color:var(--hub-muted);font-size:11px}.sync-period-label{display:flex;align-items:center;gap:9px;color:var(--hub-muted);font-size:12px}.sync-import-menu{position:relative}.sync-import-menu summary{list-style:none;cursor:pointer}.sync-import-menu>div{position:absolute;top:44px;left:0;z-index:20;background:var(--hub-table);padding:12px;display:grid;gap:10px;box-shadow:0 12px 30px var(--hub-shadow-ink);border:1px solid var(--hub-border);border-radius:10px;min-width:175px}.sync-product-tools{margin-top:12px;color:var(--hub-muted);font-size:12px}.sync-product-tools summary{cursor:pointer;margin:7px 0}.sync-product-tools[open] .btn{margin-top:6px}#sync [hidden],.sync-form-grid [hidden]{display:none!important}#sync-schedule .setting-panel{margin-top:0!important}#sync-schedule .toggle-row{margin:14px 0}#sync-schedule label:has(input[type=number]){display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--hub-muted)}#sync-schedule input[type=number]{max-width:240px}#dashboard .metric-foot{line-height:1.7}#analytics .metrics{margin-bottom:18px}.sync-help summary:focus-visible,.sync-tabs button:focus-visible{outline:2px solid var(--hub-border);outline-offset:5px}
@media(max-width:1050px){.sync-overview{grid-template-columns:1fr}.sync-form-grid{grid-template-columns:1fr}.sync-action-footer,.sync-admin-row{align-items:flex-start;flex-direction:column}.sync-inline{flex-wrap:wrap}.sync-tabs button{padding:14px 10px}.sync-action-footer .btn{width:100%}.sync-admin-row .toolbar{flex-wrap:wrap}}

.sync-form-grid .input{border:1px solid var(--hub-border);border-radius:8px;padding:11px 13px;font:inherit;font-size:13px;outline:none}.sync-form-grid .input:focus{border-color:var(--hub-border);box-shadow:0 0 0 3px var(--hub-shadow-ink)}