@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap");

/* Presentation only. Bootstrap, AdminLTE and page scripts own interaction states. */
:root {
    --auction-ink: #172b46;
    --auction-muted: #52647a;
    --auction-line: #dce4ed;
    --auction-teal: #087f79;
    --default-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
    --heading-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
    --nav-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
    --accent-color: #087f79;
    --heading-color: #172b46;
    --nav-color: #172b46;
    --nav-hover-color: #087f79;
}

/* Cohesive public auction redesign. Scoped away from login, bidding and admin. */
.auction-public .auction-redesign { padding: 22px 0 28px; background: #f2f5f8; }
.auction-redesign > .container { max-width: 1280px; }
.auction-redesign .auction-summary {
    background: linear-gradient(115deg, #172b46, #234760);
    border: 1px solid #234760;
    border-top: 4px solid #087f79;
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 24px;
    box-shadow: 0 8px 28px rgb(23 43 70 / 5%);
}
.auction-redesign .auction-kicker { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #a5e3d9; margin: 0 0 12px; }
.auction-redesign .auction-title-block h1 { color: #fff; font-size: clamp(24px, 2.6vw, 34px); font-weight: 600; line-height: 1.35; letter-spacing: -.025em; margin: 0 0 24px; overflow-wrap: anywhere; }
.auction-redesign .auction-summary-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 0; background: #f1f6fa; border-radius: 8px; margin: 0; }
.auction-redesign .auction-summary-grid > .auction-detail-field { padding: 20px; border-right: 1px solid #dce5ed; }
.auction-redesign .auction-summary-grid > .auction-detail-field:last-child { border-right: 0; }
.auction-redesign .auction-summary-grid > .auction-detail-field:first-child { background: #086d65; border-radius: 8px 0 0 8px; }
.auction-redesign .auction-summary-grid > .auction-detail-field:first-child dt { color: #c6d4e3; }
.auction-redesign .auction-summary-grid > .auction-detail-field:first-child dd { color: #fff; font-size: clamp(20px, 2vw, 27px); font-weight: 600; }
.auction-redesign .auction-summary-grid dd { font-size: 17px; line-height: 1.5; }
.auction-redesign .auction-information-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: 24px; align-items: start; }
.auction-redesign .auction-detail-card { padding: 26px; border-color: #dce5ed; box-shadow: 0 3px 14px rgb(23 43 70 / 3%); text-align: left; }
.auction-redesign .auction-detail-card h2 { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 600; color: #172b46; }
.auction-redesign .auction-detail-card h2::before { content: ''; flex: 0 0 4px; height: 20px; background: #087f79; border-radius: 2px; }
.auction-redesign .auction-detail-grid > .auction-detail-field { padding-bottom: 16px; border-bottom: 1px solid #edf1f5; }
.auction-redesign .auction-debtor-card .auction-detail-field:last-child { border-bottom: 0; padding-bottom: 0; }
.auction-redesign .auction-description-card .auction-detail-field { padding-bottom: 0; border-bottom: 0; }
.auction-redesign .auction-document-table td { padding-top: 18px; padding-bottom: 18px; }
.auction-redesign .auction-document-table tbody tr:nth-child(even) { background: #f8fafc; }
.auction-redesign .auction-document-link:hover { background: #d4ebe5; color: #064d46; }
.auction-redesign .auction-debtor-card .auction-detail-grid { grid-template-columns: minmax(0, 1fr); }
.auction-redesign .auction-detail-field dt { font-size: 13px; font-weight: 500; color: #5d6e80; margin-bottom: 7px; }
.auction-redesign .auction-detail-field dd { color: #22384e; font-size: 16px; line-height: 1.7; }
.auction-redesign .auction-description-card .auction-detail-grid { display: block; }
.auction-redesign .auction-description-card dd { font-weight: 400; line-height: 1.85; }
.auction-redesign .auctioneer-card { border-left: 4px solid #087f79; }
.auction-redesign .auction-document-link { background: #eaf5f3; color: #09685f; padding: 9px 14px; border-radius: 6px; }
.auction-public .auction-listing .auction-list-panel { border-top: 4px solid #087f79; box-shadow: 0 6px 24px rgb(23 43 70 / 5%); }
.auction-public .auction-listing #users_list thead th { background: #172b46; color: #fff; border-bottom: 0; font-weight: 500; }
.auction-public .auction-listing #users_list td:last-child { background: #f4f8fb; }
.auction-public .auction-listing #users_list .btn-primary { background: #17645f; border-color: #17645f; }
.auction-public .auction-listing #users_list .btn-primary:hover { background: #104d49; border-color: #104d49; }
.auction-public .auction-listing .auction-filter-heading { font-size: 15px; }
@media (max-width: 991.98px) {
    .auction-redesign .auction-information-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .auction-redesign .auction-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .auction-redesign .auction-summary-grid > .auction-detail-field { border-bottom: 1px solid #dce5ed; }
}
@media (max-width: 575.98px) {
    .auction-public .auction-redesign { padding-top: 14px; }
    .auction-redesign .auction-summary { padding: 18px; margin-bottom: 16px; }
    .auction-redesign .auction-summary-grid { grid-template-columns: minmax(0, 1fr); }
    .auction-redesign .auction-summary-grid > .auction-detail-field { padding: 16px; border-right: 0; }
    .auction-redesign .auction-summary-grid > .auction-detail-field:first-child { border-radius: 8px 8px 0 0; }
    .auction-redesign .auction-detail-card { padding: 20px; }
    .auction-redesign .auction-detail-grid { grid-template-columns: minmax(0, 1fr); }
}

.auction-ui,
body:has(.login-box),
body:has(.register-box) {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    color: var(--auction-ink);
    background: #f4f7fb;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

.auction-ui h1, .auction-ui h2, .auction-ui h3,
.auction-ui h4, .auction-ui h5, .auction-ui h6 {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.25;
}

.auction-ui a:focus-visible, .auction-ui button:focus-visible,
.login-box a:focus-visible, .login-box button:focus-visible,
.register-box a:focus-visible, .register-box button:focus-visible {
    outline: 3px solid #119c95;
    outline-offset: 3px;
}

.auction-ui .btn, .login-box .btn, .register-box .btn {
    border-radius: 8px;
    font-weight: 600;
    padding: .6rem 1rem;
    line-height: 1.4;
}
.auction-ui .btn-sm { padding: .4rem .7rem; }
.auction-ui .btn-primary, .login-box .btn-primary, .register-box .btn-primary {
    background-color: #1764a0;
    border-color: #1764a0;
    color: #fff;
}
.auction-ui .btn-primary:hover, .login-box .btn-primary:hover, .register-box .btn-primary:hover {
    background-color: #124f80;
    border-color: #124f80;
}
.auction-ui .btn:disabled, .login-box .btn:disabled, .register-box .btn:disabled {
    opacity: .6;
}
.auction-ui label, .login-box label, .register-box label {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .45rem;
}
.auction-ui .form-control, .auction-ui .form-select,
.login-box .form-control, .register-box .form-control {
    border-color: #bdcbd9;
    border-radius: 8px;
    min-height: 44px;
    font-size: 1rem;
    color: var(--auction-ink);
}
.auction-ui .form-control:focus, .auction-ui .form-select:focus,
.login-box .form-control:focus, .register-box .form-control:focus {
    border-color: var(--auction-teal);
    box-shadow: 0 0 0 3px rgb(8 127 121 / 15%);
}
.auction-ui .form-control:disabled, .login-box .form-control:disabled {
    background-color: #e9eef4;
    color: #607086;
}
.auction-ui .form-control.is-invalid, .login-box .form-control.is-invalid,
.register-box .form-control.is-invalid { border-color: #c53646; }
.auction-ui .error { color: #b42335; }
.auction-ui .input-group > .form-control:not(:last-child),
.login-box .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.auction-ui .input-group-text, .login-box .input-group-text {
    border-color: #bdcbd9;
    background: #f4f7fb;
    color: var(--auction-muted);
}

.auction-ui .card, .login-box .card, .register-box .card {
    border: 1px solid var(--auction-line);
    border-radius: 12px;
    box-shadow: 0 5px 20px rgb(23 43 70 / 5%);
}
.auction-ui .card-header {
    padding: 1rem 1.25rem;
    border-bottom-color: var(--auction-line);
}
.auction-ui .card-body { padding: 1.25rem; }
.auction-ui .table { font-size: .9rem; color: var(--auction-ink); }
.auction-ui .table th, .auction-ui .table td {
    padding: .9rem 1rem;
    vertical-align: middle;
    border-color: var(--auction-line);
}
.auction-ui .table thead th {
    background: #edf2f8;
    color: #263e5b;
    font-size: .8rem;
    font-weight: 700;
    border-bottom: 2px solid #d5e0ec;
}
.auction-ui .table tbody tr:hover { background-color: #f5f9fc; }
.auction-ui .table-responsive { -webkit-overflow-scrolling: touch; }
.auction-ui .dataTables_wrapper .dataTables_filter,
.auction-ui .dataTables_wrapper .dataTables_length { margin: .5rem 0 1rem; }
.auction-ui .dataTables_wrapper input,
.auction-ui .dataTables_wrapper select {
    border: 1px solid #bdcbd9;
    border-radius: 6px;
    min-height: 36px;
    padding: .3rem .5rem;
    background: #fff;
    color: var(--auction-ink);
}
.auction-ui .dataTables_wrapper .dataTables_info,
.auction-ui .dataTables_wrapper .dataTables_paginate { padding-top: 1rem; }
.auction-ui .modal-content {
    border: 1px solid var(--auction-line);
    border-radius: 14px;
    box-shadow: 0 24px 70px rgb(14 32 54 / 24%);
    color: var(--auction-ink);
}
.auction-ui .modal-header, .auction-ui .modal-footer { padding: 1rem 1.25rem; }
.auction-ui .modal-body { padding: 1.25rem; }
.auction-ui .modal-header .close { min-width: 40px; min-height: 40px; }
.auction-ui .modal-title { color: var(--auction-ink); }
#UserIntrestModal .modal-body { background: #fff; }
#UserIntrestModal .modal-body h5 { font-size: .95rem; }
#UserIntrestModal .d-flex.justify-content-between { gap: .75rem; flex-wrap: wrap; }

/* Public navigation and auction catalogue. */
.auction-public .header {
    background: #fff;
    box-shadow: 0 2px 16px rgb(23 43 70 / 8%);
}
.auction-public .header .topbar { background: #172b46; height: 34px; font-size: 12px; }
.auction-public .header .branding { padding: 6px 0; min-height: 52px; border-bottom: 1px solid #e5ebf2; }
.auction-public .header .branding > .container { gap: 16px; }
.auction-public .header .logo { flex-shrink: 0; }
.auction-public .header .logo img.header-brand-logo { width: 70px; max-width: 70px; height: auto; max-height: 28px; object-fit: contain; margin-right: 0; }
.auction-public .header .header-clock {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-left: 1px solid var(--auction-line);
    padding-left: 12px;
    margin-left: 12px;
}
.auction-public .header .header-clock-label {
    color: #65758a;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .09em;
    margin: 0;
}
.auction-public .header #clock {
    font-size: 13px;
    font-weight: 500;
    color: var(--auction-ink);
    font-variant-numeric: tabular-nums;
    margin: 0;
}
.auction-public .navmenu a { font-weight: 500; color: #34465d; font-size: 14px; }
.auction-public .navmenu a:hover, .auction-public .navmenu a.active { color: var(--auction-teal); }
.auction-public .navmenu .header-login {
    background: #172b46;
    color: #fff;
    padding: 9px 20px;
    border-radius: 7px;
}
.auction-public .navmenu .header-login:hover { background: #244464; color: #fff; }
.auction-public .navmenu .header-login:before { content: none; }
@media (min-width: 1200px) {
    .auction-public .navmenu > ul { align-items: center; }
    .auction-public .navmenu > ul > li { padding-top: 0; padding-bottom: 0; }
}
.auction-public .mobile-nav-toggle { color: var(--auction-ink); }
.auction-public.mobile-nav-active .mobile-nav-toggle { color: #fff; }
.auction-public .main { padding-top: 86px; }
.auction-public section { scroll-margin-top: 120px; }
.auction-public .main > section:empty { padding: 0; }
/* Older detail templates contain whitespace-only spacer sections. */
.auction-public .main:has(> .section-title) > section.section:not(:has(*)),
.auction-public .main > .section-title section.section:has(> .container:not(:has(*))) {
    padding: 0;
    margin: 0;
    min-height: 0;
    height: 0;
}
.auction-public .main > .section-title { padding-top: 14px; padding-bottom: 16px; }
.auction-public .hero { padding: 32px 0; }
.auction-public .hero {
    --background-color: #f4f7fb;
    --default-color: #172b46;
    --heading-color: #172b46;
}
.auction-public .hero .card { padding: 20px; color: var(--auction-ink); }
.auction-public .hero .card > .table { display: block; overflow-x: auto; }
.auction-public .hero > .container.card { padding: 24px; }
.auction-public .hero > .container.card > h3 { margin-bottom: 24px; }
.auction-public .auction-listing { background: #f4f7fb; padding: 14px 0 32px; }
.auction-listing .auction-page-heading { display: flex; align-items: baseline; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; }
.auction-listing .auction-page-heading h2 { margin-bottom: 0 !important; }
.auction-listing .auction-page-heading p { margin: 0; }
.auction-page-heading { margin-bottom: 24px; }
.auction-listing .auction-page-heading h2 { font-size: 1.75rem; font-weight: 500; margin: 0 0 8px; letter-spacing: -.025em; }
.auction-page-heading p { margin: 0; font-size: .925rem; color: var(--auction-muted); }
.auction-filter-heading { font-size: .875rem; font-weight: 600; margin-bottom: 18px; color: var(--auction-ink); }
.auction-filter-heading i { margin-right: 8px; color: var(--auction-teal); }
.auction-list-panel {
    background: #fff;
    border: 1px solid var(--auction-line);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 5px 20px rgb(23 43 70 / 4%);
}
.auction-listing .auction-filters {
    background: #f5f8fb;
    border: 1px solid #e5ebf2;
    border-radius: 8px;
    padding: 18px 6px 0;
    margin: 0 0 24px;
}
.auction-listing .auction-filters label { font-size: .8rem; color: #44566d; font-weight: 500; }
.auction-listing .auction-filters .form-control { background-color: #fff; border-color: #ced8e3; }
.auction-listing #users_list { min-width: 0; }
.auction-listing #users_list thead th { background: #edf2f7; white-space: nowrap; padding-top: 16px; padding-bottom: 16px; }
.auction-listing #users_list tbody td { line-height: 1.6; border-bottom: 1px solid #e8edf3; }
.auction-listing #users_list tbody tr:nth-child(even) { background: #fafbfd; }
.auction-listing #users_list tbody tr:hover { background: #f0f7f8; }
.auction-listing #users_list .btn { font-size: .8rem; white-space: nowrap; padding: 8px 12px; }
.auction-listing .dataTables_wrapper .dataTables_info { font-size: .8rem; color: var(--auction-muted); }
.auction-listing .dataTables_wrapper .dataTables_paginate .paginate_button { border-radius: 6px; font-size: .85rem; }
.auction-listing .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #e7f3f1;
    border-color: #bddbd6;
    color: #145c56 !important;
}
@media (min-width: 1200px) {
    .auction-public .header .branding > .container,
    .auction-public .header .topbar > .container { max-width: 1320px; width: calc(100% - 64px); }
    .auction-public .auction-listing > .container { max-width: 1320px; width: calc(100% - 64px); }
}
.auction-public .section-title h2 { font-size: 1.8rem; }
.auction-public .footer { background: #172b46; color: #e1e8f0; }

/* Preserve AdminLTE sidebar and collapse mechanics. */
.auction-admin .content-wrapper { background: #f4f7fb; }
.auction-admin .content-header { padding: 20px 16px 12px; }
.auction-admin .content-header .navbar { border: 1px solid var(--auction-line); border-radius: 10px; margin-bottom: 20px; }
.auction-admin .content { padding: 0 16px 24px; }
.auction-admin .main-sidebar { background: #172b46; }
.auction-admin .brand-link { border-bottom-color: #31435c; padding: 18px 12px; }
.auction-admin .sidebar .nav-link { border-radius: 7px; margin-bottom: 5px; padding-top: 11px; padding-bottom: 11px; }
.auction-admin .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #087f79; }
.auction-admin .main-footer { border-top-color: var(--auction-line); font-size: .875rem; }

/* Authentication uses its own existing layout. */
body:has(.login-box), body:has(.register-box) {
    background: radial-gradient(ellipse at top left, #dceceF, transparent 60%), #eef3f9;
    min-height: 100vh;
    padding: 32px 16px;
}
.login-box, .register-box { width: 420px; max-width: 100%; }
.login-logo, .register-logo { font-size: 1.65rem; color: var(--auction-ink); }
.login-logo img { display: block; margin: 0 auto 16px; }
.login-box .login-card-body, .register-box .register-card-body { padding: 32px; border-radius: 12px; }
.login-box .login-box-msg { color: var(--auction-muted); padding: 0 0 24px; }
.login-box #login-form .col-4 { flex: 0 0 100%; max-width: 100%; }
.login-box #captchaNumber { font-weight: 700; letter-spacing: .15em; font-variant-numeric: tabular-nums; }
.login-box #login-form .row > .col-4:first-child { margin-bottom: 8px; }
.login-box #login-form { margin-bottom: 20px; }

@media (max-width: 1199px) {
    .auction-public .navmenu a { white-space: normal; overflow-wrap: anywhere; }
    .auction-public .navmenu .header-login { margin: 8px 20px; justify-content: center; }
}
@media (max-width: 767.98px) {
    .auction-public .header .logo { min-width: 0; }
    .auction-public .header .logo img { width: 80px; max-height: 34px; }
    .auction-public .header .branding { min-height: 52px; padding: 6px 0; }
    .auction-public .header .header-clock { margin-left: 10px; padding-left: 10px; }
    .auction-public .header .header-clock-label { font-size: 9px; }
    .auction-public .header #clock { margin: 0; font-size: 13px; }
    .auction-public .header .topbar .contact-info { flex-wrap: wrap; justify-content: center; gap: 4px 12px; }
    .auction-public .header .topbar .contact-info .ms-4 { margin-left: 0 !important; }
    .auction-public .header .topbar { height: auto; min-height: 40px; padding: 6px 0; }
    .auction-public .main { padding-top: 92px; }
    .auction-public .auction-listing { padding: 12px 0 24px; }
    .auction-listing .auction-page-heading { gap: 4px 12px; margin-bottom: 12px; }
    .auction-list-panel { padding: 16px; }
    .auction-filters .form-group { margin-bottom: 16px !important; }
    .auction-ui .table th, .auction-ui .table td { padding: .75rem; }
    .auction-ui .modal-dialog { margin: .75rem; }
    .auction-ui .modal-body { max-height: 72vh; overflow-y: auto; }
    .auction-admin .content-header { padding: 12px 4px; }
    .auction-admin .content { padding: 0 4px 16px; }
    .auction-ui .card-body { padding: 16px; }
    .login-box .login-card-body, .register-box .register-card-body { padding: 24px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .auction-ui { scroll-behavior: auto; }
    .auction-ui .btn, .auction-ui .header { transition: none; }
}

/* Public catalogue and detail typography; does not affect bidding or admin tables. */
.auction-listing, .auction-details { font-size: 16px; line-height: 1.6; }
.auction-listing .auction-page-heading h2,
.auction-details .auction-page-heading h1 { font-size: 28px; line-height: 1.3; font-weight: 500; margin: 0 0 8px; }
.auction-listing .auction-filters label { font-size: 14px; }
.auction-listing #users_list { table-layout: fixed; min-width: 0; width: 100% !important; }
.auction-listing .auction-list-panel { min-width: 0; max-width: 100%; }
.auction-listing .auction-list-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    max-height: none;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    scrollbar-color: #71869c #edf2f7;
    padding-bottom: 8px;
}
.auction-list-scroll:focus-visible { outline: 2px solid var(--auction-teal); outline-offset: 4px; }
.auction-list-scroll::-webkit-scrollbar { width: 12px; height: 12px; }
.auction-list-scroll::-webkit-scrollbar-track { background: #edf2f7; border-radius: 6px; }
.auction-list-scroll::-webkit-scrollbar-thumb { background: #71869c; border: 2px solid #edf2f7; border-radius: 6px; }
.auction-listing .auction-list-scroll #users_list thead th { position: static; }
.auction-listing #users_list th { font-size: 14px; line-height: 1.45; white-space: normal; text-align: left; vertical-align: bottom; }
.auction-listing #users_list td { font-size: 15px; line-height: 1.65; text-align: left; vertical-align: top; padding: 20px 14px; overflow-wrap: anywhere; }
.auction-listing #users_list th:nth-child(1) { width: 6% !important; }
.auction-listing #users_list th:nth-child(2) { width: 19% !important; }
.auction-listing #users_list td:nth-child(2) { font-weight: 500; color: #213a56; }
.auction-listing #users_list th:nth-child(3),
.auction-listing #users_list th:nth-child(4) { width: 10% !important; }
.auction-listing #users_list th:nth-child(5),
.auction-listing #users_list th:nth-child(6) { width: 11% !important; }
.auction-listing #users_list th:nth-child(7),
.auction-listing #users_list th:nth-child(8) { width: 11% !important; }
.auction-listing #users_list td:nth-child(7),
.auction-listing #users_list td:nth-child(8),
.auction-listing #users_list th:nth-child(7),
.auction-listing #users_list th:nth-child(8) { text-align: right; font-variant-numeric: tabular-nums; }
.auction-listing #users_list th:nth-child(9) { width: 11% !important; }
.auction-listing #users_list th,
.auction-listing #users_list td { box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
.auction-listing #users_list th:last-child,
.auction-listing #users_list td:last-child {
    position: static;
    background: #fff;
    box-shadow: none;
    text-align: center;
    overflow-wrap: anywhere;
}
.auction-listing .auction-list-scroll #users_list thead th:last-child { z-index: 3; background: #edf2f7; }
.auction-listing #users_list .btn { font-size: 14px; min-height: 40px; }
.auction-listing #users_list .btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 8px 6px; }
.auction-listing #users_list thead th { white-space: normal; overflow-wrap: anywhere; }
.auction-details { background: #f4f7fb; padding: 14px 0 16px; }
.auction-details > .container > .auction-detail-card:last-child { margin-bottom: 0; }
.auction-detail-card { background: #fff; border: 1px solid #e1e7ee; border-radius: 12px; padding: 26px; margin-bottom: 24px; color: var(--auction-ink); }
.auction-details .auction-detail-card h2 { font-size: 20px; font-weight: 500; margin: 0 0 22px; padding-bottom: 16px; border-bottom: 1px solid #e8edf2; }
.auction-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 40px; margin: 0; }
.auction-detail-field { min-width: 0; }
.auction-detail-field dt { font-size: 14px; line-height: 1.5; color: #596b7e; font-weight: 400; margin-bottom: 6px; }
.auction-detail-field dd { font-size: 16px; line-height: 1.65; font-weight: 500; margin: 0; overflow-wrap: anywhere; }
.auction-detail-field dd[data-auction-format] { font-variant-numeric: tabular-nums; }
.auction-detail-wide { grid-column: 1 / -1; }
.auction-detail-wide dd { font-weight: 400; white-space: pre-line; }
.auction-details .auction-document-table { margin: 0; font-size: 15px; }
.auction-document-table td:first-child { overflow-wrap: anywhere; }
.auction-document-link { display: inline-flex; gap: 8px; align-items: center; padding: 8px 0; white-space: nowrap; font-weight: 500; }
@media (max-width: 767.98px) {
    .auction-listing .auction-page-heading h2,
    .auction-details .auction-page-heading h1 { font-size: 24px; }
    .auction-details { padding: 12px 0 16px; }
    .auction-detail-card { padding: 20px; margin-bottom: 16px; }
    .auction-detail-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .auction-details .auction-detail-card h2 { font-size: 18px; }
    .auction-listing #users_list td { font-size: 15px; }
    .auction-listing #users_list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .auction-listing #users_list tbody { display: block; width: 100%; }
    .auction-listing #users_list tbody tr { display: block; border: 1px solid var(--auction-line); border-radius: 8px; margin-bottom: 16px; }
    .auction-listing #users_list tbody td { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); gap: 12px; width: 100%; text-align: left; padding: 12px; }
    .auction-listing #users_list tbody td::before { font-size: 13px; font-weight: 500; color: var(--auction-muted); }
    .auction-listing #users_list td:nth-child(1)::before { content: 'Auction ID'; }
    .auction-listing #users_list td:nth-child(2)::before { content: 'Corporate debtor'; }
    .auction-listing #users_list td:nth-child(3)::before { content: 'Auctioneer'; }
    .auction-listing #users_list td:nth-child(4)::before { content: 'Auction title'; }
    .auction-listing #users_list td:nth-child(5)::before { content: 'Auction starts'; }
    .auction-listing #users_list td:nth-child(6)::before { content: 'Auction ends'; }
    .auction-listing #users_list td:nth-child(7)::before { content: 'Reserve price'; }
    .auction-listing #users_list td:nth-child(8)::before { content: 'EMD amount'; }
    .auction-listing #users_list td:nth-child(9)::before { content: 'Action'; }
    .auction-listing #users_list td:last-child .btn { grid-column: 2; justify-self: start; }
    .auction-listing #users_list td:last-child br { display: none; }
    .auction-listing #users_list td.dataTables_empty { display: block; }
    .auction-listing #users_list td.dataTables_empty::before { content: none; }
}