.aqn-rc {
    --aqn-purple: #98009e;
    --aqn-purple-dark: #6f0074;
    --aqn-border: #ded7df;
    --aqn-soft: #faf6fb;
    color: #27212a;
    max-width: 1180px;
    margin: 24px auto;
    font-size: 16px;
}

.aqn-rc *, .aqn-rc *::before, .aqn-rc *::after { box-sizing: border-box; }
.aqn-rc__header { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:22px; }
.aqn-rc__header h2 { margin:0 0 7px; font-size:30px; line-height:1.15; }
.aqn-rc__header p { margin:0; max-width:760px; color:#655d67; }
.aqn-rc__badge { background:#efe1f0; color:var(--aqn-purple-dark); border-radius:999px; padding:7px 12px; font-size:13px; font-weight:700; white-space:nowrap; cursor:help; }

.aqn-rc__admin, .aqn-rc__unsupported { border:1px solid var(--aqn-border); border-left:5px solid var(--aqn-purple); background:var(--aqn-soft); padding:16px; margin-bottom:20px; border-radius:7px; }
.aqn-rc__admin-row { display:flex; gap:9px; margin-top:10px; align-items:center; flex-wrap:wrap; }
.aqn-rc__admin-row input { min-width:280px; flex:1; }
.aqn-rc__small { margin-top:8px; font-size:13px; min-height:18px; }
.aqn-rc__unsupported { border-left-color:#bd6c00; background:#fff8ed; }

.aqn-rc label > span:not(.aqn-rc__badge) { display:block; font-size:13px; font-weight:700; margin-bottom:5px; }
.aqn-rc input[type="search"], .aqn-rc input[type="email"], .aqn-rc select { width:100%; min-height:42px; border:1px solid #bdb5bf; border-radius:5px; background:#fff; padding:7px 10px; color:#27212a; }
.aqn-rc input:focus, .aqn-rc select:focus { outline:2px solid rgba(152,0,158,.22); border-color:var(--aqn-purple); }

.aqn-rc__toolbar { display:grid; grid-template-columns:2fr 1fr 1fr; gap:14px; padding:16px; border:1px solid var(--aqn-border); border-radius:8px 8px 0 0; background:#fff; }
.aqn-rc__selection-bar { display:flex; gap:16px; align-items:center; padding:10px 16px; background:#f3eef4; border:1px solid var(--aqn-border); border-top:0; font-size:14px; flex-wrap:wrap; }
.aqn-rc__selection-bar span { margin-left:auto; font-weight:700; }
.aqn-rc__text-button { appearance:none; border:0; background:none; color:var(--aqn-purple-dark); padding:2px 0; cursor:pointer; text-decoration:underline; }

.aqn-rc__products { max-height:440px; overflow:auto; border:1px solid var(--aqn-border); border-top:0; background:#fff; }
.aqn-rc__product { display:grid; grid-template-columns:26px 58px 1fr auto; gap:12px; align-items:center; padding:10px 14px; border-bottom:1px solid #eee8ef; cursor:pointer; }
.aqn-rc__product:last-child { border-bottom:0; }
.aqn-rc__product:hover { background:#fcf8fc; }
.aqn-rc__product.is-hidden { display:none; }
.aqn-rc__product img { width:58px; height:58px; object-fit:cover; border-radius:5px; background:#f1edf2; }
.aqn-rc__product-name { font-weight:700; line-height:1.25; }
.aqn-rc__product-meta { font-size:12px; color:#756d77; margin-top:4px; }
.aqn-rc__product-count { font-size:12px; color:#756d77; white-space:nowrap; }
.aqn-rc__empty { padding:30px; text-align:center; color:#756d77; }

.aqn-rc__options { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; margin-top:20px; padding:16px; background:var(--aqn-soft); border:1px solid var(--aqn-border); border-radius:8px; }
.aqn-rc__check { display:flex; align-items:center; gap:8px; align-self:end; min-height:42px; }
.aqn-rc__check span { display:inline !important; margin:0 !important; }

.aqn-rc__actions { display:flex; align-items:center; gap:10px; margin-top:16px; flex-wrap:wrap; }
.aqn-rc__button { appearance:none; border:1px solid var(--aqn-purple); background:var(--aqn-purple); color:#fff !important; min-height:42px; padding:9px 16px; border-radius:5px; font-weight:700; cursor:pointer; text-decoration:none !important; }
.aqn-rc__button:hover { background:var(--aqn-purple-dark); border-color:var(--aqn-purple-dark); }
.aqn-rc__button:disabled { opacity:.78; cursor:not-allowed; }
.aqn-rc__button--secondary { background:#fff; color:var(--aqn-purple-dark) !important; }
.aqn-rc__button--ghost { background:transparent; color:#4f4651 !important; border-color:#9d959f; }
.aqn-rc__button--download { background:#e4e4e4; border-color:#888; color:#073a1b !important; }
.aqn-rc__button--download:hover { background:#d2d2d2; border-color:#666; color:#032b12 !important; }
.aqn-rc__button-help { display:inline-flex; }
.aqn-rc__button-help.needs-folder { cursor:help; }
.aqn-rc__button-help.needs-folder .aqn-rc__button:disabled { pointer-events:none; }
.aqn-rc__button-help--catalog { margin-left:auto; }
.aqn-rc__button--catalog { background:#e4e4e4; border-color:#888; color:#082b57 !important; }
.aqn-rc__button--catalog:hover { background:#d2d2d2; border-color:#666; color:#041f43 !important; }
.aqn-rc__button--brochure { background:#e4e4e4; border-color:#888; color:#5a173e !important; }
.aqn-rc__button--brochure:hover { background:#d2d2d2; border-color:#666; color:#3f0b2a !important; }
.aqn-rc__folder { font-size:13px; color:#655d67; }

.aqn-rc__progress { margin-top:18px; }
.aqn-rc__progress progress { width:100%; height:17px; accent-color:var(--aqn-purple); }
.aqn-rc__progress div { margin-top:5px; font-size:13px; }
.aqn-rc__log { margin-top:10px; font-size:13px; white-space:pre-line; }
.aqn-rc__log.is-error { color:#a12222; }
.aqn-rc__log.is-success { color:#236c32; font-weight:700; }

@media (max-width: 800px) {
    .aqn-rc__toolbar, .aqn-rc__options { grid-template-columns:1fr 1fr; }
    .aqn-rc__header { flex-direction:column; }
}

@media (max-width: 520px) {
    .aqn-rc__toolbar, .aqn-rc__options { grid-template-columns:1fr; }
    .aqn-rc__product { grid-template-columns:24px 48px 1fr; }
    .aqn-rc__product img { width:48px; height:48px; }
    .aqn-rc__product-count { grid-column:3; }
    .aqn-rc__selection-bar span { width:100%; margin-left:0; }
    .aqn-rc__button-help--catalog { margin-left:0; }
}

