/* Final IQ Synchronisation structure */
.iq-sync-page{--navy:#203d6c;--navy2:#2d5187;--orange:#ef7425;--ink:#233b63;--muted:#6f7b8e;--line:#dbe3ee;display:flex;flex-direction:column;gap:16px;width:min(calc(100% - 32px),1280px);margin:0 auto;padding:4px 0 42px;color:var(--ink)}
.iq-sync-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 29px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:19px;box-shadow:0 11px 28px rgba(24,51,89,.15)}
.iq-sync-hero h1{margin:4px 0 6px;color:#fff;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.04em}.iq-sync-hero p{margin:0;color:#dce8f8}.iq-sync-kicker{color:#ffb27e;font-size:.72rem;font-weight:900;letter-spacing:.14em}.iq-sync-hero-badge{padding:9px 13px;white-space:nowrap;font-weight:800;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.32);border-radius:999px}
.iq-sync-flow{display:contents}.iq-sync-card{box-sizing:border-box;width:100%;margin:0;padding:19px 21px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:15px;box-shadow:0 3px 12px rgba(31,58,96,.05)}
.iq-sync-card h3,.iq-sync-card h4{margin:0 0 6px;color:var(--orange);font-size:1.05rem}.iq-sync-card p{margin:5px 0 12px;line-height:1.48}.iq-sync-card .muted{color:var(--muted)}
.iq-sync-action,.iq-sync-card button,.iq-sync-card input[type=button],.iq-sync-card input[type=submit]{display:inline-flex!important;width:auto!important;align-items:center;justify-content:center;margin:2px 0 0!important;padding:10px 15px!important;color:#fff!important;font:inherit!important;font-weight:800!important;line-height:1.15!important;appearance:none!important;background:var(--orange)!important;border:0!important;border-radius:10px!important;box-shadow:0 2px 5px rgba(154,73,20,.17)!important;cursor:pointer!important}.iq-sync-action:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.iq-sync-action:disabled{opacity:.5;cursor:not-allowed!important}
.iq-sync-card .notice{box-sizing:border-box;width:100%;margin:12px 0 0;padding:11px 13px;background:#f2f6fa;border:1px solid #dbe4ef;border-radius:10px}.iq-sync-card .notice.ok{color:#286b3c;background:#eaf6ee;border-color:#bfe0ca}.iq-sync-card .notice.err{color:#a23b31;background:#fff0ee;border-color:#efc6c1}
.iq-sync-log{max-height:620px;overflow:auto}.iq-sync-card table{width:100%;min-width:720px;background:#fff;border-collapse:collapse}.iq-sync-card th{position:sticky;top:0;z-index:1;padding:10px 12px;color:#fff;text-align:left;white-space:nowrap;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;background:var(--navy)}.iq-sync-card td{padding:9px 12px;border-bottom:1px solid #e8edf3}.iq-sync-card tbody tr:hover{background:#f6f8fb}.iq-sync-card code{display:inline-block;max-width:230px;padding:2px 6px;overflow:hidden;color:#38506f;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size:.77rem;background:#edf2f7;border-radius:6px}
@media(max-width:700px){.iq-sync-page{gap:12px;width:min(calc(100% - 20px),1280px)}.iq-sync-hero{padding:21px 17px;border-radius:14px}.iq-sync-hero-badge{display:none}.iq-sync-card{padding:15px}.iq-sync-action,.iq-sync-card button{width:100%!important}}

.iq-sync-field { display: grid; gap: 4px; margin: 8px 0 12px; max-width: 420px; }
.iq-sync-field small { color: var(--nx-muted); line-height: 1.35; }