/* AIVORA 5.0.4 — curator-ready ChatGPT collection import / commercial card accent. */
.av504-import-panel{margin:15px 0 20px;border:1px solid #c7def8;border-radius:18px;overflow:hidden;padding:23px 25px;background:radial-gradient(ellipse at 90% -45%,#bdeeea9c,transparent 43%),linear-gradient(135deg,#eef6ff,#fff 65%);box-shadow:0 12px 35px #1752a00e}
.av504-import-heading{display:flex;gap:24px;justify-content:space-between;align-items:center}
.av504-import-heading h2{font-size:24px;letter-spacing:-.046em;color:#123761;font-weight:850;margin:7px 0}
.av504-import-heading p{font-size:11.5px;color:#607e9e;max-width:800px;line-height:1.8;margin:0}
.av504-import-count{flex-shrink:0;border-radius:12px;border:1px solid #bde6dd;color:#157868;background:#eafaf5;font-weight:850;font-size:12px;padding:12px}
.av504-import-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:19px 0}
.av504-import-metrics>div{background:#fff;border:1px solid #d9e6f7;border-radius:12px;padding:14px}
.av504-import-metrics strong{display:block;font-size:20px;font-weight:850;color:#155fb8;letter-spacing:-.03em;line-height:1.4}
.av504-import-metrics>div:nth-child(2) strong{color:#098f8b}
.av504-import-metrics>div:nth-child(4) strong{color:#936220;font-size:17px}
.av504-import-metrics span{display:block;font-size:10px;color:#748ba5;line-height:1.6;margin-top:3px}
.av504-import-actions{border:1px solid #d6e5f6;border-radius:12px;background:#f8fbff;padding:15px 17px}
.av504-import-actions label{display:flex;gap:9px;align-items:flex-start;color:#355a80;font-size:11.5px;font-weight:740;line-height:1.65}
.av504-import-actions input{accent-color:#1268d8;margin-top:3px;flex:none}
.av504-import-actions>div{margin-top:15px;display:flex;gap:9px;flex-wrap:wrap}
.av504-import-actions button{padding:11px 17px;border-radius:9px;font-size:11px;font-weight:830;cursor:pointer;border:1px solid #cce0f1;color:#1a568f;background:#fff}
.av504-import-actions button.cms-primary{color:#fff;background:linear-gradient(90deg,#095dcf,#0a8de3);border-color:transparent}
.av504-import-actions button:disabled{opacity:.5;cursor:not-allowed}
.av504-import-progress{margin:18px 0 16px}
.av504-import-progress>span{font-size:11px;color:#21598f;font-weight:850}
.av504-import-progress>div{height:8px;border-radius:50px;background:#e0eaf5;overflow:hidden;margin:8px 0 10px}
.av504-import-progress i{height:100%;display:block;background:linear-gradient(90deg,#0c61d6,#15c5b3);border-radius:50px;transition:width .18s}
.av504-import-progress p{color:#6b86a3;line-height:1.7;font-size:11px;margin:0}
.av504-import-preview{border-top:1px solid #dce8f3;padding-top:13px}
.av504-import-preview>summary{cursor:pointer;color:#145caa;font-size:11.5px;font-weight:800;list-style:disclosure-closed}
.av504-import-preview[open]>summary{margin-bottom:13px;list-style:disclosure-open}
.av504-import-list{max-height:400px;overflow:auto;border:1px solid #dae5f4;background:#fff;border-radius:11px}
.av504-import-list>div{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(80px,.85fr) minmax(84px,.7fr);gap:15px;padding:11px 15px;align-items:center;border-bottom:1px solid #e7edf6}
.av504-import-list>div:last-child{border-bottom:0}
.av504-import-list b{font-size:11px;color:#173d65;line-height:1.55}
.av504-import-list span{font-size:10px;color:#68849e}
.av504-import-list strong{font-size:11px;color:#1262bf;text-align:right}
.av45-storefront .category-pill[data-category="ChatGPT ứng dụng"]{background:#edfbfa!important;color:#067e86!important;border-color:#a7e8e1!important}
.av45-storefront .category-pill[data-category="ChatGPT ứng dụng"].active{background:linear-gradient(115deg,#1167d9,#07aeb2)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 17px #0f8fa63b!important}
@media(max-width:870px){.av504-import-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.av504-import-heading{align-items:flex-start}}
@media(max-width:550px){.av504-import-panel{padding:16px 13px}.av504-import-heading{display:block}.av504-import-heading h2{font-size:19px}.av504-import-count{display:inline-flex;margin-top:13px}.av504-import-metrics{gap:7px}.av504-import-metrics>div{padding:12px 10px}.av504-import-list>div{grid-template-columns:minmax(0,1.3fr) 75px;gap:8px}.av504-import-list>div span{display:none}.av504-import-list b{font-size:10px}.av504-import-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.av504-import-progress i{transition:none}}


/* Curated commercial collection header shown only when imported courses exist. */
.av45-storefront .av504-collection-banner{
  display:flex;justify-content:space-between;align-items:center;gap:25px;
  border:1px solid #addcd9;border-radius:15px;padding:18px 21px;
  margin:0 0 14px;background:linear-gradient(110deg,#ecfcfa,#edf6ff 72%,#e1f0ff);
  box-shadow:0 7px 23px #0a609014;
}
.av504-collection-label{display:block;color:#078f96;font-size:9px;letter-spacing:.15em;font-weight:900;line-height:1.4;margin-bottom:6px}
.av504-collection-banner strong{display:block;color:#0c365e;font-size:19px;letter-spacing:-.03em;font-weight:850}
.av504-collection-banner p{font-size:11px;line-height:1.75;color:#527791;margin:7px 0 0;max-width:820px}
.av504-collection-banner button{background:linear-gradient(110deg,#095dd1,#08aab5);border:0;color:white;font-size:11px;font-weight:800;border-radius:9px;padding:12px 17px;white-space:nowrap;cursor:pointer;min-height:45px}
.av504-collection-banner button:hover{background:#0d4ea7}
.av504-collection-banner button:focus-visible{outline:3px solid #256cc9;outline-offset:3px}
@media(max-width:780px){.av45-storefront .av504-collection-banner{display:block;padding:16px}.av504-collection-banner button{margin-top:14px;width:100%}}