.qxl-ratings-dashboard-content,
.qxl-ratings-dashboard {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}
.qxl-ratings-dashboard { max-width:1180px !important; }
.qxl-ratings-kicker {
    display:block;
    margin-bottom:6px;
    color:#e76500;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.qxl-ratings-dashboard__hero { margin-bottom:20px; }
.qxl-ratings-dashboard__hero h2 {
    margin:0 0 7px !important;
    color:#1d2227 !important;
    font-size:32px !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
}
.qxl-ratings-dashboard__hero p {
    max-width:780px;
    margin:0 !important;
    color:#747b82;
    font-size:11px;
    line-height:1.55;
}
.qxl-ratings-notice {
    margin-bottom:14px;
    padding:11px 14px;
    border-radius:9px;
    font-size:10px;
    font-weight:700;
}
.qxl-ratings-notice.success { border:1px solid #cce6d4;background:#f4faf6;color:#2d7042; }
.qxl-ratings-notice.error { border:1px solid #f0c8c3;background:#fff5f4;color:#9b3b31; }

.qxl-ratings-overview {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:hidden;
    margin-bottom:15px;
    border:1px solid #e0e4e7;
    border-radius:13px;
    background:#fff;
}
.qxl-ratings-overview > div {
    padding:15px 17px;
    border-right:1px solid #eceef0;
}
.qxl-ratings-overview > div:last-child { border-right:0; }
.qxl-ratings-overview strong,.qxl-ratings-overview span { display:block; }
.qxl-ratings-overview strong { color:#20252a;font-size:19px;line-height:1.05; }
.qxl-ratings-overview span { margin-top:3px;color:#868c92;font-size:8px;text-transform:uppercase;letter-spacing:.05em; }

.qxl-ratings-card {
    overflow:hidden;
    margin-bottom:15px;
    border:1px solid #e0e4e7;
    border-radius:14px;
    background:#fff;
}
.qxl-ratings-card__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 18px;
    border-bottom:1px solid #eceef0;
    background:#fafbfb;
}
.qxl-ratings-card__head span { display:block;margin-bottom:3px;color:#8a9096;font-size:8px;font-weight:900;letter-spacing:.11em; }
.qxl-ratings-card__head h3 { margin:0 !important;color:#24282c !important;font-size:14px !important; }
.qxl-ratings-card__head > strong {
    display:grid;
    place-items:center;
    min-width:27px;
    height:27px;
    padding:0 7px;
    border-radius:999px;
    background:#fff0e3;
    color:#d35f00;
    font-size:10px;
}

.qxl-ratings-pending-list { display:grid; }
.qxl-rating-trade {
    display:grid;
    grid-template-columns:70px minmax(180px,.75fr) minmax(360px,1.4fr);
    align-items:center;
    gap:15px;
    padding:16px 18px;
    border-bottom:1px solid #eef0f2;
}
.qxl-rating-trade:last-child { border-bottom:0; }
.qxl-rating-trade__image {
    display:block;
    width:70px;
    height:70px;
    overflow:hidden;
    border-radius:10px;
    background:#f1f2f3;
}
.qxl-rating-trade__image img { width:100%;height:100%;object-fit:cover; }
.qxl-rating-trade__image span { display:block;width:100%;height:100%;background:#f1f2f3; }
.qxl-rating-trade__copy > span { color:#8a9096;font-size:8px;font-weight:800;text-transform:uppercase; }
.qxl-rating-trade__copy h4 { margin:3px 0 !important;color:#252a2f !important;font-size:12px !important;line-height:1.3 !important; }
.qxl-rating-trade__copy p { margin:0 !important;color:#777e84;font-size:9px; }

.qxl-rating-form { display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:8px; }
.qxl-rating-choice { display:flex;gap:5px; }
.qxl-rating-choice label { position:relative;margin:0; }
.qxl-rating-choice input { position:absolute;opacity:0;pointer-events:none; }
.qxl-rating-choice span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 9px;
    border:1px solid #dde1e4;
    border-radius:999px;
    background:#fff;
    color:#656c72;
    font-size:8px;
    font-weight:800;
    cursor:pointer;
}
.qxl-rating-choice .is-positive input:checked + span { border-color:#268148;background:#edf8f0;color:#22713e; }
.qxl-rating-choice .is-neutral input:checked + span { border-color:#c99113;background:#fff8e6;color:#8b650f; }
.qxl-rating-choice .is-negative input:checked + span { border-color:#bd4337;background:#fff2f0;color:#9d3e34; }
.qxl-rating-form textarea {
    min-height:34px;
    max-height:80px;
    padding:8px 9px;
    border:1px solid #d9dee2;
    border-radius:8px;
    resize:vertical;
    font-size:9px;
}
.qxl-rating-form button {
    min-height:34px;
    padding:0 11px;
    border:1px solid #ff7900;
    border-radius:999px;
    background:#ff7900;
    color:#fff;
    font-size:8px;
    font-weight:850;
    cursor:pointer;
}

.qxl-ratings-dashboard-grid { display:grid;grid-template-columns:1fr 1fr;gap:15px; }
.qxl-ratings-mini-list article {
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    gap:10px;
    padding:13px 16px;
    border-bottom:1px solid #eef0f2;
}
.qxl-ratings-mini-list article:last-child { border-bottom:0; }
.qxl-rating-mini-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:start;
    min-height:25px;
    padding:0 7px;
    border-radius:999px;
    font-size:8px;
    font-weight:850;
}
.qxl-rating-mini-badge.is-positive { background:#edf8f0;color:#26713f; }
.qxl-rating-mini-badge.is-neutral { background:#fff8e7;color:#896510; }
.qxl-rating-mini-badge.is-negative { background:#fff2f0;color:#9d3e34; }
.qxl-ratings-mini-list strong { display:block;margin-bottom:2px;color:#33383d;font-size:10px; }
.qxl-ratings-mini-list p { margin:0 0 3px !important;color:#5e666d;font-size:9px;line-height:1.45; }
.qxl-ratings-mini-list small { color:#8a9096;font-size:8px; }

.qxl-ratings-empty { padding:28px 18px;text-align:center;color:#7f868c; }
.qxl-ratings-empty strong,.qxl-ratings-empty span { display:block; }
.qxl-ratings-empty strong { margin-bottom:4px;color:#4c5359;font-size:11px; }
.qxl-ratings-empty span { font-size:9px; }
.qxl-ratings-empty.is-small { padding:18px; }

.qxl-rating-compact {
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#5f666d;
    font-size:9px;
}
.qxl-rating-compact strong { color:#22272c;font-size:10px; }
.qxl-rating-compact.is-new { color:#858b91; }

.qxl-ratings-public {
    margin:28px 0;
    padding:22px;
    border:1px solid #e0e4e7;
    border-radius:15px;
    background:#fff;
}
.qxl-ratings-public__head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}
.qxl-ratings-public__head h2 { margin:0 !important;color:#20252a !important;font-size:22px !important;line-height:1.1 !important;letter-spacing:-.025em !important; }
.qxl-ratings-score { text-align:right; }
.qxl-ratings-score strong,.qxl-ratings-score span { display:block; }
.qxl-ratings-score strong { color:#20252a;font-size:26px;line-height:1; }
.qxl-ratings-score span { margin-top:2px;color:#81878d;font-size:8px;text-transform:uppercase; }
.qxl-ratings-summary-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    margin-bottom:14px;
    border:1px solid #e7e9eb;
    border-radius:10px;
    background:#fafbfb;
}
.qxl-ratings-summary-grid > div { padding:10px 12px;border-right:1px solid #e8eaec; }
.qxl-ratings-summary-grid > div:last-child { border-right:0; }
.qxl-ratings-summary-grid strong,.qxl-ratings-summary-grid span { display:block; }
.qxl-ratings-summary-grid strong { color:#30353a;font-size:14px; }
.qxl-ratings-summary-grid span { margin-top:2px;color:#8a9096;font-size:8px; }

.qxl-ratings-public__list { display:grid; }
.qxl-rating-row {
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid #eef0f2;
}
.qxl-rating-row:last-child { border-bottom:0; }
.qxl-rating-row__badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:start;
    min-height:26px;
    padding:0 7px;
    border-radius:999px;
    font-size:8px;
    font-weight:850;
}
.qxl-rating-row.is-positive .qxl-rating-row__badge { background:#edf8f0;color:#26713f; }
.qxl-rating-row.is-neutral .qxl-rating-row__badge { background:#fff8e7;color:#896510; }
.qxl-rating-row.is-negative .qxl-rating-row__badge { background:#fff2f0;color:#9d3e34; }
.qxl-rating-row__body p { margin:0 0 5px !important;color:#4f575e;font-size:10px;line-height:1.5; }
.qxl-rating-row__meta { display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#8a9096;font-size:8px; }
.qxl-rating-row__meta a { color:#565e65;text-decoration:none;font-weight:700; }

@media(max-width:850px){
    .qxl-rating-trade { grid-template-columns:58px minmax(0,1fr); }
    .qxl-rating-trade__image { width:58px;height:58px; }
    .qxl-rating-form { grid-column:1 / -1;grid-template-columns:1fr; }
    .qxl-rating-choice { flex-wrap:wrap; }
    .qxl-ratings-dashboard-grid { grid-template-columns:1fr; }
}
@media(max-width:600px){
    .qxl-ratings-overview { grid-template-columns:1fr 1fr; }
    .qxl-ratings-overview > div:nth-child(2) { border-right:0; }
    .qxl-ratings-overview > div:nth-child(-n+2) { border-bottom:1px solid #eceef0; }
    .qxl-ratings-dashboard__hero h2 { font-size:26px !important; }
    .qxl-ratings-summary-grid { grid-template-columns:1fr 1fr; }
    .qxl-ratings-summary-grid > div:nth-child(2) { border-right:0; }
    .qxl-ratings-summary-grid > div:nth-child(-n+2) { border-bottom:1px solid #e8eaec; }
    .qxl-ratings-public { padding:16px; }
    .qxl-ratings-public__head { align-items:flex-start; }
}


/* v1.1 — direct rating link from QXL auction-result emails */
.qxl-rating-trade.is-target {
    position: relative;
    background: #fffaf5;
    box-shadow: inset 4px 0 0 #ff7900;
}
.qxl-rating-trade.is-target::after {
    content: "VURDER DENNE HANDELEN";
    position: absolute;
    top: 8px;
    right: 14px;
    color: #d55f00;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .09em;
}
@media(max-width:850px){
    .qxl-rating-trade.is-target { padding-top: 28px; }
}