.connection-hero{display:flex;align-items:center;justify-content:space-between;background:#20262b;color:#fff;border-radius:12px;padding:20px 22px;margin-bottom:16px}.connection-hero h2{margin:2px 0 6px;font-size:20px}.connection-hero p{margin:0;color:#aeb5bb;font-size:12px}.connection-hero .eyebrow{color:#7e8991}.connection-dot{float:left;width:10px;height:10px;border-radius:50%;margin:7px 12px 0 0;background:#d49a24;box-shadow:0 0 0 5px #d49a2422}.connection-dot.success{background:#24a167;box-shadow:0 0 0 5px #24a16722}.storehub-kpis strong{font-size:21px}.storehub-grid{align-items:stretch}.sync-setting{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.sync-setting span{color:var(--muted)}.sync-setting strong{text-align:right}.connection-note{margin-top:15px;padding:12px;border-radius:8px;background:#f7f8f9;color:#66717a;font-size:11px;line-height:1.6}.pending-tag{color:#9a6500;background:#fff2d4}.upload-box{margin:0;border:1px dashed #cbd0d5;border-radius:10px;padding:25px;text-align:center;cursor:pointer;background:#fafafa}.upload-box strong,.upload-box span{display:block}.upload-box span{margin-top:7px;color:var(--muted);font-size:11px}.upload-box input{margin-top:16px;max-width:100%}.upload-result{min-height:18px;margin-top:10px!important}.sync-history{display:grid;gap:9px}.sync-row{display:grid;grid-template-columns:1fr .8fr .6fr .7fr;gap:14px;align-items:center;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.sync-row:first-child{border-top:0}.sync-row small{display:block;color:var(--muted);margin-top:3px}.sync-status{justify-self:end;border-radius:12px;padding:4px 8px;background:#e8f5ee;color:#198754}.sync-status.failed{background:#fde9eb;color:#c8222e}.empty-sync{padding:30px;text-align:center;color:var(--muted);font-size:12px;background:#fafafa;border-radius:8px}@media(max-width:720px){.connection-hero{align-items:flex-start;gap:12px}.storehub-kpis{grid-template-columns:1fr 1fr}.sync-row{grid-template-columns:1fr 1fr}.sync-status{justify-self:start}}
.mapping-rule{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff8e8;border:1px solid #edd49b;border-radius:11px;padding:14px 16px;margin-bottom:16px}.mapping-rule strong,.mapping-rule span{display:block}.mapping-rule span{font-size:11px;color:#74654a;margin-top:4px}.mapping-filters{display:flex;gap:6px}.mapping-filters button{border:1px solid var(--line);border-radius:16px;background:#fff;padding:6px 10px;font-size:11px}.mapping-filters button.active{background:#20262b;color:#fff;border-color:#20262b}.mapping-table-wrap{overflow:auto}.mapping-table{min-width:850px}.mapping-table td{vertical-align:middle}.mapping-table td strong,.mapping-table td small{display:block}.mapping-table td small{color:var(--muted);font-size:10px;margin-top:4px}.mapping-status{display:inline-block;border-radius:14px;padding:5px 8px;font-size:10px;white-space:nowrap}.mapping-status.candidate{background:#fff2d4;color:#956300}.mapping-status.missing{background:#fde9eb;color:#a71924}.mapping-action{border:0;background:transparent;color:var(--red);font-weight:700;font-size:11px;white-space:nowrap}.mapping-action:hover{text-decoration:underline}@media(max-width:720px){.mapping-rule{align-items:flex-start;flex-direction:column}.mapping-filters{margin-top:8px;flex-wrap:wrap}}