/* BOBBEDOES - GEDEELDE LIJSTEN - alle zes views */
/* Afkomstig uit centrale CSS, behoud oorspronkelijke cascadevolgorde */
.bd-offer-page {
    padding-top: 32px;
    padding-bottom: 35px;
}

.bd-offer-page-header {
    margin-bottom: 24px;
}

    .bd-offer-page-header h1 {
        margin: 0;
        color: #222222;
        font-size: 31px;
        font-weight: 600;
        line-height: 38px;
    }

    .bd-offer-page-header p {
        margin: 2px 0 0 0;
        color: #888888;
        font-size: 13px;
        line-height: 20px;
    }

.bd-offer-grid {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.bd-offer-preview-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 0;
    min-height: 360px;
    padding: 22px 20px 20px 20px;
    background: #ffffff;
    border: 1px solid #dfe7ed;
    border-radius: 6px;
    color: #333333;
    text-align: center;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

    .bd-offer-preview-card:hover,
    .bd-offer-preview-card:focus {
        border-color: #118abd;
        color: #333333;
        text-decoration: none;
        box-shadow: 0 5px 16px rgba(0, 0, 0, .07);
        transform: translateY(-2px);
    }

.bd-offer-status {
    position: absolute;
    top: -9px;
    left: 15px;
    z-index: 20;
    padding: 3px 9px;
    background: #118abd;
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: .5px;
}

.bd-offer-status--upcoming {
    background: #999999;
}

.bd-offer-status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%;
    background: #ffffff;
    vertical-align: 1px;
}

.bd-offer-preview-icon {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 7px;
    border-radius: 50%;
    background: #f3f9fc;
    color: #118abd;
    font-size: 24px;
}

.bd-offer-preview-images {
    position: relative;
    width: 255px;
    max-width: 100%;
    height: 158px;
    margin: 0 auto 11px auto;
}

.bd-offer-preview-image-card {
    position: absolute;
    top: 8px;
    width: 94px;
    height: 138px;
    padding: 4px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
    box-shadow: 0 4px 11px rgba(0, 0, 0, .09);
    transition: transform .15s ease, box-shadow .15s ease;
}

    .bd-offer-preview-image-card img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #ffffff;
    }

.bd-offer-preview-image-1 {
    left: 8px;
    z-index: 1;
    transform: rotate(-3deg);
}

.bd-offer-preview-image-2 {
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
}

.bd-offer-preview-image-3 {
    right: 8px;
    z-index: 2;
    transform: rotate(3deg);
}

.bd-offer-preview-card:hover .bd-offer-preview-image-1 {
    transform: translateX(-3px) rotate(-4deg);
}

.bd-offer-preview-card:hover .bd-offer-preview-image-2 {
    transform: translateX(-50%) translateY(-3px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .11);
}

.bd-offer-preview-card:hover .bd-offer-preview-image-3 {
    transform: translateX(3px) rotate(4deg);
}

.bd-offer-preview-content {
    display: block;
    min-height: 55px;
    padding: 0 5px;
}

    .bd-offer-preview-content h3 {
        margin: 0 0 4px 0;
        color: #222222;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }

    .bd-offer-preview-content p {
        margin: 0;
        color: #888888;
        font-size: 11px;
        line-height: 16px;
    }

.bd-offer-preview-button {
    display: inline-block;
    margin-top: auto;
    padding: 9px 15px;
    background: #118abd;
    color: #ffffff;
    font-size: 11px;
    line-height: 15px;
    transition: background-color .15s ease;
}

.bd-offer-preview-card:hover .bd-offer-preview-button {
    background: #0e7da9;
}

.bd-offer-preview-button .lnr {
    margin-left: 7px;
    font-size: 9px;
}

.bd-offer-highlights {
    margin-top: 28px;
}

    .bd-offer-highlights .borderlist.home {
        margin-top: 0;
    }

/* =====================================================
   BOBBEDOES - GEDEELDE KNOP BEKIJK LIVE
   Herbruikbaar in alle itemlijsten
   ===================================================== */

.bd-view-live-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto;
    min-height: 23px;
    margin-top: 3px;
    padding: 3px 8px;
    border: 1px solid #d5dfe5;
    border-radius: 4px;
    background: #fff;
    color: #536875 !important;
    font-size: 9px;
    font-weight: 600;
    line-height: 15px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

    .bd-view-live-button .lnr {
        font-size: 10px;
        color: #118abd;
    }

    .bd-view-live-button:hover,
    .bd-view-live-button:focus {
        border-color: #118abd;
        background: #f2f9fc;
        color: #118abd !important;
        text-decoration: none !important;
    }

@media screen and (max-width: 991px) {
    .bd-offer-grid {
        gap: 12px;
    }

    .bd-offer-preview-card {
        min-height: 340px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .bd-offer-preview-images {
        width: 210px;
        height: 142px;
    }

    .bd-offer-preview-image-card {
        width: 80px;
        height: 120px;
    }

    .bd-offer-preview-image-1 {
        left: 5px;
    }

    .bd-offer-preview-image-3 {
        right: 5px;
    }

    .bd-offer-benefits {
        flex-wrap: wrap;
    }

    .bd-offer-benefit {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 8px 0;
    }

        .bd-offer-benefit:nth-child(2) {
            border-right: 0;
        }
}

@media screen and (max-width: 767px) {
    .bd-offer-page {
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .bd-offer-page-header {
        margin-bottom: 20px;
    }

        .bd-offer-page-header h1 {
            font-size: 27px;
            line-height: 33px;
        }

        .bd-offer-page-header p {
            font-size: 12px;
            line-height: 18px;
        }

    .bd-offer-grid {
        display: block;
    }

    .bd-offer-preview-card {
        min-height: 335px;
        margin-bottom: 15px;
        padding: 22px 18px 20px 18px;
    }

    .bd-offer-preview-images {
        width: 250px;
        height: 158px;
    }

    .bd-offer-preview-image-card {
        width: 92px;
        height: 135px;
    }

    .bd-offer-preview-image-1 {
        left: 8px;
    }

    .bd-offer-preview-image-3 {
        right: 8px;
    }

    .bd-offer-preview-content h3 {
        font-size: 15px;
    }

    .bd-offer-highlights {
        margin-top: 22px;
    }

    .bd-offer-benefits {
        display: block;
        padding: 15px 18px;
    }

    .bd-offer-benefit,
    .bd-offer-benefit:first-child,
    .bd-offer-benefit:last-child {
        max-width: none;
        margin: 0;
        padding: 13px 0;
        border-right: 0;
        border-bottom: 1px solid #e6ebef;
    }

        .bd-offer-benefit:last-child {
            border-bottom: 0;
        }
}

@media screen and (max-width: 420px) {
    .bd-offer-preview-images {
        width: 225px;
    }

    .bd-offer-preview-image-card {
        width: 84px;
        height: 126px;
    }

    .bd-offer-preview-card {
        min-height: 325px;
    }
}

.bd-offer-grid--collage {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
    width: 100%;
    margin-top: 26px;
}

.bd-offer-preview-card--collage {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe4e8;
    border-radius: 5px;
    color: #222 !important;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .025);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .bd-offer-preview-card--collage:hover,
    .bd-offer-preview-card--collage:focus {
        border-color: #cbd5db;
        color: #222 !important;
        text-decoration: none !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
        transform: translateY(-2px);
    }

.bd-offer-preview-media {
    position: relative;
    width: 100%;
    height: 310px;
    overflow: hidden;
    background: #f4f5f5;
}

.bd-offer-preview-images--collage {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 3px;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
}

    .bd-offer-preview-images--collage .bd-offer-preview-image-1 {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .bd-offer-preview-images--collage .bd-offer-preview-image-2 {
        grid-column: 2;
        grid-row: 1;
    }

    .bd-offer-preview-images--collage .bd-offer-preview-image-3 {
        grid-column: 2;
        grid-row: 2;
    }

    .bd-offer-preview-images--collage .bd-offer-preview-image-card {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: auto;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #f2f2f2;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: none;
    }

        .bd-offer-preview-images--collage .bd-offer-preview-image-card img {
            display: block;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            background: #f2f2f2;
            object-fit: cover;
            object-position: center;
            transition: transform .3s ease;
        }

.bd-offer-preview-card--collage:hover .bd-offer-preview-image-1,
.bd-offer-preview-card--collage:hover .bd-offer-preview-image-2,
.bd-offer-preview-card--collage:hover .bd-offer-preview-image-3 {
    box-shadow: none;
    transform: none;
}

.bd-offer-preview-card--collage:hover .bd-offer-preview-image-card img {
    transform: scale(1.025);
}

.bd-offer-preview-card--collage .bd-offer-status {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 3px 8px;
    background: #118abd;
    color: #fff;
    border-radius: 2px;
    font-size: 9px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: .45px;
    text-transform: uppercase;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .12);
}

.bd-offer-preview-card--collage .bd-offer-status--upcoming {
    background: #8f8f8f;
}

.bd-offer-preview-card--collage .bd-offer-preview-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    min-height: 0;
    padding: 22px 22px 13px;
    text-align: center;
}

    .bd-offer-preview-card--collage .bd-offer-preview-content h3 {
        margin: 0 0 5px;
        color: #111;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.3;
    }

    .bd-offer-preview-card--collage .bd-offer-preview-content p {
        margin: 0;
        color: #999;
        font-size: 12px;
        line-height: 1.45;
    }

.bd-offer-preview-card--collage .bd-offer-preview-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-height: 38px;
    margin: 5px 0 22px;
    padding: 0 17px;
    background: #118abd;
    color: #fff !important;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 38px;
    text-decoration: none !important;
}

    .bd-offer-preview-card--collage .bd-offer-preview-button .lnr {
        margin-left: 8px;
        color: #fff;
        font-size: 9px;
        transition: transform .15s ease;
    }

.bd-offer-preview-card--collage:hover .bd-offer-preview-button .lnr {
    transform: translateX(2px);
}

.bd-offer-loading-card {
    pointer-events: none;
}

.bd-offer-loading-media {
    height: 310px;
    background: #f0f1f2;
}

.bd-offer-loading-content {
    padding: 22px;
}

.bd-offer-loading-line {
    height: 10px;
    margin: 0 auto 8px;
    background: #eee;
    border-radius: 3px;
}

.bd-offer-loading-line--title {
    width: 55%;
}

.bd-offer-loading-line--small {
    width: 35%;
}

@media (max-width: 991px) {
    .bd-offer-grid--collage {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .bd-offer-preview-card--collage {
        min-height: 0;
        margin: 0;
        padding: 0;
    }

    .bd-offer-preview-media {
        height: 285px;
    }

    .bd-offer-grid--collage .bd-offer-preview-card--collage:nth-child(3) {
        grid-column: 1 / -1;
    }

        .bd-offer-grid--collage
        .bd-offer-preview-card--collage:nth-child(3)
        .bd-offer-preview-media {
            height: 320px;
        }
}

@media (max-width: 767px) {
    .bd-offer-grid--collage {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 20px;
    }

        .bd-offer-grid--collage .bd-offer-preview-card--collage:nth-child(3) {
            grid-column: auto;
        }

    .bd-offer-preview-card--collage {
        min-height: 0;
        margin: 0;
        padding: 0;
    }

    .bd-offer-preview-media,
    .bd-offer-grid--collage
    .bd-offer-preview-card--collage:nth-child(3)
    .bd-offer-preview-media {
        height: 270px;
    }

    .bd-offer-preview-card--collage .bd-offer-preview-content {
        padding: 17px 16px 10px;
    }

        .bd-offer-preview-card--collage .bd-offer-preview-content h3 {
            font-size: 16px;
        }

    .bd-offer-preview-card--collage .bd-offer-preview-button {
        margin-bottom: 17px;
    }
}

@media (max-width: 420px) {
    .bd-offer-preview-media,
    .bd-offer-grid--collage
    .bd-offer-preview-card--collage:nth-child(3)
    .bd-offer-preview-media {
        height: 235px;
    }
}

.my-lots-workspace {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 0;
    width: 100%;
    max-width: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(25, 39, 52, .03);
    overflow: visible;
}

    .my-lots-workspace,
    .my-lots-workspace a,
    .my-lots-workspace button,
    .my-lots-workspace input,
    .my-lots-workspace select {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

.my-lots-sidebar {
    min-height: 720px;
    padding: 16px 12px;
    border-right: 1px solid #e5e9ec;
    background: #fbfcfd;
}

.my-lots-sidebar-title {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 11px;
    color: #202a32;
    font-size: 15px;
    font-weight: 700;
}

    .my-lots-sidebar-title .lnr {
        font-size: 15px;
    }

.my-lots-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 10px;
}

    .my-lots-sidebar-nav a {
        display: flex;
        align-items: center;
        gap: 9px;
        min-height: 38px;
        padding: 0 11px;
        border-radius: 6px;
        color: #42505b !important;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none !important;
        transition: .15s ease-in-out;
    }

        .my-lots-sidebar-nav a .lnr {
            width: 16px;
            color: #77838c;
            text-align: center;
        }

        .my-lots-sidebar-nav a:hover {
            background: #f0f5f8;
            color: #1176a7 !important;
        }

        .my-lots-sidebar-nav a.active {
            background: #edf4f8;
            color: #0f6e9b !important;
            font-weight: 700;
        }

            .my-lots-sidebar-nav a.active .lnr {
                color: #118abd;
            }

.my-lots-sidebar-note {
    margin-top: 22px;
    padding: 13px 11px;
    border-top: 1px solid #e3e8eb;
    color: #89939a;
    font-size: 9px;
    line-height: 1.45;
}

    .my-lots-sidebar-note strong {
        display: block;
        margin-bottom: 4px;
        color: #54616b;
        font-size: 10px;
    }

.my-lots-mobile-nav {
    display: none;
}

.my-lots-page {
    min-width: 0;
    padding: 26px 30px 42px;
    color: #2f3740;
    font-size: 12px;
}

.my-lots-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
}

.my-lots-breadcrumb {
    margin-bottom: 6px;
    color: #9aa2a9;
    font-size: 10px;
    font-weight: 500;
}

    .my-lots-breadcrumb a {
        color: #118abd !important;
        font-weight: 700;
        text-decoration: none !important;
    }

    .my-lots-breadcrumb span {
        margin: 0 7px;
        color: #c0c5c9;
    }

.my-lots-header h1 {
    margin: 0;
    color: #202932;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.35px;
}

.my-lots-subtitle {
    margin-top: 5px;
    color: #758089;
    font-size: 11px;
    font-weight: 500;
}

.my-lots-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-lots-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 37px;
    padding: 0 15px;
    border: 1px solid #118abd;
    border-radius: 6px;
    background: #118abd;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .15s ease-in-out;
}

    .my-lots-new:hover {
        border-color: #0d7da9;
        background: #0d7da9;
        color: #fff !important;
    }

.my-lots-status-scroll {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden !important;
    margin-bottom: 14px;
    border-bottom: 1px solid #dfe4e8;
    scrollbar-width: thin;
    scrollbar-color: #aab2b8 transparent;
    -webkit-overflow-scrolling: touch;
}

    .my-lots-status-scroll::-webkit-scrollbar {
        height: 4px;
    }

    .my-lots-status-scroll::-webkit-scrollbar-track {
        background: transparent;
    }

    .my-lots-status-scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #b7bec4;
    }

.my-lots-status {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

@media (max-width: 1100px) {
    .my-lots-status {
        justify-content: flex-start;
        gap: 16px;
        width: auto;
        min-width: max-content;
    }
}

.my-lots-status-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 1px;
    color: #404a53 !important;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none !important;
    transition: .15s ease-in-out;
}

    .my-lots-status-link:hover {
        color: #0f69a3 !important;
    }

    .my-lots-status-link span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 20px;
        padding: 0 6px;
        border-radius: 12px;
        background: #e9f3ff;
        color: #3777ba;
        font-size: 11px;
        font-weight: 700;
        line-height: 20px;
    }

    .my-lots-status-link.active {
        color: #118abd;
        border-bottom: 2px solid #118abd;
    }

        .my-lots-status-link.active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 3px;
            border-radius: 2px 2px 0 0;
            background: #118abd;
        }

        .my-lots-status-link.active span {
            background: #dbeeff;
            color: #176ca8;
        }

.my-lots-status-link--required span {
    background: #fff0d4;
    color: #a26c0b;
}

.my-lots-status-link--live span {
    background: #e4f4e8;
    color: #2f7d45;
}

.my-lots-filters {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) 215px 225px;
    gap: 9px;
    margin-bottom: 7px;
}

.my-lots-search {
    position: relative;
    height: 42px;
}

    .my-lots-search input {
        width: 100%;
        height: 42px;
        min-width: 0;
        padding: 0 73px 0 13px;
        border: 1px solid #d6dde2;
        border-radius: 6px;
        outline: none;
        background: #fff;
        color: #26313a;
        font-size: 12px;
        font-weight: 600;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

        .my-lots-search input::placeholder {
            color: #a0a8ae;
            font-weight: 400;
        }

        .my-lots-search input:focus,
        .my-lots-select select:focus {
            border-color: #9dc9df;
            box-shadow: 0 0 0 3px rgba(17, 138, 189, .08);
        }

.my-lots-search-clear {
    position: absolute;
    top: 50%;
    right: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: #c33838;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

    .my-lots-search-clear:hover {
        background: #a92f2f;
        color: #fff;
    }

.my-lots-search-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 0 6px 6px 0;
    background: transparent !important;
    color: #52616c !important;
    font-size: 17px;
    cursor: pointer;
}

    .my-lots-search-button:hover {
        background: #f5f7f8 !important;
        color: #118abd !important;
    }

.my-lots-select select {
    width: 100%;
    height: 42px;
    padding: 0 35px 0 12px;
    border: 1px solid #d6dde2;
    border-radius: 6px;
    outline: none;
    background: #fff;
    color: #34404a;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
}

.my-lots-result-info {
    margin: 0 0 9px;
    padding: 0 1px;
    color: #7b858c;
    font-size: 9px;
    font-weight: 500;
}

    .my-lots-result-info strong {
        color: #3c4851;
        font-weight: 700;
    }

.my-lots-list {
    border-radius: 6px;
    overflow: visible;
    background: #fff;
}

.my-lots-list-header,
.my-lots-row {
    align-items: center;
    gap: 9px;
}

.my-lots-list-header {
    min-height: 37px;
    padding: 0 12px;
    border-bottom: 1px solid #dde3e7;
    border-radius: 6px 6px 0 0;
    color: #707b83;
    font-size: 8px !important;
    font-weight: 700;
    letter-spacing: .05px;
}

.my-lots-row {
    position: relative;
    min-height: 84px;
    padding: 8px 12px;
    border-bottom: 1px solid #e7ebee;
    background: #fff;
    transition: background .12s ease-in-out;
}

    .my-lots-row:last-child {
        border-bottom: 0;
    }

    .my-lots-row:hover {
        background: #fbfcfd;
    }

.my-lots-row--required {
    background: #fffdf8;
}

.my-lots-workspace.hide-dates:not(.admin) .my-lots-list-header,
.my-lots-workspace.hide-dates:not(.admin) .my-lots-row {
    display: grid;
    grid-template-columns: minmax(0, 2.7fr) minmax(90px, .85fr) minmax(115px, 1fr) 72px 58px 42px;
    gap: 9px;
    width: 100%;
    min-width: 0;
}

.my-lots-workspace.show-dates:not(.admin) .my-lots-list-header,
.my-lots-workspace.show-dates:not(.admin) .my-lots-row {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(85px, .80fr) minmax(110px, .95fr) 68px 68px 68px 54px 42px;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.my-lots-workspace.admin.hide-dates .my-lots-list-header,
.my-lots-workspace.admin.hide-dates .my-lots-row {
    display: grid;
    grid-template-columns: minmax(0, 2.25fr) minmax(75px, .65fr) minmax(85px, .75fr) minmax(110px, .95fr) 68px 54px 42px;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.my-lots-workspace.admin.show-dates .my-lots-list-header,
.my-lots-workspace.admin.show-dates .my-lots-row {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(65px, .60fr) minmax(75px, .70fr) minmax(105px, .95fr) 64px 64px 64px 50px 42px;
    gap: 7px;
    width: 100%;
    min-width: 0;
}

.my-lots-list-header > *,
.my-lots-row > * {
    min-width: 0;
}

.my-lots-title,
.my-lots-title-wrap,
.my-lots-auction,
.my-lots-seller,
.my-lots-status-cell {
    min-width: 0;
}

.my-lots-actions {
    width: 42px;
    min-width: 42px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 1200px) {
    .my-lots-workspace.hide-dates:not(.admin) .my-lots-list-header,
    .my-lots-workspace.hide-dates:not(.admin) .my-lots-row {
        grid-template-columns: minmax(0, 2.5fr) minmax(80px, .8fr) minmax(105px, .95fr) 66px 50px 40px;
        gap: 7px;
    }

    .my-lots-workspace.show-dates:not(.admin) .my-lots-list-header,
    .my-lots-workspace.show-dates:not(.admin) .my-lots-row {
        grid-template-columns: minmax(0, 2fr) minmax(75px, .75fr) minmax(100px, .9fr) 62px 62px 64px 48px 40px;
        gap: 6px;
    }

    .my-lots-workspace.admin.hide-dates .my-lots-list-header,
    .my-lots-workspace.admin.hide-dates .my-lots-row {
        grid-template-columns: minmax(0, 2fr) minmax(65px, .6fr) minmax(75px, .7fr) minmax(100px, .9fr) 64px 48px 40px;
        gap: 6px;
    }

    .my-lots-workspace.admin.show-dates .my-lots-list-header,
    .my-lots-workspace.admin.show-dates .my-lots-row {
        grid-template-columns: minmax(0, 1.8fr) minmax(60px, .55fr) minmax(70px, .65fr) minmax(95px, .9fr) 60px 60px 62px 46px 40px;
        gap: 5px;
    }

    .my-lots-actions {
        width: 40px;
        min-width: 40px;
    }
}

.my-lots-item {
    display: flex;
    align-items: start;
    min-width: 0;
    gap: 10px;
}

.my-lots-image {
    display: flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 66px;
    overflow: hidden;
    border: 1px solid #dde3e7;
    border-radius: 3px;
    background: #fafafa;
}

.my-lots-image-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.my-lots-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.my-lots-item-info {
    min-width: 0;
}

.my-lots-title {
    display: block;
    overflow: hidden;
    color: #020202 !important;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.34;
    text-decoration: none !important;
    cursor: pointer;
}

    .my-lots-title:hover {
        color: #118abd !important;
        text-decoration: underline !important;
    }

.my-lots-meta {
    margin-top: 4px;
    color: #9ba3a9;
    font-size: 8px;
    font-weight: 500;
}

.my-lots-catalog {
    display: inline-block;
    margin-top: 3px;
    padding: 2px 5px;
    border-radius: 3px;
    background: #eef1f3;
    color: #737d84;
    font-size: 7px;
    font-weight: 600;
}

.my-lots-seller,
.my-lots-auction {
    min-width: 0;
    color: #5c6871;
    align-self: start;
    font-size: .825rem;
    font-weight: 500;
    line-height: 1.4;
}

.my-lots-date {
    color: #3a444d;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.25;
    align-self: start;
}

    .my-lots-date small {
        display: block;
        margin-top: 2px;
        color: #929aa0;
        font-size: 8px;
        font-weight: 400;
    }

.my-lots-price {
    color: #36414a;
    align-self: start;
    font-size: 10px;
    font-weight: 700;
}

.my-lots-bid {
    color: #202a32;
    align-self: start;
    font-size: .825rem;
    font-weight: 700;
}

.my-lots-status-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
    align-self: start;
}

.my-lots-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 135px;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 12px;
    background: #eef1f3;
    color: #5f6970;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.15;
    white-space: normal !important;
    text-align: center;
}

.my-lots-badge--4 {
    background: #fde7e7;
    color: #b73838;
}

.my-lots-badge--6 {
    background: #eceff1;
    color: #5f686f;
}

.my-lots-badge--7,
.my-lots-badge--8 {
    background: #e6eef9;
    color: #3970aa;
}

.my-lots-badge--9 {
    background: #fff0d4;
    color: #a56c07;
}

.my-lots-badge--10 {
    background: #e3f3e7;
    color: #2e7b3f;
}

.my-lots-badge--12 {
    background: #e5f1fb;
    color: #316f9e;
}

.my-lots-badge--20 {
    background: #def3e2;
    color: #24783a;
}

.my-lots-badge--50 {
    background: #f3e8dc;
    color: #8c5d30;
}

.my-lots-offer-direct {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 25px;
    padding: 0 8px;
    border: 1px solid #118abd;
    border-radius: 5px;
    background: #118abd;
    color: #fff !important;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

    .my-lots-offer-direct:hover {
        border-color: #0d7da9;
        background: #0d7da9;
    }

.my-lots-offer-direct--secondary {
    border-color: #cdd8de;
    background: #fff;
    color: #3e5d6e !important;
}

    .my-lots-offer-direct--secondary:hover {
        border-color: #96bdcf;
        background: #f7fbfd;
        color: #1179aa !important;
    }

.my-lots-offer-direct .lnr {
    font-size: 10px;
}

.my-lots-action {
    position: relative;
    display: flex;
    align-self: start;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
    text-align: right;
}

.my-lots-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 1px solid #d4dce1;
    border-radius: 5px;
    background: #fff;
    color: #52616b !important;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    transition: .15s ease-in-out;
}

    .my-lots-icon-button:hover {
        border-color: #9fc9df;
        background: #f7fbfd;
        color: #118abd !important;
    }

.my-lots-dots {
    position: relative;
    top: -2px;
    color: #47545e;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.my-lots-more {
    position: relative;
}

.my-lots-menu {
    position: absolute;
    z-index: 100;
    top: 36px;
    right: 0;
    display: none;
    width: 205px;
    padding: 5px 0;
    border: 1px solid #d8dfe3;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    text-align: left;
}

    .my-lots-menu.open {
        display: block;
    }

.my-lots-menu-item {
    display: flex;
    align-items: start;
    gap: 9px;
    width: 100%;
    min-height: 36px;
    padding: 7px 11px;
    border: 0;
    background: #fff;
    color: #34414a !important;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    text-decoration: none !important;
    cursor: pointer;
}

    .my-lots-menu-item:hover {
        background: #f5f7f8;
        color: #118abd !important;
    }

    .my-lots-menu-item span {
        width: 16px;
        text-align: center;
    }

.my-lots-menu-item--delete {
    color: #c43d3d !important;
}

    .my-lots-menu-item--delete:hover {
        background: #fff5f5;
        color: #b72f2f !important;
    }

.my-lots-empty {
    padding: 48px 20px;
    border: 1px solid #dfe4e7;
    border-radius: 6px;
    background: #fff;
    text-align: center;
}

    .my-lots-empty strong {
        display: block;
        margin-bottom: 5px;
        color: #2b353d;
        font-size: 15px;
        font-weight: 700;
    }

    .my-lots-empty span {
        color: #7f8990;
        font-size: 10px;
    }

.my-lots-paging {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 18px 0 0;
}

    .my-lots-paging a,
    .my-lots-paging-ellipsis {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        box-sizing: border-box;
        border: 1px solid #d7dfe4;
        border-radius: 4px;
        background: #fff;
        color: #53616a !important;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        text-decoration: none !important;
        vertical-align: middle;
    }

    .my-lots-paging a {
        position: relative;
        z-index: 2;
        cursor: pointer;
        pointer-events: auto !important;
        user-select: none;
    }

        .my-lots-paging a:hover {
            border-color: #118abd;
            color: #118abd !important;
            text-decoration: none !important;
        }

        .my-lots-paging a.active {
            border-color: #121212;
            background: #fff;
            color: #121212 !important;
            font-weight: 600;
        }

        .my-lots-paging a::before,
        .my-lots-paging a::after {
            pointer-events: none !important;
        }

        .my-lots-paging a * {
            pointer-events: none;
        }

.my-lots-paging-ellipsis {
    min-width: 22px;
    padding: 0;
    border-color: transparent;
    background: transparent;
    color: #8b959b !important;
    font-size: 12px;
}

.swal2-popup.my-lots-swal {
    overflow: visible;
    border-radius: 7px;
}

.my-lots-swal .swal2-html-container {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: left !important;
}

.my-lots-swal .swal2-close {
    z-index: 5;
    top: 8px;
    right: 8px;
    color: #6f7880;
}

.my-lots-preview {
    padding: 26px 28px 20px;
}

.my-lots-preview-main {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 25px;
}

.my-lots-preview-image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 240px;
    padding: 10px;
    border: 1px solid #e0e5e8;
    border-radius: 4px;
    background: #f8f9f9;
}

    .my-lots-preview-image img {
        max-width: 100%;
        max-height: 300px;
        object-fit: contain;
    }

.my-lots-preview-title {
    padding-right: 30px;
    color: #202a32;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.my-lots-preview-id {
    margin-top: 5px;
    color: #98a0a6;
    font-size: 10px;
}

.my-lots-preview-details {
    margin-top: 22px;
}

.my-lots-preview-row {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px solid #f0f2f3;
}

.my-lots-preview-label {
    color: #808a92;
    font-size: 10px;
    font-weight: 500;
}

.my-lots-preview-value {
    color: #2f3941;
    font-size: 11px;
    font-weight: 600;
}

.my-lots-preview-status {
    display: inline-block;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 13px;
    background: #eef1f3;
}

.my-lots-preview-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
    padding-top: 15px;
    border-top: 1px solid #e7eaec;
}

.my-lots-preview-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    padding: 0 14px;
    border: 1px solid #ccd4d9;
    border-radius: 5px;
    background: #fff;
    color: #34414a !important;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
}

    .my-lots-preview-button:hover {
        border-color: #9dc7db;
        color: #118abd !important;
    }

.my-lots-preview-button--offer {
    border-color: #118abd;
    background: #118abd;
    color: #fff !important;
}

@media (max-width: 1100px) {
    .my-lots-workspace {
        grid-template-columns: 165px minmax(0, 1fr);
        width: calc(100% - 20px);
    }

    .my-lots-page {
        padding-left: 20px;
        padding-right: 20px;
    }

    .my-lots-filters {
        grid-template-columns: minmax(260px, 1fr) 190px 195px;
    }

    .my-lots-status {
        gap: 16px;
    }
}

@media (max-width: 900px) {
    .my-lots-workspace {
        display: block;
        width: calc(100% - 16px);
        margin-top: 10px;
    }

    .my-lots-sidebar {
        display: none;
    }

    .my-lots-mobile-nav {
        display: block;
        margin: 10px 10px 0;
        border: 1px solid #dce3e7;
        border-radius: 6px;
        background: #fff;
    }

        .my-lots-mobile-nav summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 40px;
            padding: 0 12px;
            color: #32404a;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
            list-style: none;
        }

            .my-lots-mobile-nav summary::-webkit-details-marker {
                display: none;
            }

            .my-lots-mobile-nav summary > span:first-child {
                display: inline-flex;
                align-items: center;
                gap: 8px;
            }

    .my-lots-mobile-nav-links {
        display: grid;
        gap: 2px;
        padding: 5px 8px 8px;
        border-top: 1px solid #edf0f2;
    }

        .my-lots-mobile-nav-links a {
            padding: 9px 8px;
            border-radius: 5px;
            color: #485660 !important;
            font-size: 10px;
            font-weight: 600;
            text-decoration: none !important;
        }

            .my-lots-mobile-nav-links a.active {
                background: #edf4f8;
                color: #0f6e9b !important;
            }

    .my-lots-page {
        padding: 18px 12px 35px;
    }

    .my-lots-header {
        margin-bottom: 13px;
    }

        .my-lots-header h1 {
            font-size: 27px;
        }

    .my-lots-filters {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .my-lots-search {
        grid-column: 1 / -1;
    }

    .my-lots-list-header {
        display: none !important;
    }

    .my-lots-row,
    .my-lots-workspace.admin .my-lots-row,
    .my-lots-workspace.show-dates .my-lots-row,
    .my-lots-workspace.hide-dates .my-lots-row {
        position: relative;
        display: block !important;
        min-height: 0;
        padding: 12px;
    }

    .my-lots-item {
        align-items: flex-start;
        padding-right: 78px;
    }

    .my-lots-image {
        flex: 0 0 50px;
    }

    .my-lots-title {
        font-size: 11px;
    }

    .my-lots-seller,
    .my-lots-auction,
    .my-lots-status-cell,
    .my-lots-price,
    .my-lots-bid {
        display: block;
        margin-top: 7px;
        padding-left: 60px;
        font-size: 9px;
    }

    .my-lots-status-cell {
        display: flex;
        align-items: flex-start;
    }

    .my-lots-date {
        display: none !important;
    }

    .my-lots-price::before {
        content: "Startprijs ";
        color: #8b949a;
        font-size: 8px;
        font-weight: 500;
    }

    /* These columns contain estimates, not starting prices. */
    .active-items-row .my-lots-price::before,
    .sold-items-row .sold-items-estimate::before {
        content: "Schatting ";
    }

    .my-lots-bid::before {
        content: "Bod ";
        color: #8b949a;
        font-size: 8px;
        font-weight: 500;
    }

    .my-lots-action {
        position: absolute;
        top: 11px;
        right: 10px;
    }

    .my-lots-menu {
        top: 35px;
    }
}

@media (max-width: 520px) {
    .my-lots-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
    }

    .my-lots-header-actions {
        width: 100%;
    }

    .my-lots-new {
        margin-left: auto;
    }

    .my-lots-status {
        gap: 16px;
    }

    .my-lots-status-link {
        min-height: 39px;
        font-size: 9px;
    }

    .my-lots-filters {
        display: block;
    }

    .my-lots-search,
    .my-lots-select {
        margin-bottom: 7px;
    }

    .my-lots-preview {
        padding: 22px 16px 16px;
    }

    .my-lots-preview-main {
        display: block;
    }

    .my-lots-preview-image {
        width: 130px;
        min-height: 0;
        margin: 0 auto 18px;
    }

        .my-lots-preview-image img {
            max-height: 190px;
        }

    .my-lots-preview-title {
        padding-right: 20px;
        font-size: 15px;
    }

    .my-lots-preview-actions {
        flex-direction: column;
    }

    .my-lots-preview-button {
        width: 100%;
    }
}

.my-lots-status-scroll,
.my-lots-filters,
.my-lots-result-info,
.my-lots-list {
    width: 100% !important;
    max-width: none !important;
}

.stock-selection-toolbar {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 44px;
    margin: 4px 0 10px;
    padding: 0 2px;
}

.stock-select-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #56626b;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

    .stock-select-all input {
        width: 15px;
        height: 15px;
        margin: 0;
        cursor: pointer;
    }

.stock-selected-count {
    color: #849099;
    font-size: 9px;
}

    .stock-selected-count strong {
        color: #35414a;
        font-size: 10px;
    }

.stock-bulk-actions {
    display: none;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.stock-selection-toolbar.has-selection .stock-bulk-actions {
    display: flex;
}

.stock-bulk-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid #cfd8dd;
    border-radius: 5px;
    background: #fff;
    color: #40505a;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

    .stock-bulk-button:hover {
        border-color: #96bdcf;
        background: #f7fbfd;
        color: #118abd;
    }

.stock-bulk-button--delete {
    color: #b94747;
}

    .stock-bulk-button--delete:hover {
        border-color: #e1b2b2;
        background: #fff6f6;
        color: #b13737;
    }

.my-lots-workspace.hide-dates:not(.admin)
.stock-list
.stock-list-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 3fr) minmax(110px, .85fr) 82px 76px 76px 92px 42px;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.my-lots-workspace.admin.hide-dates
.stock-list
.stock-list-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 2.7fr) minmax(95px, .75fr) minmax(105px, .8fr) 82px 76px 76px 92px 42px;
    gap: 9px;
    width: 100%;
    min-width: 0;
}

.stock-list .stock-list-row > * {
    min-width: 0;
}

.stock-list .my-lots-item,
.stock-list .my-lots-item-info,
.stock-list .my-lots-title,
.stock-list .my-lots-seller,
.stock-list .my-lots-auction {
    min-width: 0;
}

.stock-list .stock-row-select {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .stock-list .stock-row-select input {
        width: 15px;
        height: 15px;
        margin: 0;
        cursor: pointer;
    }

.stock-list .my-lots-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

@media (max-width: 1200px) {
    .my-lots-workspace.hide-dates:not(.admin)
    .stock-list
    .stock-list-row {
        grid-template-columns: 28px minmax(0, 2.7fr) minmax(95px, .8fr) 76px 68px 68px 40px;
        gap: 8px;
    }

    .my-lots-workspace.admin.hide-dates
    .stock-list
    .stock-list-row {
        grid-template-columns: 28px minmax(0, 2.3fr) minmax(80px, .7fr) minmax(90px, .75fr) 74px 66px 66px 40px;
        gap: 7px;
    }
}

@media (max-width: 900px) {
    .my-lots-workspace.hide-dates:not(.admin)
    .stock-list
    .stock-list-row,
    .my-lots-workspace.admin.hide-dates
    .stock-list
    .stock-list-row {
        position: relative;
        display: block !important;
    }

    .stock-list .my-lots-list-header {
        display: none !important;
    }

    .stock-list .stock-row-select {
        position: absolute;
        top: 14px;
        left: 11px;
        z-index: 2;
    }

    .stock-list .my-lots-item {
        padding-left: 28px;
        padding-right: 46px;
    }

    .stock-list .my-lots-seller,
    .stock-list .my-lots-auction,
    .stock-list .my-lots-date,
    .stock-list .my-lots-price,
    .stock-list .my-lots-bid {
        display: block;
        margin-top: 7px;
        padding-left: 88px;
    }

    .stock-list .my-lots-action {
        position: absolute;
        top: 11px;
        right: 10px;
        padding: 0;
    }

    .stock-selection-toolbar {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .stock-bulk-actions {
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
    }
}

@media (max-width: 520px) {
    .stock-selection-toolbar {
        gap: 8px;
    }

    .stock-bulk-actions {
        display: none;
    }

    .stock-selection-toolbar.has-selection .stock-bulk-actions {
        display: flex;
    }

    .stock-bulk-button {
        flex: 1 1 auto;
    }
}

.stock-move-options {
    text-align: left;
    margin-top: 8px;
}

.stock-move-section-title {
    margin: 14px 0 6px;
    color: #7a858d;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.stock-move-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin: 0 0 7px;
    padding: 10px 12px;
    border: 1px solid #dce3e7;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

    .stock-move-option:hover {
        border-color: #9fc9dc;
        background: #f8fcfd;
    }

    .stock-move-option input {
        flex: 0 0 auto;
        margin: 3px 0 0;
    }

.stock-move-option-content {
    display: block;
    min-width: 0;
}

.stock-move-option strong {
    display: block;
    margin-bottom: 2px;
    color: #34434c;
    font-size: 15px;
    font-weight: 700;
}

.stock-move-option small {
    display: block;
    color: #78858d;
    font-size: 12px;
    line-height: 1.4;
}

.stock-move-option--warning small {
    color: #b06b33;
}

.stock-advertisement-price {
    margin: 8px 0 12px;
    padding: 12px;
    border: 1px solid #e5d6c7;
    border-radius: 6px;
    background: #fffaf5;
}

    .stock-advertisement-price > label {
        display: block;
        margin-bottom: 5px;
        color: #44515a;
        font-size: 10px;
        font-weight: 700;
    }

.stock-advertisement-price-input {
    display: flex;
    align-items: center;
    max-width: 180px;
    border: 1px solid #cfd8dd;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

    .stock-advertisement-price-input span {
        padding: 0 0 0 10px;
        color: #5d6870;
        font-size: 11px;
    }

    .stock-advertisement-price-input input {
        width: 100%;
        height: 34px;
        padding: 0 10px 0 5px;
        border: 0;
        outline: 0;
        background: transparent;
        color: #34434c;
        font-size: 15px;
        font-weight: 600
    }

.stock-advertisement-price small {
    display: block;
    margin-top: 5px;
    color: #8a6d54;
    font-size: 9px;
}

.stock-bulk-edit {
    text-align: left;
}

.stock-bulk-edit-intro {
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 5px;
    background: #f6f9fa;
    color: #69767e;
    font-size: 10px;
    line-height: 1.5;
}

.stock-bulk-edit-field {
    margin-bottom: 11px;
}

    .stock-bulk-edit-field > label {
        display: block;
        margin-bottom: 4px;
        color: #43515a;
        font-size: 15px;
        font-weight: 700;
    }

    .stock-bulk-edit-field > input,
    .stock-bulk-edit-field > textarea {
        width: 100%;
        padding: 8px 9px;
        border: 1px solid #cfd8dd;
        border-radius: 5px;
        background: #fff;
        color: #34434c;
        font-size: 15px;
        outline: none;
    }

    .stock-bulk-edit-field textarea {
        resize: vertical;
    }

    .stock-bulk-edit-field > input:focus,
    .stock-bulk-edit-field > textarea:focus,
    .stock-bulk-edit-price:focus-within {
        border-color: #8CD4F5;
    }

.stock-bulk-edit-price {
    display: flex;
    align-items: center;
    border: 1px solid #cfd8dd;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

    .stock-bulk-edit-price > span {
        padding-left: 9px;
        color: #66727a;
        font-size: 10px;
    }

    .stock-bulk-edit-price > input {
        flex: 1;
        min-width: 0;
        padding: 8px 9px 8px 5px;
        border: 0;
        background: transparent;
        color: #34434c;
        font-size: 15px;
        outline: none;
        font-weight: 600
    }

.stock-bulk-edit-field > input,
.stock-bulk-edit-field > select,
.stock-bulk-edit-field > textarea {
    width: 100%;
    padding: 8px 9px;
    border: 1px solid #cfd8dd;
    border-radius: 5px;
    background: #fff;
    color: #34434c;
    font-size: 15px;
    outline: none;
}

.stock-bulk-edit-field > select {
    height: 35px;
    cursor: pointer;
}

.stock-bulk-edit-field > small {
    display: block;
    margin-top: 4px;
    color: #8a959c;
    font-size: 9px;
}

.stock-bulk-edit-field > textarea {
    width: 100%;
    height: 70px;
    min-height: 70px;
    padding: 10px 12px;
    resize: vertical;
}

.my-lots-title a {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
    cursor: pointer;
}

    .my-lots-title a:hover {
        color: #118abd;
        text-decoration: underline;
    }

.stock-rejected-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 4px;
    padding: 2px 7px;
    border: 1px solid #e7c3a1;
    border-radius: 10px;
    background: #fff4e8;
    color: #a45c20;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.35;
    cursor: pointer;
    appearance: none;
}

    .stock-rejected-badge:hover {
        border-color: #d9a878;
        background: #ffead5;
        color: #8e4815;
    }

.my-lots-admin-bulk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 13px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.my-lots-admin-bulk--manage {
    background: #e0e0e0;
    color: #000;
}

.my-lots-admin-bulk--delete {
    background: #c94a4a;
}

.my-lots-admin-bulk:disabled {
    opacity: .55;
    cursor: default;
}

.my-lots-select-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

    .my-lots-select-cell input[type="checkbox"] {
        width: 17px;
        height: 17px;
        margin: 0;
        cursor: pointer;
    }

.my-lots-workspace.admin.hide-dates .my-lots-list-header,
.my-lots-workspace.admin.hide-dates .my-lots-row {
    grid-template-columns: 34px minmax(240px, 2fr) minmax(92px, .7fr) minmax(112px, .85fr) minmax(132px, .98fr) 78px 68px 84px;
}

.my-lots-workspace.admin.show-dates .my-lots-list-header,
.my-lots-workspace.admin.show-dates .my-lots-row {
    grid-template-columns: 34px minmax(215px, 1.65fr) minmax(88px, .65fr) minmax(100px, .75fr) minmax(145px, 1.08fr) 70px 70px 72px 62px 84px;
}

@media (max-width: 1200px) {
    .my-lots-workspace.admin.hide-dates .my-lots-list-header,
    .my-lots-workspace.admin.hide-dates .my-lots-row {
        grid-template-columns: 32px minmax(0, 2fr) minmax(65px, .6fr) minmax(75px, .7fr) minmax(100px, .9fr) 64px 48px 40px;
        gap: 6px;
    }

    .my-lots-workspace.admin.show-dates .my-lots-list-header,
    .my-lots-workspace.admin.show-dates .my-lots-row {
        grid-template-columns: 32px minmax(0, 1.8fr) minmax(60px, .55fr) minmax(70px, .65fr) minmax(95px, .9fr) 60px 60px 62px 46px 40px;
        gap: 5px;
    }
}

.my-lots-status-link span.my-lots-count-zero {
    background: #f1f3f5 !important;
    color: #8b949b !important;
}

.unsold-page {
    min-width: 0;
}

.unsold-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    font-size: 11px;
    color: #8a969d;
}

    .unsold-breadcrumb a {
        color: #118abd;
        text-decoration: none;
    }

.unsold-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 22px;
}

    .unsold-header h1 {
        margin: 0 0 4px 0;
        font-size: 28px;
        font-weight: 600;
    }

    .unsold-header p {
        margin: 0;
        color: #7b8790;
    }

.unsold-filters {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 220px 190px;
    gap: 10px;
    margin-bottom: 8px;
}

.unsold-search {
    position: relative;
}

    .unsold-search input,
    .unsold-filters select {
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        border: 1px solid #d7dfe4;
        border-radius: 4px;
        background: #fff;
        padding: 0 12px;
        font-size: 12px;
    }

    .unsold-search input {
        padding-right: 42px;
    }

    .unsold-search button[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        border: 0;
        background: transparent;
        color: #52636d;
        cursor: pointer;
    }

.unsold-count {
    margin: 8px 0 14px;
    color: #6f7b83;
    font-size: 11px;
}

    .unsold-count strong {
        margin-right: 3px;
    }

.unsold-list-header,
.unsold-row {
    display: grid;
    grid-template-columns: 34px minmax(300px, 1fr) 240px 110px 110px 42px;
    gap: 18px;
}

.unsold-list-header {
    padding: 10px 14px;
    border-bottom: 1px solid #dfe5e8;
    color: #7e8a91;
    font-size: 10px;
}

.unsold-list {
    border-bottom: 1px solid #dfe5e8;
}

.unsold-row {
    align-items: start;
    min-height: 62px;
    padding: 13px 14px;
    border-bottom: 1px solid #edf0f2;
    background: #fff;
}

    .unsold-row:last-child {
        border-bottom: 0;
    }

.unsold-item strong,
.unsold-item span,
.unsold-auction strong,
.unsold-auction span {
    display: block;
}

.unsold-item strong {
    font-size: 13px;
}

.unsold-item span {
    margin-top: 4px;
    color: #929da4;
    font-size: 10px;
}

.unsold-auction strong {
    font-size: 12px;
    font-weight: 500;
}

.unsold-auction span {
    margin-top: 3px;
    color: #8b969d;
    font-size: 10px;
}

.unsold-price {
    padding-top: 2px;
    font-size: 12px;
    font-weight: 600;
}

.unsold-empty {
    padding: 55px 20px;
    text-align: center;
    border: 1px solid #e1e6e9;
    border-radius: 4px;
    background: #fff;
}

    .unsold-empty > .lnr {
        display: block;
        margin-bottom: 12px;
        font-size: 28px;
        color: #81b39a;
    }

    .unsold-empty strong {
        display: block;
        margin-bottom: 5px;
    }

    .unsold-empty p {
        margin: 0;
        color: #87939a;
    }

.unsold-pagination {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin-top: 20px;
}

    .unsold-pagination > div:last-child {
        text-align: right;
    }

    .unsold-pagination a {
        color: #118abd;
        text-decoration: none;
        font-size: 12px;
    }

    .unsold-pagination strong {
        color: #65727a;
        font-size: 11px;
        font-weight: 500;
    }

@media (max-width: 900px) {
    .unsold-filters {
        grid-template-columns: 1fr;
    }

    .unsold-list-header {
        display: none;
    }

    .unsold-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .unsold-price {
        padding-top: 0;
    }
}

.unsold-header .my-lots-admin-bulk {
    flex: 0 0 auto;
}

.unsold-row .my-lots-action {
    align-self: start;
}

.my-auction-page {
    min-width: 0;
}

.my-auction-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #8a969d;
    font-size: 11px;
}

    .my-auction-breadcrumb a {
        color: #118abd;
        text-decoration: none;
    }

.my-auction-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

    .my-auction-header h1 {
        margin: 0 0 4px;
        color: #2f3740;
        font-size: 28px;
        font-weight: 600;
    }

    .my-auction-header p {
        margin: 0;
        color: #7b8790;
    }

.my-auction-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.my-auction-add-button,
.my-auction-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 4px;
    background: #118abd;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
}

.my-auction-primary-action-manage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 4px;
    background: #fffbfb;
    color: #272323 !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid;
}

.my-auction-add-button:hover,
.my-auction-primary-action:hover {
    background: #0e7da9;
}

.my-auction-primary-action {
    background: #dc6e15;
}

    .my-auction-primary-action:hover {
        background: #bf6924;
    }

.my-auction-plan-button {
    background: #596b89;
}

    .my-auction-plan-button:hover {
        background: #4d5e79;
    }

.my-auction-primary-action:disabled {
    opacity: .55;
    cursor: default;
}

.my-auction-info {
    display: flex;
    gap: 35px;
    margin: -5px 0 20px;
    padding: 12px 15px;
    border: 1px solid #e2e7ea;
    border-radius: 4px;
    background: #f8f9f9;
}

    .my-auction-info span,
    .my-auction-info strong {
        display: block;
    }

    .my-auction-info span {
        margin-bottom: 2px;
        color: #929ca2;
        font-size: 9px;
        text-transform: uppercase;
    }

    .my-auction-info strong {
        color: #48545b;
        font-size: 11px;
        font-weight: 600;
    }

.my-auction-filters {
    display: flex;
    gap: 9px;
    margin-bottom: 7px;
}

.my-auction-search {
    position: relative;
    flex: 1 1 auto;
}

    .my-auction-search input,
    .my-auction-seller-search input,
    .my-auction-filters select {
        box-sizing: border-box;
        height: 40px;
        border: 1px solid #d7dfe4;
        border-radius: 4px;
        background: #fff;
        padding: 0 12px;
        font-size: 12px;
    }

    .my-auction-search input {
        width: 100%;
        padding-right: 42px;
    }

    .my-auction-search button[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        border: 0;
        background: transparent;
        color: #52636d;
        cursor: pointer;
    }

.my-auction-seller-search {
    flex: 0 0 190px;
}

    .my-auction-seller-search input {
        width: 100%;
    }

.my-auction-filters select {
    flex: 0 0 180px;
}

.my-auction-list-header,
.my-auction-row {
    display: grid;
    grid-template-columns: 34px minmax(300px, 1fr) 115px 105px 105px 145px 42px;
    gap: 18px;
}

    .my-auction-list-header.admin,
    .my-auction-row.admin {
        grid-template-columns: 34px minmax(300px, 1fr) 150px 115px 105px 105px 145px 42px;
    }

.my-auction-list-header {
    padding: 9px 12px;
    border-bottom: 1px solid #dfe5e8;
    color: #7e8a91;
    font-size: 9px;
    text-transform: uppercase;
}

.my-auction-row {
    align-items: start;
    min-height: 72px;
    padding: 12px;
    border-bottom: 1px solid #edf0f2;
    background: #fff;
    transition: background-color .45s ease;
}

    .my-auction-row.auction-row-moved {
        background-color: #f4f9fb;
    }

.my-auction-select {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
}

    .my-auction-select input[type="checkbox"] {
        width: 17px;
        height: 17px;
        margin: 0;
        cursor: pointer;
    }

.my-auction-item {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    gap: 11px;
}

.my-auction-position {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 32px;
    width: 32px;
    height: 48px;
    color: #8a969d;
    font-size: 10px;
    font-weight: 600;
    text-align: right;
}

.my-auction-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 1px solid #e2e6e8;
    background: #f7f7f7;
}

    .my-auction-thumb img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.my-auction-item-text {
    min-width: 0;
    padding-top: 3px;
}

.my-auction-title {
    display: block;
    overflow: hidden;
    color: #2e3940 !important;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-auction-item-text > span {
    display: block;
    margin-top: 4px;
    color: #929da4;
    font-size: 9px;
}

.my-auction-seller,
.my-auction-status,
.my-auction-price {
    padding-top: 7px;
    font-size: 11px;
}

.my-auction-price {
    color: #404c53;
    font-weight: 600;
}

.my-auction-sort {
    display: flex;
    align-items: center;
    gap: 3px;
    padding-top: 3px;
}

.my-auction-preview-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.my-auction-actions {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
}

.my-auction-more {
    position: relative;
}

.my-auction-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d7dfe4;
    border-radius: 4px;
    background: #fff;
    color: #596870;
    font-size: 12px;
    cursor: pointer;
}

    .my-auction-more-button:hover {
        border-color: #118abd;
        color: #118abd;
    }

.my-auction-menu {
    position: absolute;
    top: 34px;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 145px;
    padding: 5px 0;
    border: 1px solid #dfe5e8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .12);
}

    .my-auction-menu.open {
        display: block;
    }

.my-auction-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 11px;
    border: 0;
    background: transparent;
    color: #4f5e66 !important;
    font-size: 11px;
    text-align: left;
    text-decoration: none !important;
    cursor: pointer;
}

    .my-auction-menu-item:hover {
        background: #f5f8fa;
        color: #118abd !important;
    }

.my-auction-menu-item--delete {
    color: #b94747 !important;
}

.my-auction-menu-item--disabled {
    opacity: .55;
    cursor: not-allowed;
}

.my-lots-menu-item-text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

    .my-lots-menu-item-text small {
        display: inline;
        margin: 0;
        font-size: 11px;
        line-height: 1;
        color: #999;
        font-weight: normal;
        white-space: nowrap;
    }

.my-auction-empty {
    padding: 50px 20px;
    border: 1px solid #e1e6e9;
    border-radius: 4px;
    background: #fff;
    text-align: center;
}

    .my-auction-empty > .lnr {
        display: block;
        margin-bottom: 11px;
        color: #97a2a8;
        font-size: 27px;
    }

    .my-auction-empty strong {
        display: block;
        margin-bottom: 5px;
    }

    .my-auction-empty p {
        margin: 0;
        color: #87939a;
    }

@media (max-width: 900px) {
    .my-auction-header {
        display: block;
    }

    .my-auction-header-actions {
        justify-content: flex-start;
        margin-top: 14px;
    }

    .my-auction-filters {
        flex-wrap: wrap;
    }

    .my-auction-search {
        flex-basis: 100%;
    }

    .my-auction-seller-search,
    .my-auction-filters select {
        flex: 1 1 180px;
    }

    .my-auction-list-header {
        display: none;
    }

    .my-auction-row,
    .my-auction-row.admin {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .my-auction-select {
        justify-content: flex-start;
    }

    .my-auction-seller,
    .my-auction-status,
    .my-auction-price,
    .my-auction-sort {
        padding-top: 0;
    }
}

.my-auction-summary {
    margin: 18px 0 20px;
    border: 1px solid #e5e9ec;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
}

.my-auction-summary-main {
    display: flex;
    gap: 36px;
    padding: 14px 16px;
    background: #fbfcfd;
}

.my-auction-summary-stat {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .my-auction-summary-stat span {
        font-size: 11px;
        color: #747d86;
    }

    .my-auction-summary-stat strong {
        font-size: 18px;
        color: #2f3740;
        font-weight: 600;
    }

.my-auction-owner-summary {
    border-top: 1px solid #e5e9ec;
    padding: 10px 16px 12px;
}

.my-auction-owner-summary-title {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #747d86;
    text-transform: uppercase;
}

.my-auction-owner-summary-row {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) 110px 120px;
    gap: 15px;
    padding: 5px 0;
    border-bottom: 1px solid #f0f2f3;
    font-size: 12px;
}

    .my-auction-owner-summary-row:last-child {
        border-bottom: 0;
    }

    .my-auction-owner-summary-row strong {
        text-align: right;
    }

@media (max-width: 700px) {
    .my-auction-summary-main {
        gap: 20px;
    }

    .my-auction-owner-summary-row {
        grid-template-columns: 1fr auto;
    }

        .my-auction-owner-summary-row strong {
            grid-column: 1 / -1;
            text-align: left;
        }
}

.my-auction-owner-summary-header,
.my-auction-owner-summary-row {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(220px, 1.4fr) 90px 120px;
    gap: 15px;
    align-items: center;
}

.my-auction-redistribute {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid #e1e6e9;
    border-radius: 5px;
    background: #fafbfc;
}

.my-auction-redistribute-label {
    margin-right: 4px;
    color: #68757d;
    font-size: 11px;
    font-weight: 600;
}

.my-auction-redistribute-button {
    min-height: 31px;
    padding: 0 10px;
    border: 1px solid #cfd8dd;
    border-radius: 4px;
    background: #fff;
    color: #4f5e66;
    font-size: 10px;
    cursor: pointer;
}

    .my-auction-redistribute-button:hover {
        border-color: #118abd;
        color: #118abd;
    }

    .my-auction-redistribute-button:disabled {
        opacity: .5;
        cursor: default;
    }

.my-auction-compact-pagination {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 10px 0;
}

    .my-auction-compact-pagination a,
    .my-auction-compact-pagination .active {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 27px;
        height: 27px;
        padding: 0 6px;
        border-radius: 4px;
        font-size: 11px;
        text-decoration: none;
    }

    .my-auction-compact-pagination a {
        color: #52636d;
        background: #fff;
        border: 1px solid transparent;
    }

        .my-auction-compact-pagination a:hover {
            border-color: #cfd8dd;
            color: #118abd;
        }

    .my-auction-compact-pagination .active {
        background: #118abd;
        color: #fff;
        font-weight: 600;
    }

    .my-auction-compact-pagination .pager-arrow {
        font-size: 18px;
    }

    .my-auction-compact-pagination .pager-dots {
        padding: 0 3px;
        color: #8a969d;
    }

.my-auction-info-card {
    margin: -5px 0 18px;
    border: 1px solid #e2e7ea;
    border-radius: 6px;
    background: #f8f9f9;
    overflow: hidden;
}


.my-auction-progress {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 12px;
    border-top: 1px solid #e5e9ec;
    background: #fff;
}

.my-auction-progress-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid #e0e5e8;
    border-radius: 13px;
    background: #fff;
    color: #68757d !important;
    font-size: 10px;
    text-decoration: none !important;
}

    .my-auction-progress-item strong {
        font-size: 10px;
    }

    .my-auction-progress-item.active {
        border-color: #9bcfe5;
        background: #eef8fc;
        color: #118abd !important;
    }

.my-auction-owner-details {
    border-top: 1px solid #e5e9ec;
    background: #fff;
}

    .my-auction-owner-details summary {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        color: #66747c;
        font-size: 11px;
        cursor: pointer;
    }

.my-auction-owner-details-count {
    color: #929ca2;
    font-size: 10px;
}

.my-auction-admin-tabs {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    margin: 0 0 15px;
    border-bottom: 1px solid #dfe5e8;
    overflow-x: auto;
}

    .my-auction-admin-tabs a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
        padding: 9px 11px;
        margin-bottom: -1px;
        border-bottom: 2px solid transparent;
        color: #69757c;
        font-size: 10px;
        text-decoration: none;
    }

        .my-auction-admin-tabs a.active {
            border-bottom-color: #118abd;
            color: #118abd;
            font-weight: 600;
        }

        .my-auction-admin-tabs a span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 20px;
            height: 18px;
            padding: 0 5px;
            border-radius: 9px;
            background: #eef1f3;
            font-size: 9px;
        }

.my-auction-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 8px;
    border-radius: 11px;
    background: #eef1f3;
    color: #68757d;
    font-size: 9px;
    font-weight: 600;
    white-space: nowrap;
}

    .my-auction-status-badge.offered {
        background: #e7f2f8;
        color: #2f7697;
    }

    .my-auction-status-badge.change {
        background: #fff3df;
        color: #9a6a18;
    }

    .my-auction-status-badge.approved {
        background: #e7f4eb;
        color: #397654;
    }

    .my-auction-status-badge.planned {
        background: #eceff6;
        color: #596b89;
    }

.my-auction-sort-readonly {
    display: inline-block;
    padding-top: 5px;
    color: #a0a9ae;
    font-size: 12px;
}


.my-auction-redistribute-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #7f8b92;
    cursor: pointer;
}

    .my-auction-redistribute-info:hover {
        color: #118abd;
    }

.my-lots-meta-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-lots-offer-count {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8b989f;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    cursor: help;
}

.my-lots-offer-count-icon {
    font-size: .85rem;
    line-height: 1;
}

.my-lots-offer-count:hover,
.my-lots-offer-count:focus {
    color: #118abd;
    outline: none;
}

.my-lots-offer-tooltip {
    position: absolute;
    z-index: 100;
    left: 50%;
    bottom: calc(100% + 9px);
    display: none;
    width: 245px;
    padding: 10px 12px;
    border: 1px solid #d8e0e4;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
    color: #34434c;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    transform: translateX(-50%);
    white-space: normal;
}

    .my-lots-offer-tooltip::after {
        position: absolute;
        left: 50%;
        bottom: -5px;
        width: 9px;
        height: 9px;
        border-right: 1px solid #d8e0e4;
        border-bottom: 1px solid #d8e0e4;
        background: #fff;
        content: "";
        transform: translateX(-50%) rotate(45deg);
    }

    .my-lots-offer-tooltip small {
        display: block;
        margin-top: 5px;
        color: #77858d;
        font-size: .75rem;
        line-height: 1.4;
    }

.my-lots-offer-count:hover .my-lots-offer-tooltip,
.my-lots-offer-count:focus .my-lots-offer-tooltip {
    display: block;
}

.my-auction-admin-tabs a.has-items {
    color: #34556d;
    font-weight: 700;
}

    .my-auction-admin-tabs a.has-items span {
        background: #dcebf2;
        color: #284f68;
        font-weight: 700;
    }

.my-auction-admin-tabs a.active {
    border-bottom-color: #118abd;
    color: #118abd;
    font-weight: 700;
}

    .my-auction-admin-tabs a.active span {
        background: #dff2fa;
        color: #118abd;
        font-weight: 700;
    }

.my-auction-progress-item.has-items span {
    color: #284f68;
    font-weight: 800;
    font-size: 12px
}

.my-auction-progress-item.active {
    border-color: #118abd;
    background: #eef8fc;
    color: #118abd !important;
    font-weight: 700;
}

    .my-auction-progress-item.active span {
        color: #118abd;
        font-weight: 700;
    }

.my-lots-preview {
    color: #31404a;
}

.my-lots-preview-top {
    display: grid;
    grid-template-columns: 265px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.my-lots-preview-media,
.my-lots-preview-gallery {
    min-width: 0;
}

.my-lots-preview-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 14px;
    border: 1px solid #dde4e8;
    border-radius: 6px;
    background: #f8fafb;
    overflow: hidden;
}

    .my-lots-preview-image img {
        display: block;
        max-width: 100%;
        max-height: 290px;
        object-fit: contain;
    }

.my-lots-preview-thumbs {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    padding: 1px 0 4px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.my-lots-preview-thumb {
    display: flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    padding: 3px;
    border: 1px solid #d8dfe3;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

    .my-lots-preview-thumb img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .my-lots-preview-thumb.active {
        border: 2px solid #118abd;
    }

    .my-lots-preview-thumb:hover {
        border-color: #118abd;
    }

.my-lots-preview-content {
    min-width: 0;
}

.my-lots-preview-heading {
    min-width: 0;
    margin-bottom: 16px;
}

.my-lots-preview-title {
    color: #24313a;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.my-lots-preview-id {
    margin-top: 5px;
    color: #9aa5ab;
    font-size: 11px;
}

.my-lots-preview-top-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
    margin: 0 56px 14px 0;
}

.my-lots-preview-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #d5dde2;
    border-radius: 5px;
    background: #fff;
    color: #4d5a62 !important;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

    .my-lots-preview-button:hover {
        border-color: #b9c5cb;
        background: #f4f7f8;
        color: #4d5a62 !important;
        text-decoration: none !important;
    }

.my-lots-preview-button--disabled {
    opacity: .48;
    cursor: default;
}

    .my-lots-preview-button--disabled:hover {
        border-color: #d5dde2;
        background: #fff;
        color: #4d5a62 !important;
    }

.my-lots-preview-summary-card {
    padding: 10px 18px;
    border: 1px solid #dfe6ea;
    border-radius: 6px;
    background: #f8fafb;
}

.my-lots-preview-summary-row {
    display: grid;
    grid-template-columns: 26px 180px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 38px;
    border-bottom: 1px solid #e5eaed;
}

    .my-lots-preview-summary-row:last-child {
        border-bottom: 0;
    }

.my-lots-preview-summary-icon {
    color: #118abd;
    font-size: 16px;
    text-align: center;
}

.my-lots-preview-label {
    color: #829099;
    font-size: 11px;
}

.my-lots-preview-value {
    min-width: 0;
    color: #34424b;
    font-size: 12px;
    font-weight: 600;
}

.my-lots-preview-bid {
    color: #118abd;
}

.my-lots-preview-divider {
    margin: 22px 0;
    border-top: 1px solid #dfe5e8;
}

.my-lots-preview-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.my-lots-preview-column {
    min-width: 0;
}

.my-lots-preview-section {
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
    background: #fff;
}

.my-lots-preview-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 0 16px;
    border-bottom: 1px solid #e5eaed;
    background: #f8fafb;
    color: #24313a;
    font-size: 17px;
    font-weight: 600;
}

    .my-lots-preview-section-title > .lnr {
        color: #118abd;
        font-size: 18px;
    }

.my-lots-preview-section-title--private small {
    margin-left: auto;
    color: #97a2a8;
    font-size: 10px;
    font-weight: 400;
}

.my-lots-preview-section-body {
    padding: 0 16px 6px;
}

.my-lots-preview-row {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    min-height: 36px;
    padding: 9px 0;
    border-bottom: 1px solid #edf0f2;
}

    .my-lots-preview-row:last-child {
        border-bottom: 0;
    }

.my-lots-preview-row--top {
    align-items: start;
}

.my-lots-preview-text {
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.my-lots-preview-description {
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.my-lots-preview-description-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6f7e86;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

    .my-lots-preview-description-toggle:hover {
        color: #48565e;
    }

    .my-lots-preview-description-toggle .lnr {
        font-size: 10px;
        transition: transform .15s ease;
    }

    .my-lots-preview-description-toggle.expanded .lnr {
        transform: rotate(180deg);
    }

.my-lots-preview-empty-note {
    padding: 12px 0 10px;
    color: #9aa4aa;
    font-size: 11px;
    font-style: italic;
}

@media (max-width: 900px) {
    .my-lots-preview-top {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 20px;
    }

    .my-lots-preview-image {
        min-height: 260px;
    }

    .my-lots-preview-title {
        font-size: 21px;
    }

    .my-lots-preview-summary-row {
        grid-template-columns: 24px 125px minmax(0, 1fr);
    }

    .my-lots-preview-row {
        grid-template-columns: 130px minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .my-lots-preview-top,
    .my-lots-preview-columns {
        grid-template-columns: 1fr;
    }

    .my-lots-preview-image {
        min-height: 250px;
    }

    .my-lots-preview-top-actions {
        justify-content: flex-start;
        margin-top: 14px;
    }

    .my-lots-preview-summary-row {
        grid-template-columns: 24px 105px minmax(0, 1fr);
    }

    .my-lots-preview-section-title {
        min-height: 48px;
        font-size: 16px;
    }

    .my-lots-preview-row {
        grid-template-columns: 115px minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .my-lots-preview-title {
        font-size: 19px;
    }

    .my-lots-preview-top-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .my-lots-preview-button {
        width: 100%;
    }

    .my-lots-preview-summary-card {
        padding: 8px 12px;
    }

    .my-lots-preview-summary-row {
        grid-template-columns: 20px 88px minmax(0, 1fr);
        gap: 8px;
    }

    .my-lots-preview-section-title--private {
        flex-wrap: wrap;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .my-lots-preview-section-title--private small {
            flex-basis: 100%;
            margin-left: 27px;
        }

    .my-lots-preview-row {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}

/* =====================================================
   MIJN KAVELS - PREVIEW: LANGE TEKSTVELDEN
   Omschrijving en aanvulling verzendkosten staan
   onder hun label; overige rijen blijven twee kolommen.
   ===================================================== */

/* Extra specificiteit voorkomt dat de algemene gridrij
   (ook in de responsive media queries) dit overschrijft. */
.my-lots-preview .my-lots-preview-row.my-lots-preview-row--fulltext {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 5px;
    height: auto;
    min-height: 0;
}

.my-lots-preview .my-lots-preview-row--fulltext > .my-lots-preview-label,
.my-lots-preview .my-lots-preview-row--fulltext > .my-lots-preview-value {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Bestaande grid-column-regels mogen de tekst niet verplaatsen. */
.my-lots-preview .my-lots-preview-row--fulltext .my-lots-preview-description-wrap {
    grid-column: auto;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    white-space: normal;
}

/* Verzendaanvulling: behoud ingevoerde regeleinden. */
.my-lots-preview .my-lots-preview-row--fulltext .my-lots-preview-text {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

/* Omschrijving: maximaal zes regels wanneer ingeklapt. */
.my-lots-preview .my-lots-preview-description.collapsed {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
    max-height: none;
}

.my-lots-preview .my-lots-preview-description.expanded {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
    max-height: none;
}

.my-lots-preview .my-lots-preview-row--fulltext .my-lots-preview-description {
    margin: 0;
    padding: 0;
}

.my-lots-preview .my-lots-preview-description-toggle {
    margin-top: 4px;
    margin-bottom: 0;
    padding: 0;
}

.shopitems-v2 .my-lots-status {
    justify-content: flex-start;
    gap: 4px;
}

.shopitems-v2 .my-lots-status-link {
    flex: 0 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.shopitems-v2 .my-lots-filters {
    grid-template-columns: minmax(300px, 1fr) 220px 220px;
}

@media (max-width: 900px) {
    .shopitems-v2 .my-lots-filters {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .search-items-row > .my-lots-action {
        grid-column: 2;
        grid-row: 1;
    }
}


.active-items-status {
    justify-content: flex-start;
    gap: 4px;
}

    .active-items-status .my-lots-status-link {
        flex: 0 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }

.active-items-list-toolbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin: 0 0 8px;
}

    .active-items-list-toolbar .my-lots-result-info {
        position: absolute;
        left: 0;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
    }

.active-items-top-paging {
    width: 100%;
    margin: 0 !important;
    justify-content: center;
}

.active-items-filters {
    display: grid;
    grid-template-columns: minmax(300px,1fr) 220px;
    gap: 10px;
    margin-bottom: 7px;
}

.my-lots-workspace.admin .active-items-filters {
    grid-template-columns: minmax(300px,1fr) 220px 220px;
}

.active-items-seller-search input {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d7dfe4;
    border-radius: 4px;
    background: #fff;
    font-size: 12px;
}

.active-items-list {
    min-width: 0;
    border-top: 1px solid #e1e6e9;
}

.active-items-list-header,
.active-items-row {
    display: grid;
    grid-template-columns: minmax(330px,1fr) minmax(140px,.7fr) 115px 105px 105px 82px 42px;
    gap: 16px;
    align-items: center;
}

.my-lots-workspace.admin .active-items-list-header,
.my-lots-workspace.admin .active-items-row {
    grid-template-columns: 34px minmax(300px,1fr) 145px minmax(130px,.7fr) 115px 105px 105px 82px 42px;
}

.active-items-status-cell {
    display: flex;
    align-items: flex-start;
    align-self: start;
    min-width: 0;
    padding-top: 2px; /* optioneel, alleen voor fijne uitlijning */
}

.active-items-list-header {
    min-height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid #dfe5e8;
    color: #67747c;
    font-size: 10px;
    font-weight: 600;
}

.active-items-row {
    min-height: 82px;
    padding: 10px;
    border-bottom: 1px solid #e3e8eb;
    background: #fff;
}

    .active-items-row:hover {
        background: #fbfcfc;
    }

.active-items-seller,
.active-items-auction {
    min-width: 0;
    color: #596970;
    font-size: 11px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    align-self: start;
}

@media (max-width:1100px) {
    .active-items-list-header,
    .active-items-row {
        grid-template-columns: minmax(280px,1fr) minmax(120px,.7fr) 105px 95px 95px 42px;
        gap: 12px;
    }

    .my-lots-workspace.admin .active-items-list-header,
    .my-lots-workspace.admin .active-items-row {
        grid-template-columns: 34px minmax(260px,1fr) 125px minmax(115px,.7fr) 105px 95px 95px 42px;
    }
}

@media (max-width:900px) {
    .active-items-list-toolbar {
        display: block;
        min-height: 0;
    }

        .active-items-list-toolbar .my-lots-result-info {
            position: static;
            margin: 0 0 8px;
            transform: none;
        }

    .active-items-top-paging {
        justify-content: flex-start;
    }


    .active-items-filters,
    .my-lots-workspace.admin .active-items-filters {
        grid-template-columns: 1fr;
    }

    .active-items-list-header {
        display: none;
    }

    .active-items-row,
    .my-lots-workspace.admin .active-items-row {
        grid-template-columns: 34px minmax(0,1fr) 42px;
        gap: 10px;
        align-items: start;
        padding: 14px 10px;
    }

        .active-items-row > .my-lots-select-cell {
            grid-column: 1;
            grid-row: 1;
        }

        .active-items-row > .my-lots-item {
            grid-column: 2;
            grid-row: 1;
        }

        .active-items-row > .active-items-seller,
        .active-items-row > .active-items-auction,
        .active-items-row > .my-lots-date,
        .active-items-row > .my-lots-price,
        .active-items-row > .my-lots-bid {
            grid-column: 2;
        }

        .active-items-row > .my-lots-action {
            grid-column: 3;
            grid-row: 1;
        }

    .my-lots-workspace:not(.admin) .active-items-row {
        grid-template-columns: minmax(0,1fr) 42px;
    }

        .my-lots-workspace:not(.admin) .active-items-row > .my-lots-item,
        .my-lots-workspace:not(.admin) .active-items-row > .active-items-auction,
        .my-lots-workspace:not(.admin) .active-items-row > .my-lots-date,
        .my-lots-workspace:not(.admin) .active-items-row > .my-lots-price,
        .my-lots-workspace:not(.admin) .active-items-row > .my-lots-bid {
            grid-column: 1;
        }

        .my-lots-workspace:not(.admin) .active-items-row > .my-lots-action {
            grid-column: 2;
        }
}


.sold-items-status {
    justify-content: flex-start;
    gap: 4px;
}

    .sold-items-status .my-lots-status-link {
        flex: 0 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }

.sold-items-filters {
    display: grid;
    grid-template-columns: minmax(280px,1fr) 210px 210px;
    gap: 9px;
    margin-bottom: 7px;
}

    .sold-items-filters.admin {
        grid-template-columns: minmax(260px,1fr) 190px 190px 200px;
    }

.sold-items-owner-search input,
.sold-items-seller-search input {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #d6dde2;
    border-radius: 6px;
    outline: none;
    background: #fff;
    color: #26313a;
    font-size: 11px;
    font-weight: 500;
}

    .sold-items-owner-search input:focus,
    .sold-items-seller-search input:focus {
        border-color: #9dc9df;
        box-shadow: 0 0 0 3px rgba(17,138,189,.08);
    }

.sold-items-list-toolbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin: 0 0 8px;
}

    .sold-items-list-toolbar .my-lots-result-info {
        position: absolute;
        left: 0;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
    }

.sold-items-top-paging {
    width: 100%;
    margin: 0 !important;
    justify-content: center;
}

.sold-items-list {
    min-width: 0;
    border-top: 1px solid #e1e6e9;
}

.sold-items-list-header,
.sold-items-row {
    display: grid;
    grid-template-columns: minmax(260px,1.55fr) 82px 82px 82px 88px minmax(105px,.72fr) 76px 72px 94px;
    gap: 10px;
    align-items: center;
}

    .sold-items-list-header.admin,
    .sold-items-row.admin {
        grid-template-columns: minmax(240px,1.45fr) minmax(100px,.68fr) 80px 80px 80px 84px minmax(95px,.68fr) 74px 70px 92px;
    }

.sold-items-list-header {
    min-height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid #dfe5e8;
    color: #67747c;
    font-size: 9px;
    font-weight: 600;
}

.sold-items-row {
    min-height: 82px;
    padding: 10px;
    border-bottom: 1px solid #e3e8eb;
    background: #fff;
    font-size: 10px;
}

    .sold-items-row:hover {
        background: #fbfcfc;
    }

    .sold-items-list-header > *,
    .sold-items-row > * {
        min-width: 0;
    }

.sold-items-seller,
.sold-items-owner {
    min-width: 0;
    color: #596970;
    font-size: 10px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.sold-items-type-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 7px;
    border-radius: 11px;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

    .sold-items-type-badge.veiling {
        background: #e6eef9;
        color: #3970aa;
    }

    .sold-items-type-badge.advertentie {
        background: #e4f4e8;
        color: #2f7d45;
    }

.sold-items-note-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 0 8px;
    border: 1px solid #b9dbe9;
    border-radius: 4px;
    background: #fff;
    color: #118abd !important;
    font-size: 8px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

    .sold-items-note-link:hover {
        border-color: #118abd;
        background: #f2f9fc;
    }

.sold-items-note-empty {
    color: #9ca5ab;
}

@media (max-width:1250px) {
    .sold-items-list-header,
    .sold-items-row {
        grid-template-columns: minmax(230px,1.4fr) 76px 76px 76px 80px minmax(90px,.65fr) 70px 66px 88px;
        gap: 8px;
    }

        .sold-items-list-header.admin,
        .sold-items-row.admin {
            grid-template-columns: minmax(215px,1.3fr) 92px 74px 74px 74px 78px 88px 68px 64px 86px;
            gap: 7px;
        }
}

@media (max-width:1000px) {
    .sold-items-filters,
    .sold-items-filters.admin {
        grid-template-columns: 1fr 1fr;
    }

    .sold-items-list-header {
        display: none;
    }

    .sold-items-row,
    .sold-items-row.admin {
        grid-template-columns: minmax(0,1fr);
        gap: 8px;
        align-items: start;
        padding: 14px 10px;
    }

        .sold-items-row > * {
            grid-column: 1;
        }
}


.sold-items-list-toolbar {
    display: block;
    min-height: 0;
}

    .sold-items-list-toolbar .my-lots-result-info {
        position: static;
        margin: 0 0 8px;
        transform: none;
    }

.sold-items-top-paging {
    justify-content: flex-start;
}

}

@media (min-width: 1100px) {
    .sold-items-list-header:not(.admin),
    .sold-items-row:not(.admin) {
        grid-template-columns: minmax(260px, 2.35fr) 76px 80px 80px 78px 105px 78px 70px 84px 96px 42px;
        gap: 8px;
    }

    .sold-items-list-header.admin,
    .sold-items-row.admin {
        grid-template-columns: minmax(240px, 2.15fr) 105px 76px 80px 80px 78px 105px 78px 70px 84px 96px 42px;
        gap: 8px;
    }
}

@media (max-width:600px) {
    .sold-items-filters,
    .sold-items-filters.admin {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1100px) {
    .sold-items-list-header:not(.admin),
    .sold-items-row:not(.admin) {
        grid-template-columns: minmax(280px, 2.5fr) 82px 84px 84px 82px 115px 82px 72px 96px 42px;
    }

    .sold-items-list-header.admin,
    .sold-items-row.admin {
        grid-template-columns: minmax(260px, 2.3fr) 115px 82px 84px 84px 82px 115px 82px 72px 96px 42px;
    }
}

.sold-items-list-header {
    align-items: center;
}

.sold-items-row {
    align-items: center !important;
}

    .sold-items-row > * {
        align-self: center !important;
    }

    .sold-items-row .my-lots-item {
        display: flex;
        align-items: center;
        min-width: 0;
    }

.sold-items-type {
    display: flex;
    align-items: center;
}

.sold-items-row .my-lots-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.sold-items-row .my-lots-price,
.sold-items-row .my-lots-bid {
    display: flex;
    align-items: center;
}

.sold-items-owner,
.sold-items-seller {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sold-items-status-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

.sold-items-note {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sold-items-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .sold-items-action .my-lots-more {
        margin-left: auto;
    }

.my-lots-sidebar-nav > a,
.items-active-items-link {
    display: flex !important;
    align-items: center;
}

@media (max-width: 767px) {
    .edit-description-workspace .my-lots-page {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media (max-width: 767px) {
    .item-offer-workspace .my-lots-page {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.stock-list .stock-status-placeholder {
    display: none;
}

.stock-list .my-lots-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid #d6dde2;
    border-radius: 5px;
    background: #fff;
    color: #4f5d66;
    cursor: pointer;
}

    .stock-list .my-lots-icon-button:hover,
    .stock-list .my-lots-icon-button:focus {
        border-color: #bfc9cf;
        background: #f8fafb;
        outline: none;
    }

.stock-list .my-lots-dots {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

.stock-status {
    display: flex;
    align-items: center;
    min-width: 0;
    align-self: start;
}

.stock-list .stock-status-placeholder {
    grid-column: 4;
    grid-row: 1;
    display: block;
    width: 76px;
    min-width: 76px;
    min-height: 25px;
    margin: 0;
    padding: 0;
    align-self: start;
    justify-self: end;
}

@media (max-width: 900px) {
    .stock-workspace {
        width: 100% !important;
    }

        .stock-workspace .my-lots-page {
            padding-left: 6px;
            padding-right: 6px;
        }

    .stock-list {
        width: 100%;
        min-width: 0;
    }

    .my-lots-workspace.stock-workspace.hide-dates
    .stock-list
    .my-lots-list-header.stock-list-row {
        display: none !important;
    }

    .my-lots-workspace.hide-dates:not(.admin)
    .stock-list
    .stock-list-row.my-lots-row,
    .my-lots-workspace.admin.hide-dates
    .stock-list
    .stock-list-row.my-lots-row {
        position: relative;
        display: grid !important;
        grid-template-columns: 24px 54px minmax(0, 1fr) 76px 30px;
        grid-template-rows: auto auto auto auto;
        column-gap: 7px;
        row-gap: 2px;
        width: 100%;
        min-width: 0;
        min-height: 88px;
        margin: 0;
        padding: 9px 3px;
        border-bottom: 1px solid #e2e6e9;
    }

    .stock-list .stock-row-select {
        grid-column: 1;
        grid-row: 1 / 5;
        position: static !important;
        top: auto !important;
        left: auto !important;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin: 0;
        padding: 3px 0 0;
        z-index: auto;
    }

        .stock-list .stock-row-select input {
            width: 17px;
            height: 17px;
            margin: 0;
            cursor: pointer;
        }

    .stock-list .my-lots-item {
        display: contents !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .stock-list .my-lots-image {
        grid-column: 2;
        grid-row: 1 / 5;
        width: 54px;
        height: 68px;
        margin: 0;
        padding: 0;
    }

    .stock-list .my-lots-image-button {
        width: 100%;
        height: 100%;
    }

    .stock-list .my-lots-item-info {
        grid-column: 3;
        grid-row: 1;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .stock-list .my-lots-title {
        display: block;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        color: #171717 !important;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .stock-list .my-lots-meta {
        margin-top: 2px;
        color: #90999f;
        font-size: 10px;
        line-height: 1.2;
    }

    .stock-list .my-lots-seller {
        grid-column: 3 / 5;
        grid-row: 2;
        display: block !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        color: #69747c;
        font-size: 11px;
        line-height: 1.25;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .stock-list .my-lots-auction {
        grid-column: 3 / 5;
        grid-row: 3;
        display: block !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        color: #69747c;
        font-size: 11px;
        line-height: 1.25;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .stock-list .my-lots-date,
    .stock-list .my-lots-price {
        display: none !important;
    }

    .stock-list .my-lots-bid {
        grid-column: 3 / 5;
        grid-row: 4;
        display: block !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        color: #2f3941;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.25;
    }

        .stock-list .my-lots-bid::before {
            content: "Startprijs ";
            color: #8b949a;
            font-size: 10px;
            font-weight: 400;
        }

    .stock-list .my-lots-action {
        grid-column: 5;
        grid-row: 1;
        position: static !important;
        top: auto !important;
        right: auto !important;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        min-width: 0;
        margin: 0;
        padding: 0 !important;
    }

    .stock-list .my-lots-more {
        position: relative;
        margin: 0;
    }

    .stock-list .my-lots-icon-button {
        width: 30px;
        height: 30px;
    }

    .stock-list .my-lots-dots {
        font-size: 22px;
    }
}

.my-auction-workspace {
    min-width: 0;
}

.my-auction-table-scroll {
    width: 100%;
    max-width: 100%;
}

.my-auction-table-inner {
    width: 100%;
}

.my-auction-workspace .my-auction-list-header,
.my-auction-workspace .my-auction-row {
    display: grid;
    grid-template-columns: 28px minmax(320px, 1fr) 115px 105px 105px 145px 42px;
    column-gap: 10px;
    align-items: center;
}

    .my-auction-workspace .my-auction-list-header.admin,
    .my-auction-workspace .my-auction-row.admin {
        grid-template-columns: 28px minmax(300px, 1fr) 140px 115px 105px 105px 145px 42px;
    }

.my-auction-workspace .my-auction-list-header {
    padding: 9px 8px;
    border-bottom: 1px solid #dfe5e8;
    color: #7e8a91;
    font-size: 9px;
    text-transform: none;
}

.my-auction-workspace .my-auction-row {
    min-height: 72px;
    padding: 10px 8px;
    border-bottom: 1px solid #edf0f2;
    background: #fff;
}

.my-auction-workspace .my-auction-select {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 24px;
}

    .my-auction-workspace
    .my-auction-select input[type="checkbox"] {
        width: 17px;
        height: 17px;
        margin: 0;
    }

.my-auction-workspace .my-auction-item {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    gap: 8px;
}

.my-auction-workspace .my-auction-position {
    display: none !important;
    flex: 0 0 0;
    width: 0;
    height: 0;
}

.my-auction-workspace .my-auction-thumb {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: 0;
}

.my-auction-workspace .my-auction-item-text {
    min-width: 0;
    padding-top: 3px;
}

.my-auction-workspace .my-auction-title {
    display: block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.my-auction-workspace .my-auction-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d7dfe4;
    border-radius: 4px;
    background: #fff;
    color: #596870;
}

    .my-auction-workspace .my-auction-more-button .my-lots-dots {
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
    }

@media (max-width: 900px) {
    .my-auction-workspace {
        width: 100% !important;
    }

        .my-auction-workspace .my-lots-page {
            padding-left: 6px;
            padding-right: 6px;
        }

        .my-auction-workspace .my-auction-filters {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
        }

            .my-auction-workspace .my-auction-search,
            .my-auction-workspace .my-auction-seller-search,
            .my-auction-workspace .my-auction-filters select {
                width: 100%;
                min-width: 0;
                flex: none;
            }

        .my-auction-workspace .my-auction-table-scroll {
            width: 100%;
            max-width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .my-auction-workspace .my-auction-table-inner {
            width: 900px;
            min-width: 900px;
        }

        .my-auction-workspace .my-auction-list-header {
            display: grid !important;
        }

        .my-auction-workspace .my-auction-row,
        .my-auction-workspace .my-auction-row.admin {
            display: grid !important;
        }
}

@media (max-width: 900px) {
    .my-auction-table-inner {
        width: 900px;
        min-width: 900px;
    }

        .my-auction-table-inner.admin {
            width: 1040px;
            min-width: 1040px;
        }
}

@media (max-width: 700px) {
    .my-lots-swal {
        position: relative;
    }

    .my-lots-preview {
        padding: 18px 14px 16px;
    }

    .my-lots-swal .swal2-close {
        top: 8px;
        right: 8px;
        width: 34px;
        height: 34px;
        margin: 0;
        font-size: 30px;
        line-height: 34px;
        z-index: 5;
    }

    .my-lots-preview-top {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 14px;
        align-items: start;
    }

    .my-lots-preview-media,
    .my-lots-preview-gallery {
        min-width: 0;
    }

    .my-lots-preview-image {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 118px;
        height: 150px;
        min-height: 0;
        margin: 0;
        padding: 7px;
        overflow: hidden;
        border: 1px solid #dde4e8;
        border-radius: 6px;
        background: #f8fafb;
    }

        .my-lots-preview-image img {
            display: block;
            max-width: 100%;
            max-height: 136px;
            object-fit: contain;
        }

    .my-lots-preview-thumbs {
        display: flex;
        width: 118px;
        max-width: 118px;
        gap: 5px;
        margin-top: 7px;
        padding: 0 0 4px 0;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .my-lots-preview-thumb {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        margin: 0;
        padding: 2px;
        border: 1px solid #d8dfe3;
        border-radius: 4px;
        background: #fff;
        scroll-snap-align: start;
    }

        .my-lots-preview-thumb img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

    .my-lots-preview-thumbs::-webkit-scrollbar {
        height: 4px;
    }

    .my-lots-preview-thumbs::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #c5cdd2;
    }

    .my-lots-preview-thumbs::-webkit-scrollbar-track {
        background: transparent;
    }

    .my-lots-preview-details {
        min-width: 0;
    }

    .my-lots-preview-top-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 6px;
        margin: 0 0 12px 0;
        padding-right: 38px;
    }

    .my-lots-preview-button {
        width: 100%;
        min-width: 0;
        min-height: 34px;
        padding-left: 7px;
        padding-right: 7px;
        font-size: 10px;
        white-space: nowrap;
    }

    .my-lots-preview-title {
        padding-right: 0;
        font-size: 17px;
        line-height: 1.25;
    }

    .my-lots-preview-id {
        margin-top: 3px;
        font-size: 10px;
    }

    .my-lots-preview-summary-card {
        margin-top: 12px;
        padding: 7px 9px;
    }

    .my-lots-preview-summary-row {
        grid-template-columns: 20px 72px minmax(0, 1fr);
        gap: 6px;
        min-height: 34px;
    }

    .my-lots-preview-columns {
        grid-template-columns: 1fr;
    }
}

.my-auction-row.auction-row-moved {
    animation: auctionRowMovedHighlight 1.2s ease-out;
}

.my-auction-row.is-highlighted {
    background: #fff9e6;
}

    .my-auction-row.is-highlighted:hover {
        background: #fff5d6;
    }

.my-auction-highlight-button {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d8dee5;
    border-radius: 5px;
    background: #fff;
    color: #8a929a;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

    .my-auction-highlight-button:hover {
        border-color: #e5b944;
        color: #c89500;
        background: #fffaf0;
    }

    .my-auction-highlight-button.active {
        border-color: #e5b944;
        color: #c89500;
        background: #fff4c7;
    }

    .my-auction-highlight-button:disabled {
        opacity: .55;
        cursor: default;
    }

.my-auction-highlight-star {
    position: relative;
    top: -1px;
}

.my-auction-mainimage-button {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d8dee5;
    border-radius: 5px;
    background: #fff;
    color: #718096;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .my-auction-mainimage-button:hover {
        border-color: #118ABD;
        color: #118ABD;
        background: #f4fbfe;
    }

    .my-auction-mainimage-button.active {
        border-color: #118ABD;
        color: #118ABD;
        background: #eaf6fb;
    }

        .my-auction-mainimage-button.active:hover {
            background: #dff2f9;
        }

@media (max-width: 900px) {
    .unsold-row {
        position: relative;
        padding-left: 42px;
    }

        .unsold-row .my-lots-select-cell {
            position: absolute;
            top: 14px;
            left: 12px;
            width: auto;
            padding: 0;
            margin: 0;
        }

            .unsold-row .my-lots-select-cell input {
                margin: 0;
            }
}

.unsold-offer-limit {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    color: #a94442;
    background: #f8eeee;
    border: 1px solid #eed3d2;
}

.unsold-status {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    min-width: max-content;
    white-space: nowrap;
}

    .unsold-status .bd-status-wrapper {
        flex: 0 0 auto;
    }

.unsold-delete-button {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #777;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}

    .unsold-delete-button:hover {
        color: #c94a4a;
    }

/* ========= MyAuction(2).vbhtml : oorspronkelijke view CSS ========= */


/* ==========================================
       MYAUCTION - NUMMER / CHECKBOX / AFBEELDING
       ========================================== */

/* Admin: eerste kolom voldoende breed */
.my-auction-workspace .my-auction-list-header.admin,
.my-auction-workspace .my-auction-row.admin {
    grid-template-columns: 65px minmax(300px, 1fr) 140px 115px 105px 105px 145px 114px !important;
}

/* Nummer en checkbox naast elkaar */
.my-auction-workspace .my-auction-row .my-auction-select {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* Volgnummer */
.my-auction-workspace .my-auction-row .my-auction-position {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    color: #7b8794;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

/* Checkbox */
.my-auction-workspace .my-auction-row
.my-auction-select input.js-auction-item-select {
    display: block !important;
    position: static !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto;
    -webkit-appearance: checkbox;
    cursor: pointer;
}

/* Afbeelding en titel */
.my-auction-workspace .my-auction-row .my-auction-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding-left: 0 !important;
}


/* ========= MijnVoorraad.vbhtml : oorspronkelijke view CSS ========= */


/* ==========================================
       MIJN VOORRAAD - NUMMER / CHECKBOX / FOTO
       ========================================== */

/* Eerste gridkolom iets breder */
.stock-workspace .stock-list-row {
    grid-template-columns: 82px minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr) 80px 70px 80px 90px 55px;
}

/* Nummer en checkbox naast elkaar */
.stock-workspace .stock-row-select {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100%;
    min-width: 0;
    padding: 0 8px !important;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Volgnummer */
.stock-workspace .stock-row-number {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 20px;
    width: 20px;
    color: #7b8794;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

/* Checkbox */
.stock-workspace .stock-row-select .js-stock-select {
    display: block !important;
    position: static !important;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    cursor: pointer;
}

/* Afbeelding en titel */
.stock-workspace .my-lots-item {
    min-width: 0;
}



/* ==========================================
       MIJN VOORRAAD - SELECTIE DEFINITIEF
       ========================================== */

/* Grid: ruimte voor nummer en checkbox */
.stock-workspace .stock-list .stock-list-row {
    grid-template-columns: 70px minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr) 80px 70px 80px 90px 55px !important;
}

/* Selectiecontainer */
.stock-workspace .stock-list .stock-row-select {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 90px !important;
    min-width: 90px !important;
    padding: 0 8px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Volgnummer */
.stock-workspace .stock-row-number {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
}

/* Checkbox altijd zichtbaar */
.stock-workspace .stock-row-select input.js-stock-select {
    display: block !important;
    position: static !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    cursor: pointer;
}

/* Afbeelding blijft binnen eigen kolom */
.stock-workspace .stock-list .my-lots-item {
    min-width: 0;
    padding-left: 0 !important;
}


/* ========= MijnKavels(1).vbhtml : oorspronkelijke view CSS ========= */



.my-lots-menu-item--disabled {
    opacity: .55;
    cursor: not-allowed;
}

.my-lots-menu-item-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

    .my-lots-menu-item-text small {
        display: block;
        margin-top: 2px;
        font-size: 11px;
        line-height: 1.25;
        color: #777;
        font-weight: normal;
    }



/* =========================================================
    BOBBEDOES - KAVEL AANBIEDEN DIALOG
    ========================================================= */

.bd-offer-popup {
    border-radius: 16px !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .16) !important;
}

.bd-offer-title {
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #243746 !important;
    padding: 0 !important;
}

.bd-offer-dialog {
    text-align: center;
}

/* Icoon */

.bd-offer-icon {
    width: 64px;
    height: 64px;
    margin: 4px auto 20px;
    border-radius: 50%;
    background: #eaf5fb;
    color: #118ABD;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bd-offer-icon .lnr {
        font-size: 29px;
    }

/* Introductie */

.bd-offer-intro {
    font-size: 14px;
    line-height: 1.7;
    color: #596a75;
    margin: 15px 0 22px;
}

/* Informatievlak */

.bd-offer-info {
    background: #f4f8fa;
    border: 1px solid #e4edf2;
    border-radius: 10px;
    padding: 17px;
    text-align: left;
}

.bd-offer-info-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 13px;
    line-height: 1.6;
    color: #52636d;
}

    .bd-offer-info-row + .bd-offer-info-row {
        margin-top: 14px;
    }

    .bd-offer-info-row .lnr {
        color: #118ABD;
        font-size: 19px;
        flex-shrink: 0;
        margin-top: 2px;
    }

/* Knoppen */

.bd-offer-actions {
    display: flex !important;
    gap: 10px;
    margin-top: 24px !important;
    width: 100%;
}

.bd-offer-confirm,
.bd-offer-cancel {
    flex: 1;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease;
}

.bd-offer-confirm {
    background: #118ABD;
    border: 1px solid #118ABD;
    color: #fff;
}

    .bd-offer-confirm:hover {
        background: #0876a5;
    }

.bd-offer-cancel {
    background: #fff;
    border: 1px solid #d5dfe5;
    color: #52636d;
}

    .bd-offer-cancel:hover {
        background: #f4f7f9;
    }

/* Mobiel */

@media (max-width: 480px) {

    .bd-offer-popup {
        padding: 22px !important;
    }

    .bd-offer-title {
        font-size: 20px !important;
    }

    .bd-offer-actions {
        flex-direction: column-reverse;
    }

    .bd-offer-confirm,
    .bd-offer-cancel {
        width: 100%;
    }
}


/* Mijn kavels: compacte, stabiele admin-kolommen */
.my-lots-workspace.bd-admin-review-list .my-lots-list {
    overflow-x: auto;
}

.my-lots-workspace.bd-admin-review-list .my-lots-list-header,
.my-lots-workspace.bd-admin-review-list .my-lots-row {
    display: grid;
    grid-template-columns: 32px minmax(270px, 1fr) minmax(95px, 125px) minmax(95px, 130px) 110px 100px 85px 205px;
    align-items: center;
    gap: 12px;
    min-width: 1070px;
}

.my-lots-workspace.bd-admin-review-list.show-dates .my-lots-list-header,
.my-lots-workspace.bd-admin-review-list.show-dates .my-lots-row {
    grid-template-columns: 32px minmax(270px, 1fr) 110px 110px 105px 105px 105px 90px 80px 205px;
    min-width: 1310px;
}

.my-lots-workspace.bd-admin-review-list .my-lots-row {
    min-height: 88px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.my-lots-workspace.bd-admin-review-list .my-lots-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.my-lots-workspace.bd-admin-review-list .my-lots-item-info {
    flex: 1;
    min-width: 0;
}

.my-lots-workspace.bd-admin-review-list .my-lots-title {
    white-space: normal;
    overflow-wrap: anywhere;
}

.my-lots-workspace.bd-admin-review-list .my-lots-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: nowrap;
    min-width: 0;
    overflow: visible;
}

.bd-admin-modal-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    min-height: 34px;
    flex: 0 0 auto;
    border: 1px solid #cbd9e3;
    border-radius: 6px;
    background: #fff;
    color: #344d60;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .bd-admin-modal-trigger:hover, .bd-admin-modal-trigger:focus {
        background: #eef7fc;
        border-color: #118abd;
        color: #0876a5;
    }

.bd-admin-dialog {
    text-align: left;
    font-size: 14px;
}

    .bd-admin-dialog .bd-admin-context {
        padding: 12px;
        border-radius: 8px;
        background: #f4f8fa;
        margin-bottom: 15px;
    }

        .bd-admin-dialog .bd-admin-context strong {
            display: block;
            overflow-wrap: anywhere;
        }

    .bd-admin-dialog label {
        display: block;
        margin: 12px 0 6px;
        font-weight: 600;
    }

    .bd-admin-dialog select, .bd-admin-dialog textarea {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #ccd9e2;
        border-radius: 7px;
        background: #fff;
        color: #263d4d;
    }

    .bd-admin-dialog textarea {
        min-height: 125px;
        resize: vertical;
    }

    .bd-admin-dialog .bd-admin-switch {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

        .bd-admin-dialog .bd-admin-switch button {
            flex: 1;
            padding: 10px 7px;
            border: 1px solid #ccd9e2;
            border-radius: 7px;
            background: #fff;
            cursor: pointer;
        }

            .bd-admin-dialog .bd-admin-switch button.active {
                background: #eaf5fb;
                border-color: #118abd;
                color: #0876a5;
                font-weight: 700;
            }

    .bd-admin-dialog .bd-admin-hint {
        font-size: 12px;
        color: #647784;
        margin-top: 8px;
    }

@media (max-width: 575px) {
    .bd-admin-modal-trigger {
        padding: 7px 8px;
    }
}


/* ========= VerkochteItems(1).vbhtml : oorspronkelijke view CSS ========= */



/* =========================================================
       VERKOCHTE ITEMS - RUSTIGE SEARCHITEMS-INDELING
       ========================================================= */

@media (min-width: 1100px) {

    .sold-items-list-header:not(.admin),
    .sold-items-row:not(.admin) {
        grid-template-columns: minmax(320px, 2.75fr) 110px 110px 92px minmax(120px, .95fr) 96px 94px 42px;
        gap: 12px;
    }


    .sold-items-list-header.admin,
    .sold-items-row.admin {
        grid-template-columns: minmax(285px, 2.45fr) minmax(105px, .80fr) 106px 106px 88px minmax(110px, .85fr) 94px 92px 42px;
        gap: 10px;
    }
}


.sold-items-item-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}


.sold-items-sale-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


    .sold-items-sale-type.veiling {
        background: #e6eef9;
        color: #3970aa;
    }


    .sold-items-sale-type.advertentie {
        background: #e4f4e8;
        color: #2f7d45;
    }


.sold-items-date-price {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.25;
}


.sold-items-date-value {
    white-space: nowrap;
}


.sold-items-date-price small {
    display: block;
    margin-top: 1px;
    color: #8a969d;
    font-size: 8px;
    line-height: 1.2;
    white-space: nowrap;
}


.sold-items-combined-price {
    display: block;
    margin-top: 5px;
    color: #111;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}


.sold-items-estimate,
.sold-items-status-cell,
.sold-items-note,
.sold-items-action {
    min-width: 0;
    display: flex;
    align-items: center;
}


.sold-items-status-cell,
.sold-items-note {
    justify-content: flex-start;
}


.sold-items-action {
    justify-content: flex-end;
}


    .sold-items-action .my-lots-more {
        margin-left: auto;
    }


/* De oude note-cel was een kolom omdat Status er ook in stond. */
.sold-items-note {
    flex-direction: row;
    gap: 0;
}


@media (max-width: 1099px) {

    /*
         * De bestaande workspace responsive CSS schakelt de rijen hier
         * naar één kolom. Deze regels zorgen dat de nieuwe gecombineerde
         * datum/prijs-blokken daar netjes blijven.
         */

    .sold-items-date-price {
        width: 100%;
    }


    .sold-items-item-badges {
        margin-top: 4px;
    }
}



/* ===== CONSISTENTE NUMMERING + SELECTIE (alleen lijstspecifiek) ===== */
.my-auction-workspace .my-auction-row .my-auction-select {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 5px !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.my-auction-workspace .my-auction-row .my-auction-position {
    display: inline-flex !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    justify-content: flex-end;
    align-items: center;
    color: #7b8794;
    font-size: 12px;
    font-weight: 600;
}

.my-auction-workspace .my-auction-row .my-auction-select input.js-auction-item-select {
    display: block !important;
    position: static !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto;
    -webkit-appearance: checkbox;
}

.my-auction-workspace .my-auction-row .my-auction-item {
    padding-left: 0 !important;
    min-width: 0;
}

.my-auction-workspace .my-auction-list-header:not(.admin), .my-auction-workspace .my-auction-row:not(.admin) {
    grid-template-columns: 70px minmax(300px,1fr) 115px 105px 105px 145px 114px !important;
}

.my-auction-workspace .my-auction-list-header.admin, .my-auction-workspace .my-auction-row.admin {
    grid-template-columns: 70px minmax(300px,1fr) 140px 115px 105px 105px 145px 114px !important;
}

.stock-workspace .stock-row-select {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    padding: 0 6px !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

    .stock-workspace .stock-row-select .stock-row-number {
        display: inline-flex !important;
        flex: 0 0 20px !important;
        min-width: 20px !important;
        justify-content: flex-end;
    }

    .stock-workspace .stock-row-select input.js-stock-select {
        display: block !important;
        position: static !important;
        flex: 0 0 16px !important;
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

/* =============================================================
   MIJN KAVELS - DEFINITIEVE HORIZONTALE LIJST (<= 1200px)
   Verkopers + admin, met en zonder datumkolommen.
   Houdt de kolomvolgorde uit MijnKavels.vbhtml intact.
   ============================================================= */
@media (max-width: 1200px) {
    .my-lots-workspace .my-lots-list {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    /* Koppen en rijen gebruiken identieke vaste tracks.
       De brede eerste inhoudskolom bevat afbeelding en titel. */
    .my-lots-workspace.hide-dates:not(.admin) .my-lots-list-header,
    .my-lots-workspace.hide-dates:not(.admin) .my-lots-row {
        display: grid !important;
        grid-template-columns: 320px 130px 155px 105px 95px 75px !important;
        gap: 12px !important;
        width: 970px !important;
        min-width: 970px !important;
    }

    .my-lots-workspace.show-dates:not(.admin) .my-lots-list-header,
    .my-lots-workspace.show-dates:not(.admin) .my-lots-row {
        display: grid !important;
        grid-template-columns: 320px 120px 150px 95px 95px 100px 90px 75px !important;
        gap: 10px !important;
        width: 1140px !important;
        min-width: 1140px !important;
    }

    .my-lots-workspace.admin.hide-dates .my-lots-list-header,
    .my-lots-workspace.admin.hide-dates .my-lots-row {
        display: grid !important;
        grid-template-columns: 32px 300px 115px 125px 150px 95px 90px 205px !important;
        gap: 12px !important;
        width: 1220px !important;
        min-width: 1220px !important;
    }

    .my-lots-workspace.admin.show-dates .my-lots-list-header,
    .my-lots-workspace.admin.show-dates .my-lots-row {
        display: grid !important;
        grid-template-columns: 32px 300px 110px 115px 150px 90px 90px 95px 90px 205px !important;
        gap: 10px !important;
        width: 1400px !important;
        min-width: 1400px !important;
    }

    .my-lots-workspace .my-lots-list-header {
        display: grid !important;
        box-sizing: border-box;
    }

    .my-lots-workspace .my-lots-row {
        position: relative;
        box-sizing: border-box;
        min-height: 84px;
        padding: 8px 12px !important;
        align-items: center;
    }

        .my-lots-workspace .my-lots-list-header > *,
        .my-lots-workspace .my-lots-row > * {
            min-width: 0;
        }

        .my-lots-workspace .my-lots-row .my-lots-item {
            display: flex;
            align-items: flex-start;
            padding-right: 0 !important;
            min-width: 0;
        }

        .my-lots-workspace .my-lots-row .my-lots-seller,
        .my-lots-workspace .my-lots-row .my-lots-auction,
        .my-lots-workspace .my-lots-row .my-lots-status-cell,
        .my-lots-workspace .my-lots-row .my-lots-price,
        .my-lots-workspace .my-lots-row .my-lots-bid {
            margin-top: 0 !important;
            padding-left: 0 !important;
            min-width: 0;
            align-self: center;
        }

        .my-lots-workspace .my-lots-row .my-lots-price,
        .my-lots-workspace .my-lots-row .my-lots-bid {
            white-space: nowrap;
        }

            .my-lots-workspace .my-lots-row .my-lots-price::before,
            .my-lots-workspace .my-lots-row .my-lots-bid::before {
                content: none !important;
            }

    .my-lots-workspace.show-dates .my-lots-row .my-lots-date {
        display: block !important;
        align-self: center;
    }

    .my-lots-workspace .my-lots-row .my-lots-action {
        position: static !important;
        top: auto !important;
        right: auto !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-width: 0;
        width: auto;
        white-space: nowrap;
    }

    .my-lots-workspace .my-lots-row .my-lots-select-cell {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* =========================================
   BOBBEDOES - GEDEELDE COMPACTE SAMENVATTING
   ========================================= */

.bd-list-summary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0;
    margin-left: auto;
    padding: 10px 12px;
    background: #f7f9fa;
    border: 1px solid #e1e6e9;
    border-radius: 6px;
}

.bd-list-summary-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0 15px;
    border-right: 1px solid #e1e6e9;
    white-space: nowrap;
}

    .bd-list-summary-item:last-child {
        border-right: 0;
    }

    .bd-list-summary-item span {
        color: #929ca2;
        font-size: 9px;
        text-transform: uppercase;
    }

    .bd-list-summary-item strong {
        color: #34404a;
        font-size: 12px;
        font-weight: 700;
    }

@media (max-width: 900px) {
    .bd-list-summary {
        justify-content: flex-start;
        margin-left: 0;
    }

    .bd-list-summary-item {
        padding: 5px 12px 5px 0;
        margin-right: 12px;
    }
}



/* BOBBEDOES - VEILING AANBIEDEN: SWEETALERT2 */
.swal2-popup.bd-auction-swal {
    width: min(480px, calc(100vw - 28px));
    padding: 27px 28px 24px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(20, 37, 50, .22);
}

.bd-auction-swal .swal2-html-container.bd-auction-swal-content {
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
}

.bd-auction-swal-art {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 82px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #eaf5fb;
    color: #118abd;
    font-size: 38px;
}

.bd-auction-swal-art--success {
    background: #e8f7eb;
    color: #37a856;
}

.bd-auction-swal-title {
    margin: 0 0 12px;
    color: #202d3c;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.bd-auction-swal-description {
    margin: 0 0 18px;
    color: #5e6b76;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-line;
}

.bd-auction-swal-note {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px;
    border: 1px solid #f5e4bf;
    border-radius: 8px;
    background: #fff8e9;
    color: #665331;
    font-size: 12px;
    line-height: 1.55;
    text-align: left;
}

    .bd-auction-swal-note > .lnr {
        flex: 0 0 auto;
        margin-top: 2px;
        color: #d59b24;
        font-size: 19px;
    }

.bd-auction-swal-note--success {
    border-color: #d9e9f4;
    background: #f3f9fd;
    color: #3f596c;
}

    .bd-auction-swal-note--success > .lnr {
        color: #118abd;
    }

.bd-auction-swal .swal2-actions.bd-auction-swal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 22px 0 0;
}

.bd-auction-swal .bd-auction-swal-confirm,
.bd-auction-swal .bd-auction-swal-cancel {
    min-height: 42px;
    margin: 0;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.bd-auction-swal .bd-auction-swal-confirm {
    background: #118abd;
    color: #fff;
}

    .bd-auction-swal .bd-auction-swal-confirm:hover {
        background: #0d769f;
    }

.bd-auction-swal .bd-auction-swal-cancel {
    border-color: #d7e0e6;
    background: #fff;
    color: #43505b;
}

    .bd-auction-swal .bd-auction-swal-cancel:hover {
        background: #f4f7f9;
    }

@media (max-width: 520px) {
    .swal2-popup.bd-auction-swal {
        padding: 22px 18px;
    }

    .bd-auction-swal-title {
        font-size: 22px;
    }

    .bd-auction-swal-description {
        font-size: 13px;
    }

    .bd-auction-swal .swal2-actions.bd-auction-swal-actions {
        flex-direction: column;
    }

    .bd-auction-swal .bd-auction-swal-confirm,
    .bd-auction-swal .bd-auction-swal-cancel {
        width: 100%;
    }
}



/* Bobbedoes — Veiling inplannen / publiceren: SweetAlert2 */
.bd-planning-swal.swal2-popup {
    border-radius: 12px;
    padding: 24px 28px 26px;
    box-shadow: 0 18px 55px rgba(23, 40, 59, .20);
    font-family: inherit;
}

.bd-planning-swal-content.swal2-html-container {
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
}

.bd-planning-swal-icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 37px;
}

.bd-planning-swal-icon--calendar {
    background: #eaf5fc;
    color: #078fc4;
}

.bd-planning-swal-icon--success {
    background: #e9f8e9;
    color: #35b950;
    font-size: 47px;
}

.bd-planning-swal-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #7c929f;
    margin-bottom: 7px;
}

.bd-planning-swal-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    color: #263747;
    margin: 0 0 19px;
}

.bd-planning-swal-lead {
    font-size: 14px;
    color: #637584;
    line-height: 1.65;
    margin: -7px 0 18px;
}

.bd-planning-swal-info,
.bd-planning-swal-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
    border-radius: 9px;
    padding: 16px;
    margin: 0 0 12px;
}

.bd-planning-swal-info {
    background: #f0f7fc;
    border: 1px solid #d9eaf5;
}

.bd-planning-swal-notice {
    background: #fff8eb;
    border: 1px solid #f6dfaf;
}

    .bd-planning-swal-info > .lnr,
    .bd-planning-swal-notice > .lnr {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        background: #dceefa;
        color: #078fc4;
    }

    .bd-planning-swal-notice > .lnr {
        background: #fff0cc;
        color: #d99014;
    }

    .bd-planning-swal-info strong,
    .bd-planning-swal-notice strong {
        display: block;
        color: #293d50;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .bd-planning-swal-info p,
    .bd-planning-swal-notice p {
        font-size: 13px;
        line-height: 1.6;
        color: #5d7181;
        margin: 0;
    }

.bd-planning-swal-links {
    border-top: 1px solid #e9eef1;
    margin-top: 16px;
    padding-top: 16px;
    text-align: left;
}

    .bd-planning-swal-links > strong {
        display: block;
        font-size: 13px;
        color: #293d50;
        margin-bottom: 10px;
    }

.bd-planning-swal-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 11px 13px;
    margin: 7px 0;
    border: 1px solid #d9e5ed;
    border-radius: 7px;
    color: #087fb4;
    font-size: 13px;
    font-weight: 700;
}

    .bd-planning-swal-link:hover {
        background: #f1f8fc;
        color: #006b9d;
        text-decoration: none;
    }

    .bd-planning-swal-link > span:last-child {
        margin-left: auto;
    }

.bd-planning-swal-links small {
    display: block;
    color: #81919d;
    line-height: 1.5;
    margin-top: 9px;
    font-size: 11px;
}

.bd-planning-swal-actions.swal2-actions {
    display: flex;
    gap: 12px;
    margin: 20px 0 0;
}

.bd-planning-swal-confirm,
.bd-planning-swal-cancel {
    border-radius: 6px;
    border: 1px solid transparent;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.bd-planning-swal-confirm {
    background: #078fc4;
    color: #fff;
}

    .bd-planning-swal-confirm:hover {
        background: #0579a6;
    }

.bd-planning-swal-cancel {
    background: #fff;
    color: #34495a;
    border-color: #cfdce5;
}

    .bd-planning-swal-cancel:hover {
        background: #f5f8fa;
    }

@media (max-width: 575px) {
    .bd-planning-swal.swal2-popup {
        padding: 22px 17px;
    }

    .bd-planning-swal-title {
        font-size: 22px;
    }

    .bd-planning-swal-info,
    .bd-planning-swal-notice {
        padding: 13px;
    }

    .bd-planning-swal-actions.swal2-actions {
        flex-wrap: wrap;
    }

    .bd-planning-swal-confirm,
    .bd-planning-swal-cancel {
        width: 100%;
        margin: 0;
    }
}

/* Mijn kavels - directe aanbiedknop */

.my-lots-action .my-lots-offer-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid #078fc4;
    border-radius: 5px;
    background: #078fc4;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease;
}

    .my-lots-action .my-lots-offer-button:hover {
        background: #067ba9;
        border-color: #067ba9;
    }

    .my-lots-action .my-lots-offer-button .lnr {
        font-size: 13px;
    }

.my-lots-action .my-lots-offer-button--disabled,
.my-lots-action .my-lots-offer-button--disabled:hover {
    background: #e9edf0;
    border-color: #e9edf0;
    color: #9ba6ae;
    cursor: not-allowed;
}

/* Mijn kavels - knop Aanvullen */

.my-lots-action .my-lots-offer-button--complete {
    background: #fff;
    border: 1px solid #078fc4;
    color: #078fc4;
    text-decoration: none;
}

    .my-lots-action .my-lots-offer-button--complete:hover {
        background: #eaf6fc;
        border-color: #067ba9;
        color: #067ba9;
        text-decoration: none;
    }

/* =========================================================
   BOBBEDOES - KAVEL AANBIEDEN SWEETALERT
   ========================================================= */

.bd-lot-offer-swal {
    border-radius: 14px !important;
    padding: 26px 28px 24px !important;
}

.bd-lot-offer-content {
    margin: 0 !important;
    padding: 0 !important;
}

.bd-lot-offer-header {
    text-align: center;
}

.bd-lot-offer-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 17px;
    border-radius: 50%;
    background: #eaf6fc;
    color: #078fc4;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bd-lot-offer-icon .lnr {
        font-size: 30px;
    }

.bd-lot-offer-icon--success {
    background: #edf8ed;
    color: #58b76c;
}

.bd-lot-offer-eyebrow {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #829aa9;
    margin-bottom: 8px;
}

.bd-lot-offer-title {
    font-size: 24px;
    font-weight: 700;
    color: #293b4b;
    margin: 0 0 12px;
}

.bd-lot-offer-intro {
    color: #778894;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 22px;
}

.bd-lot-offer-steps {
    text-align: left;
    background: #f7fafc;
    border: 1px solid #e1ebf0;
    border-radius: 9px;
    padding: 18px;
}

.bd-lot-offer-steps-title {
    font-weight: 700;
    font-size: 14px;
    color: #293b4b;
    margin-bottom: 18px;
}

.bd-lot-offer-step {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 17px;
}

    .bd-lot-offer-step:last-child {
        margin-bottom: 0;
    }

    .bd-lot-offer-step > .lnr {
        color: #078fc4;
        font-size: 20px;
        margin-top: 2px;
        flex-shrink: 0;
    }

    .bd-lot-offer-step strong {
        display: block;
        font-size: 13px;
        color: #344556;
        margin-bottom: 4px;
    }

    .bd-lot-offer-step p {
        font-size: 12px;
        line-height: 1.6;
        color: #82909b;
        margin: 0;
    }

.bd-lot-offer-actions {
    margin-top: 25px !important;
    gap: 12px;
}

.bd-lot-offer-confirm {
    background: #078fc4 !important;
    color: #fff !important;
    border: 0;
    border-radius: 5px;
    padding: 12px 20px;
    font-weight: 700;
    cursor: pointer;
}

    .bd-lot-offer-confirm:hover {
        background: #067ba9 !important;
    }

.bd-lot-offer-cancel {
    background: transparent;
    color: #4b5563;
    border: 0;
    padding: 12px 18px;
    cursor: pointer;
}

.bd-lot-offer-success-info {
    background: #f0f8fd;
    border: 1px solid #d7eaf5;
    border-radius: 8px;
    padding: 17px;
    text-align: left;
    margin-bottom: 18px;
}

    .bd-lot-offer-success-info strong {
        color: #344556;
        font-size: 14px;
    }

    .bd-lot-offer-success-info p {
        color: #73899a;
        font-size: 13px;
        line-height: 1.6;
        margin: 7px 0 0;
    }

.bd-lot-offer-view-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 18px;
    border-radius: 5px;
    background: #078fc4;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
}

    .bd-lot-offer-view-link:hover {
        background: #067ba9;
    }

@media (max-width: 575px) {
    .bd-lot-offer-swal {
        padding: 20px 16px !important;
    }

    .bd-lot-offer-title {
        font-size: 21px;
    }

    .bd-lot-offer-steps {
        padding: 14px;
    }
}

/* =====================================================
   MIJN KAVELS - ruimte voor startprijs en actieknoppen
   Desktop, gewone verkoper, zonder datumkolommen
   ===================================================== */

@media (min-width: 1201px) {

    .my-lots-workspace.hide-dates:not(.admin) .my-lots-list-header,
    .my-lots-workspace.hide-dates:not(.admin) .my-lots-row {
        grid-template-columns: minmax(0, 2.7fr) minmax(90px, .85fr) minmax(115px, 1fr) 85px 155px 42px;
    }

        .my-lots-workspace.hide-dates:not(.admin) .my-lots-row .my-lots-action {
            justify-content: flex-end;
            gap: 6px;
        }

        .my-lots-workspace.hide-dates:not(.admin) .my-lots-row .my-lots-price {
            white-space: nowrap;
        }
}

/* =============================================================
   BOBBEDOES LIJSTEN - BULK WIJZIGEN MIJN VOORRAAD
   In stijl van MyAuction.
   Toevoegen ONDERAAN Content/css/bobbedoes-lijsten.css
   Alle selectors zijn beperkt tot de voorraad-bulkpopup.
   ============================================================= */

.swal2-popup.bd-stock-bulk-popup {
    border-radius: 7px;
    padding: 24px 28px 22px;
    box-sizing: border-box;
}

.bd-stock-bulk-popup .swal2-title.bd-stock-bulk-title {
    margin: 0 0 12px;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    color: #505050;
}

.bd-stock-bulk-popup .swal2-html-container.bd-stock-bulk-html {
    margin: 0;
    padding: 0 4px;
    text-align: left;
    color: #626e79;
    font-size: 14px;
    max-height: min(62vh, 560px);
    overflow-y: auto;
    overflow-x: hidden;
}

.bd-stock-bulk-popup .stock-bulk-edit {
    text-align: left;
    width: 100%;
}

.bd-stock-bulk-popup .stock-bulk-edit-intro.bd-stock-bulk-intro {
    background: #f5f8fa;
    border-radius: 4px;
    padding: 12px 14px;
    margin: 2px 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    color: #697782;
}

.bd-stock-bulk-popup .bd-stock-bulk-intro strong {
    font-weight: 700;
    color: #414d57;
}

.bd-stock-bulk-popup .stock-bulk-edit-field.bd-stock-bulk-field {
    margin: 0 0 17px;
    text-align: left;
}

.bd-stock-bulk-popup .bd-stock-bulk-field > label {
    display: block;
    margin: 0 0 7px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    color: #303b46;
}

.bd-stock-bulk-popup .bd-stock-bulk-field > input,
.bd-stock-bulk-popup .bd-stock-bulk-field > select,
.bd-stock-bulk-popup .bd-stock-bulk-field > textarea,
.bd-stock-bulk-popup .bd-stock-bulk-field .stock-bulk-edit-price {
    display: block;
    width: 100%;
    min-height: 44px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ccd5dd;
    border-radius: 4px;
    background: #fff;
    color: #37424e;
    box-shadow: none;
    font-size: 14px;
}

.bd-stock-bulk-popup .bd-stock-bulk-field > input,
.bd-stock-bulk-popup .bd-stock-bulk-field > select,
.bd-stock-bulk-popup .bd-stock-bulk-field > textarea {
    padding: 10px 12px;
}

.bd-stock-bulk-popup .bd-stock-bulk-field > textarea {
    min-height: 86px;
    resize: vertical;
    line-height: 1.5;
}

.bd-stock-bulk-popup .bd-stock-bulk-field .stock-bulk-edit-price {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
}

    .bd-stock-bulk-popup .bd-stock-bulk-field .stock-bulk-edit-price > span {
        flex: 0 0 auto;
        color: #78848e;
        font-size: 15px;
    }

    .bd-stock-bulk-popup .bd-stock-bulk-field .stock-bulk-edit-price > input {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 9px 0;
        border: none;
        outline: none;
        background: transparent;
        color: #37424e;
        box-shadow: none;
        font-size: 14px;
    }

.bd-stock-bulk-popup .bd-stock-bulk-field input::placeholder,
.bd-stock-bulk-popup .bd-stock-bulk-field textarea::placeholder {
    color: #a2abb3;
    opacity: 1;
}

.bd-stock-bulk-popup .bd-stock-bulk-field > input:focus,
.bd-stock-bulk-popup .bd-stock-bulk-field > select:focus,
.bd-stock-bulk-popup .bd-stock-bulk-field > textarea:focus,
.bd-stock-bulk-popup .bd-stock-bulk-field .stock-bulk-edit-price:focus-within {
    border-color: #0f91c8;
    outline: none;
    box-shadow: 0 0 0 2px rgba(15, 145, 200, 0.09);
}

.bd-stock-bulk-popup .bd-stock-bulk-field > small {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
    color: #929da7;
}

.bd-stock-bulk-popup .swal2-actions.bd-stock-bulk-actions {
    margin: 20px 0 0;
    gap: 8px;
}

.bd-stock-bulk-popup .swal2-confirm.bd-stock-bulk-confirm {
    margin: 0;
    border-radius: 4px;
    background: #0797cd !important;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
}

.bd-stock-bulk-popup .swal2-cancel.bd-stock-bulk-cancel {
    margin: 0;
    background: transparent !important;
    color: #555e67 !important;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 400;
}

/* Controleoverzicht: lichtere labels en stevige waarden */
.bd-stock-bulk-popup .bd-stock-bulk-summary {
    text-align: left;
}

.bd-stock-bulk-popup .bd-stock-bulk-summary-intro {
    margin: 0 0 12px;
    font-size: 14px;
    color: #697782;
    line-height: 1.55;
}

.bd-stock-bulk-popup .bd-stock-bulk-summary-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #e6eaf0;
    line-height: 1.5;
}

.bd-stock-bulk-popup .bd-stock-bulk-summary-label {
    font-weight: 400;
    color: #6e7781;
}

.bd-stock-bulk-popup .bd-stock-bulk-summary-value {
    font-weight: 700;
    color: #38434f;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    text-align: right;
}

@media (max-width: 600px) {
    .swal2-popup.bd-stock-bulk-popup {
        padding: 18px 14px;
    }

    .bd-stock-bulk-popup .swal2-title.bd-stock-bulk-title {
        font-size: 23px;
    }

    .bd-stock-bulk-popup .swal2-html-container.bd-stock-bulk-html {
        max-height: 60vh;
    }
}


/* =====================================================
   GROTERE THUMBNAILS - ITEMLIJSTEN
   Mijn voorraad, Mijn veilingen en Mijn kavels
   ===================================================== */

/* Mijn voorraad en Mijn veilingen */
.stock-list .my-lots-image,
.my-auction-list .my-auction-thumb,
/* Mijn kavels */
.my-lots-workspace:not(.stock-workspace):not(.my-auction-workspace) .my-lots-image {
    width: 75px;
    height: 100px;
    min-width: 75px;
    flex: 0 0 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Afbeeldingsknoppen */
.stock-list .my-lots-image-button,
.my-auction-list .my-auction-preview-button,
.my-lots-workspace .my-lots-image-button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Afbeeldingen */
.stock-list .my-lots-image img,
.my-auction-list .my-auction-thumb img,
.my-lots-workspace .my-lots-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* =====================================================
   MIJN KAVELS - GROTERE THUMBNAILS
   75 x 100 pixels
   ===================================================== */

.my-lots-workspace .my-lots-list:not(.stock-list):not(.my-auction-list) .my-lots-image {
    width: 75px !important;
    height: 100px !important;
    min-width: 75px !important;
    flex: 0 0 75px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-lots-workspace .my-lots-list:not(.stock-list):not(.my-auction-list) .my-lots-image-button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-lots-workspace .my-lots-list:not(.stock-list):not(.my-auction-list) .my-lots-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}