/* QXL Varsler — Classic 2021 */
.qxl-alert-follow-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative}
.qxl-alert-follow-wrap small{font-size:11px;color:#6b7280}
.qxl-alert-follow{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #9ca3af;border-radius:2px;background:linear-gradient(#fff,#eceff2);color:#0755a3;font-size:12px;font-weight:700;line-height:1;cursor:pointer;box-shadow:inset 0 1px #fff}
.qxl-alert-follow:hover{border-color:#0755a3;background:#f5f8fc}
.qxl-alert-follow.is-following{background:linear-gradient(#1f72c4,#0755a3);border-color:#064a8e;color:#fff}
.qxl-alert-follow:disabled{opacity:.55;cursor:wait}
.qxl-alert-follow__bell{font-size:14px;line-height:1;transform:rotate(45deg);display:inline-block}
.qxl-alert-follow-status{font-size:11px;color:#2f7d32;font-weight:600}
.qxl-alert-follow-status.is-error{color:#b42318}
.qxl-alert-follow-wrap.is-compact small{display:none}

/* Archive/search placement */
.qxl-market-archive__header{align-items:flex-end!important}
.qxl-market-archive__header .qxl-alert-follow-wrap{margin-left:auto;justify-content:flex-end;padding-bottom:2px}
.qxl-search-results .qxl-alert-follow-wrap{margin:8px 0 16px}

/* Seller profile placement */
.qxl-classic-seller-actions .qxl-alert-follow-wrap{display:inline-flex;margin:0}
.qxl-classic-seller-actions .qxl-alert-follow{min-height:32px}

/* Min QXL */
.qxl-alerts-dashboard-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.qxl-alerts-dashboard{border:1px solid #c9ced4;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#222}
.qxl-alerts-dashboard__titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;background:linear-gradient(#1768b7,#0755a3);border-bottom:1px solid #064781;color:#fff}
.qxl-alerts-dashboard__titlebar span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:#dbeafe}
.qxl-alerts-dashboard__titlebar h2{margin:2px 0 2px!important;font-size:22px!important;line-height:1.1!important;color:#fff!important}
.qxl-alerts-dashboard__titlebar p{margin:0!important;font-size:12px;color:#eaf2fb}
.qxl-alerts-dashboard__titlebar>strong{flex:0 0 auto;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);padding:7px 10px;font-size:12px}
.qxl-alerts-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d5d8dc;background:#f7f7f7}
.qxl-alerts-stats>div{padding:12px 16px;border-right:1px solid #d5d8dc}
.qxl-alerts-stats>div:last-child{border-right:0}
.qxl-alerts-stats span{display:block;font-size:10px;text-transform:uppercase;font-weight:700;color:#6b7280}
.qxl-alerts-stats strong{display:block;margin-top:2px;font-size:23px;color:#111}
.qxl-alerts-help{display:flex;align-items:center;gap:12px;margin:14px;border:1px solid #cbd5e1;border-left:4px solid #f58220;background:#f8fafc;padding:10px 12px}
.qxl-alerts-help>strong{flex:0 0 auto;font-size:12px;color:#0755a3}
.qxl-alerts-help>span{flex:1;font-size:12px;color:#4b5563}
.qxl-alerts-help>div{display:flex;gap:6px}
.qxl-alerts-help a{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #aeb5bd;border-radius:2px;background:#fff;color:#0755a3;font-size:11px;font-weight:700;text-decoration:none}
.qxl-alerts-list{margin:0 14px 14px;border:1px solid #cfd4da}
.qxl-alerts-list__head,.qxl-alert-row{display:grid;grid-template-columns:90px minmax(240px,1.5fr) minmax(180px,1fr) 95px 115px;align-items:center}
.qxl-alerts-list__head{min-height:33px;background:#edf1f5;border-bottom:1px solid #cfd4da;color:#555;font-size:10px;font-weight:700;text-transform:uppercase}
.qxl-alerts-list__head>span{padding:0 10px}
.qxl-alert-row{min-height:62px;border-bottom:1px solid #e1e4e8;background:#fff;font-size:12px}
.qxl-alert-row:last-child{border-bottom:0}
.qxl-alert-row.is-paused{background:#fafafa;opacity:.72}
.qxl-alert-row>*{padding:8px 10px}
.qxl-alert-row__type{justify-self:start;margin-left:10px;padding:4px 7px!important;border:1px solid #b6c6d7;background:#e8f1fb;color:#0755a3;font-size:10px;font-weight:700;text-transform:uppercase}
.qxl-alert-row__type--seller{border-color:#d7b88e;background:#fff4e5;color:#9a4d00}
.qxl-alert-row__type--search{border-color:#aebf9a;background:#f0f7e9;color:#3d6c1d}
.qxl-alert-row__main strong{display:block;color:#111;font-size:13px}
.qxl-alert-row__main span{display:block;margin-top:3px;color:#7a7a7a;font-size:10px}
.qxl-alert-row__match a{color:#0755a3;text-decoration:none;font-weight:700}
.qxl-alert-row__toggle{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-width:66px;min-height:28px;border:1px solid #aaa;border-radius:2px;background:#eee;color:#555;font-size:11px;font-weight:700;cursor:pointer}
.qxl-alert-row__toggle span{width:8px;height:8px;border-radius:50%;background:#999}
.qxl-alert-row__toggle.is-on{border-color:#79a56a;background:#eef7ea;color:#326b26}
.qxl-alert-row__toggle.is-on span{background:#3d8b32}
.qxl-alert-row__actions{display:flex;gap:5px;justify-content:flex-end}
.qxl-alert-row__actions a,.qxl-alert-row__actions button{min-height:27px;padding:0 7px;border:1px solid #b9bec4;border-radius:2px;background:linear-gradient(#fff,#efefef);color:#0755a3;font:700 10px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.qxl-alert-row__actions button{color:#8b1e1e}
.qxl-alerts-empty{text-align:center;margin:14px;padding:38px 20px;border:1px solid #cfd4da;background:#fafafa}
.qxl-alerts-empty__bell{display:block;font-size:28px;color:#0755a3}
.qxl-alerts-empty strong{display:block;margin-top:6px;font-size:17px}
.qxl-alerts-empty p{margin:6px 0 14px;color:#666;font-size:12px}
.qxl-alerts-empty a{display:inline-flex;min-height:32px;align-items:center;padding:0 12px;background:#f58220;border:1px solid #d66c10;border-radius:2px;color:#fff;font-size:11px;font-weight:700;text-decoration:none}
.qxl-dashboard-shortcut--alerts{position:relative}

@media(max-width:820px){
  .qxl-market-archive__header .qxl-alert-follow-wrap{width:100%;margin:8px 0 0;justify-content:flex-start}
  .qxl-alert-follow-wrap small{display:none}
  .qxl-alerts-dashboard__titlebar{align-items:flex-start;padding:11px 12px}
  .qxl-alerts-dashboard__titlebar h2{font-size:19px!important}
  .qxl-alerts-dashboard__titlebar>strong{font-size:10px;padding:5px 7px}
  .qxl-alerts-stats{grid-template-columns:repeat(3,1fr)}
  .qxl-alerts-stats>div{padding:9px 8px}
  .qxl-alerts-stats strong{font-size:19px}
  .qxl-alerts-help{display:block;margin:10px;padding:9px}
  .qxl-alerts-help>span{display:block;margin:5px 0 8px;line-height:1.45}
  .qxl-alerts-list{margin:10px;border:0}
  .qxl-alerts-list__head{display:none}
  .qxl-alert-row{display:grid;grid-template-columns:76px 1fr auto;gap:0;min-height:0;margin-bottom:8px;border:1px solid #cfd4da}
  .qxl-alert-row__type{grid-column:1;grid-row:1;margin:9px 0 0 9px}
  .qxl-alert-row__main{grid-column:2 / 4;grid-row:1;padding:9px 9px 6px}
  .qxl-alert-row__match{grid-column:1 / 4;grid-row:2;padding:7px 9px;border-top:1px solid #eee;font-size:11px}
  .qxl-alert-row__toggle{grid-column:1 / 2;grid-row:3;margin:7px 9px 9px;padding:0 8px}
  .qxl-alert-row__actions{grid-column:2 / 4;grid-row:3;padding:7px 9px 9px}
}

/* Follow seller directly from a single auction. */
.qxl-auction-seller-card__follow{margin-left:4px;display:flex;align-items:center}
.qxl-auction-seller-card__follow .qxl-alert-follow{min-height:28px;padding:0 8px;font-size:10px;white-space:nowrap}
@media(max-width:860px){.qxl-auction-seller-card__follow{width:100%;margin:7px 0 0}.qxl-auction-seller-card__follow .qxl-alert-follow{width:100%}}

/* ============================================================
   QXL Classic v5.24.1 — cleaner follow controls
   Keep follow actions beside the page title, with the e-mail hint above
   the button. Strong hover/follow states prevent white-on-white conflicts
   with generic theme button rules. New alert UI uses normal casing.
   ============================================================ */
.qxl-alert-follow-wrap{
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    gap:4px!important;
    text-transform:none!important;
}
.qxl-alert-follow-copy{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#6b7280!important;
    font:400 10.5px/1.2 Arial,Helvetica,sans-serif!important;
    text-align:right!important;
    text-transform:none!important;
}
.qxl-alert-follow{
    color:#0755a3!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.qxl-alert-follow:hover,
.qxl-alert-follow:focus-visible{
    border-color:#0755a3!important;
    background:#f5f8fc!important;
    color:#0755a3!important;
}
.qxl-alert-follow.is-following,
.qxl-alert-follow.is-following:hover,
.qxl-alert-follow.is-following:focus-visible{
    border-color:#064a8e!important;
    background:linear-gradient(#1f72c4,#0755a3)!important;
    color:#fff!important;
}
.qxl-alert-follow-wrap.is-compact{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
}
.qxl-alert-follow-wrap.is-compact .qxl-alert-follow-copy{display:none!important}
.qxl-market-archive__header{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
}
.qxl-market-archive__header>div:first-child{min-width:0!important;flex:1 1 auto!important}
.qxl-market-archive__header .qxl-alert-follow-wrap{
    flex:0 0 auto!important;
    margin:1px 0 0 auto!important;
    padding:0!important;
    position:relative!important;
}
@media(min-width:821px){
    .qxl-market-archive__header .qxl-alert-follow-wrap{
        margin-top:-60px!important;
        margin-bottom:20px!important;
    }
}
.qxl-search-results .qxl-alert-follow-wrap{margin:0 0 16px auto!important}
.qxl-alerts-dashboard,
.qxl-alerts-dashboard *,
.qxl-alerts-dashboard__titlebar span,
.qxl-alerts-stats span,
.qxl-alerts-list__head,
.qxl-alert-row__type{
    text-transform:none!important;
}
@media(max-width:820px){
    .qxl-market-archive__header{display:block!important}
    .qxl-market-archive__header .qxl-alert-follow-wrap,
    .qxl-search-results .qxl-alert-follow-wrap{
        width:auto!important;
        margin:8px 0 0!important;
        align-items:flex-start!important;
    }
    .qxl-alert-follow-copy{text-align:left!important}
}

/* ============================================================
   QXL Classic v5.24.3 — hard desktop alignment for follow control
   High-specificity override so generic archive/button layout cannot
   push the follow control back below the category/search title.
   ============================================================ */
@media (min-width:821px){
    body.qxl-classic-2021.qxl-marketplace-2026 .qxl-market-archive__header .qxl-alert-follow-wrap{
        flex:0 0 auto!important;
        margin:1px 0 0 auto!important;
        padding:0!important;
        margin-top:-60px!important;
        position:relative!important;
        margin-bottom:20px!important;
    }
}