/**
 * Frontend Verification Center — Listing Portal styling.
 */

.diyarlist-listing-portal-context .dl-vc-wrap,
.dl-vc-wrap {
    --dl-vc-card-bg: var(--diyarlist-card-bg-solid, #fff);
    --dl-vc-border: var(--diyarlist-border-soft, #e8ddd4);
    --dl-vc-radius: var(--diyarlist-radius-card, 16px);
    --dl-vc-shadow: var(--diyarlist-card-shadow, 0 6px 24px rgba(31, 41, 51, 0.07));
    --dl-vc-muted: var(--dl-muted, #64748b);
    --dl-vc-text: var(--dl-text, #1f2933);
    max-width: var(--dl-portal-max-wide, 1240px);
    margin: 0 auto;
}

.dl-vc-page-header {
    margin-bottom: 1.5rem;
}

.dl-vc-title {
    margin: 0 0 0.35rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dl-text, #1f2933);
}

.dl-vc-subtitle {
    margin: 0;
    color: var(--dl-muted, #64748b);
}

.dl-vc-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 1.25rem;
}

/* Tab items migrated to the kit (.dl-ui-tab — identical look). The .dl-vc-tabs
   container stays (VC keeps margin-bottom + no underline, unlike .dl-ui-tabs). */

.dl-vc-overview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.dl-vc-overview-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 1.25rem 1.35rem;
    text-decoration: none;
    color: inherit;
    transition: transform var(--diyarlist-transition, 0.2s ease), box-shadow var(--diyarlist-transition, 0.2s ease);
}

.dl-vc-overview-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--diyarlist-card-shadow-lg, 0 12px 40px rgba(31, 41, 51, 0.08));
}

/* The kit-based document-expiry card (.dl-ui-card--stat) carries the same 20px
   bottom margin the .dl-vc-overview-card cards have, so it sits identically in
   the overview grid. Scoped to this grid only — the kit stat card elsewhere
   (e.g. the UI Kit reference page) is unaffected. */
.dl-vc-overview-grid .dl-ui-card--stat {
    margin-bottom: 1.25rem;
}

.dl-vc-overview-count {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: var(--diyarlist-primary, #ff7900);
}

.dl-vc-overview-label {
    font-size: 0.9rem;
    color: var(--dl-muted, #64748b);
}

.dl-vc-queue-card,
.dl-vc-detail-card {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    --dl-vc-detail-label-col: 13rem;
    --dl-vc-detail-value-col: minmax(0, 1fr);
    --dl-vc-detail-gap: 1rem;
}

.dl-vc-queue-title {
    margin: 0 0 1rem;
    font-size: 1.2rem;
}

.dl-vc-table-wrap {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.dl-vc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.dl-vc-table th,
.dl-vc-table td {
    padding: 0.75rem 0.65rem;
    border-bottom: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    text-align: left;
    vertical-align: top;
}

.dl-vc-table th {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--dl-muted, #64748b);
    font-weight: 600;
}

.dl-vc-muted {
    color: var(--dl-muted, #64748b);
    font-size: 0.85rem;
}

.dl-vc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--diyarlist-button-height, 44px);
    padding: 0 1.15rem;
    border-radius: var(--diyarlist-radius-button, 999px);
    border: none;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: none;
    transition: background var(--diyarlist-transition, 0.2s ease), box-shadow var(--diyarlist-transition, 0.2s ease);
}

.dl-vc-btn--primary {
    background: var(--diyarlist-primary, #ff7900);
    color: #fff;
    box-shadow: var(--diyarlist-btn-shadow, 0 4px 16px rgba(255, 121, 0, 0.35));
}

.dl-vc-btn--primary:hover {
    background: var(--diyarlist-primary-hover, #e56a00);
}

/* Houzez ships a high-specificity, INLINE a{color:#e4192b} (0,4,0) rule that bleeds
   its link red into VC button anchors (ghost/secondary anchors render red text).
   Pin each variant's text colour across link states. !important is required to beat
   the theme's inline rule; scoped strictly to a.dl-vc-btn. Mirrors the kit's
   a.dl-ui-btn hardening. Table-action buttons keep their own higher-specificity
   !important hover (orange), so this never overrides them. */
a.dl-vc-btn,
a.dl-vc-btn:link,
a.dl-vc-btn:visited,
a.dl-vc-btn:hover,
a.dl-vc-btn:focus,
a.dl-vc-btn:active {
    color: var(--dl-text, #1f2933) !important;
    text-decoration: none !important;
}

a.dl-vc-btn--primary,
a.dl-vc-btn--primary:link,
a.dl-vc-btn--primary:visited,
a.dl-vc-btn--primary:hover,
a.dl-vc-btn--primary:focus,
a.dl-vc-btn--primary:active,
a.dl-vc-btn--danger,
a.dl-vc-btn--danger:link,
a.dl-vc-btn--danger:visited,
a.dl-vc-btn--danger:hover,
a.dl-vc-btn--danger:focus,
a.dl-vc-btn--danger:active {
    color: #fff !important;
}

.dl-vc-btn--ghost {
    background: var(--diyarlist-card-bg-solid, #fff);
    color: var(--dl-text, #1f2933);
    border: 1px solid var(--diyarlist-border-soft, #e8ddd4);
}

/* Actions column is always on <td class="dl-vc-actions"> — do not flex the cell (breaks row borders). */
.dl-vc-table td.dl-vc-actions,
td.dl-vc-actions {
    vertical-align: middle;
}

/* Detail/review — direct parent grid; label/value are immediate grid children */
.dl-vc-detail-card .dl-vc-detail-grid {
    display: grid;
    grid-template-columns: var(--dl-vc-detail-label-col) var(--dl-vc-detail-value-col);
    column-gap: var(--dl-vc-detail-gap);
    row-gap: 0;
    width: 100%;
    margin: 1rem 0;
    align-items: start;
}

.dl-vc-detail-card .dl-vc-detail-label {
    margin: 0;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--dl-vc-border, var(--diyarlist-border-soft, #e8ddd4));
    color: var(--dl-vc-muted, var(--dl-muted, #64748b));
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
}

.dl-vc-detail-card .dl-vc-detail-value {
    margin: 0;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--dl-vc-border, var(--diyarlist-border-soft, #e8ddd4));
    min-width: 0;
    color: var(--dl-vc-text, var(--dl-text, #1f2933));
    font-size: 0.875rem;
    line-height: 1.45;
    word-break: break-word;
}

.dl-vc-detail-card .dl-vc-detail-grid > .dl-vc-detail-label:nth-last-child(2),
.dl-vc-detail-card .dl-vc-detail-grid > .dl-vc-detail-value:last-child {
    border-bottom: none;
}

.dl-vc-detail-card .dl-vc-detail-value .dl-private-doc-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.dl-vc-detail-card .dl-vc-detail-grid .dl-vc-btn {
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.8125rem;
}

.dl-vc-detail-card .dl-vc-section-title {
    margin: 1.25rem 0 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--dl-vc-text, var(--dl-text, #1f2933));
}

.dl-vc-detail-card > .dl-vc-section-title:first-of-type {
    margin-top: 0.35rem;
}

.dl-vc-detail-card .dl-vc-detail-grid--docs {
    margin-top: 0.25rem;
}

.dl-vc-detail-card .dl-vc-detail-grid--docs .dl-vc-detail-value {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

.dl-vc-detail-card .dl-vc-request-changes-panel {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--dl-vc-border, var(--diyarlist-border-soft, #e8ddd4));
}

.dl-vc-detail-card .dl-vc-request-changes-panel .dl-vc-section-title {
    margin-top: 0;
}

.dl-vc-detail-card .dl-vc-request-changes-panel .dl-vc-detail-grid {
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.dl-vc-detail-card .dl-vc-action-bar {
    margin-top: 1.25rem;
}

/* Agent listing-limit legacy table inside detail card */
.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table {
    width: 100%;
    margin: 1rem 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table th {
    width: var(--dl-vc-detail-label-col);
    padding: 0.6rem 1rem 0.6rem 0;
    border-bottom: 1px solid var(--dl-vc-border, var(--diyarlist-border-soft, #e8ddd4));
    color: var(--dl-vc-muted, var(--dl-muted, #64748b));
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    vertical-align: top;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table td {
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--dl-vc-border, var(--diyarlist-border-soft, #e8ddd4));
    color: var(--dl-vc-text, var(--dl-text, #1f2933));
    font-size: 0.875rem;
    line-height: 1.45;
    word-break: break-word;
    vertical-align: top;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table tr:last-child th,
.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table tr:last-child td {
    border-bottom: none;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table td .dl-private-doc-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table td .dl-vc-btn {
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.8125rem;
}

.dl-vc-detail-card .dl-vc-request-changes-panel .dl-vc-detail-table-wrap {
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.dl-vc-entity-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

/* Archived/inactive tab. Pre-migration its font/bg/border declarations were
   already overridden by the later .dl-vc-subtab base rule (equal specificity),
   so it rendered as a normal pill — flex-shrink:0 (to resist compression in the
   horizontally-scrolling entity-filter bar) was its only live property. Keep
   exactly that; base look + active orange now come from the kit. */
.dl-vc-subtab--secondary {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .dl-vc-entity-filters {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}

.dl-vc-photo {
    border-radius: var(--diyarlist-radius, 10px);
    margin-bottom: 1rem;
    border: 1px solid var(--diyarlist-border-soft, #e8ddd4);
}

.dl-vc-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--diyarlist-border-soft, #e8ddd4);
}

.dl-vc-action-bar--stacked,
.dl-vc-action-bar--lifecycle {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}

.dl-vc-action-bar--stacked .dl-vc-inline-form,
.dl-vc-action-bar--lifecycle .dl-vc-inline-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
    width: 100%;
    margin: 0;
    padding: 1rem 1.1rem;
    border: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    border-radius: var(--diyarlist-radius-card, 12px);
    background: var(--diyarlist-card-bg-solid, #fff);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.dl-vc-action-bar--stacked .dl-vc-note-label,
.dl-vc-action-bar--lifecycle .dl-vc-note-label {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    margin: 0;
}

.dl-vc-action-bar--stacked .dl-vc-note-label span,
.dl-vc-action-bar--lifecycle .dl-vc-note-label span {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--diyarlist-muted, #64748b);
}

.dl-vc-action-bar--stacked .dl-vc-note-label textarea,
.dl-vc-action-bar--lifecycle .dl-vc-note-label textarea {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.dl-vc-action-bar--stacked .dl-vc-inline-form .dl-vc-btn,
.dl-vc-action-bar--lifecycle .dl-vc-inline-form .dl-vc-btn {
    justify-self: end;
    min-height: 42px;
}

.dl-vc-lifecycle-guide {
    margin-top: 1.25rem;
    padding: 1rem 1.1rem;
}

.dl-vc-lifecycle-guide__list {
    margin: 0.5rem 0 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.45;
}

.dl-vc-review-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--diyarlist-border-soft, #e8ddd4);
}

.dl-vc-review-actions .dl-vc-inline-form {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    margin: 0;
}

.dl-vc-review-actions .dl-vc-btn {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dl-vc-dld-status-badge {
    margin: 0.75rem 0 0;
}

.dl-vc-btn--danger {
    background: #b91c1c;
    border: 1px solid #991b1b;
    color: #fff;
}

.dl-vc-btn--danger:hover {
    background: #991b1b;
    color: #fff;
}

.dl-vc-inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-end;
}

.dl-vc-note-label textarea {
    min-width: 220px;
    border-radius: var(--diyarlist-radius, 10px);
    border: var(--diyarlist-input-border, 1.5px) solid var(--diyarlist-border-soft, #e8ddd4);
    padding: 0.5rem 0.65rem;
}

.dl-vc-flash {
    padding: 0.85rem 1rem;
    border-radius: var(--diyarlist-radius, 10px);
    margin-bottom: 1rem;
}

.dl-vc-flash--success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.dl-vc-flash--error,
.dl-vc-flash--warning {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
}

.dl-vc-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.dl-vc-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0 0.5rem;
    border-radius: 8px;
    border: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    text-decoration: none;
    color: var(--dl-text, #1f2933);
    font-weight: 600;
}

.dl-vc-page.is-current {
    background: var(--diyarlist-primary-light, #fff0e3);
    border-color: var(--diyarlist-primary, #ff7900);
    color: var(--diyarlist-primary, #ff7900);
}

.dl-vc-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.dl-vc-pill {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    background: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dl-text, #1f2933);
}

.dl-vc-pill.is-active {
    background: var(--diyarlist-primary-light, #fff0e3);
    border-color: var(--diyarlist-primary, #ff7900);
    color: var(--diyarlist-primary, #ff7900);
}

.dl-vc-back {
    margin: 0 0 1rem;
}

.dl-vc-back a {
    color: var(--diyarlist-primary, #ff7900);
    text-decoration: none;
    font-weight: 600;
}

.dl-vc-empty,
.dl-vc-hint {
    color: var(--dl-muted, #64748b);
}

.dl-vc-alert {
    padding: 0.75rem 1rem;
    border-radius: var(--diyarlist-radius, 10px);
    background: #fff7ed;
    border: 1px solid #fed7aa;
    margin: 1rem 0;
}

.dl-vc-denied-card {
    padding: 2rem;
    text-align: center;
}

.dl-vc-section-title {
    margin: 1.25rem 0 0.75rem;
    font-size: 1.05rem;
}

.dl-vc-checklist {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
}

.dl-vc-checklist__item {
    padding: 0.35rem 0;
}

.dl-vc-detail-card .dl-vc-checklist__item {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    column-gap: 0.65rem;
    align-items: start;
    padding: 0.4rem 0;
    line-height: 1.4;
    font-size: 0.875rem;
}

.dl-vc-detail-card .dl-vc-checklist__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    font-weight: 700;
}

.dl-vc-checklist__item.is-complete {
    color: #065f46;
}

.dl-vc-checklist__item.is-missing {
    color: #9a3412;
}

.dl-vc-input {
    width: 100%;
    max-width: 480px;
    min-height: var(--diyarlist-button-height, 44px);
    padding: 0.5rem 0.85rem;
    border-radius: var(--diyarlist-radius, 10px);
    border: var(--diyarlist-input-border, 1.5px) solid var(--diyarlist-border-soft, #e8ddd4);
}

.dl-vc-field {
    margin-bottom: 1rem;
}

.dl-vc-btn--subtle {
    font-size: 0.8rem;
    opacity: 0.85;
}

.dl-vc-match-list {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
}

.dl-vc-dup-line {
    display: block;
    font-size: 0.85rem;
}

.diyarlist-agency-dashboard .dl-vc-btn,
.dl-agent-create-account .dl-vc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--diyarlist-button-height, 44px);
    padding: 0 1.15rem;
    border-radius: var(--diyarlist-radius-button, 999px);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.diyarlist-agency-dashboard .dl-vc-btn--primary,
.dl-agent-create-account .dl-vc-btn--primary {
    background: var(--diyarlist-primary, #ff7900);
    color: #fff;
    box-shadow: var(--diyarlist-btn-shadow, 0 4px 16px rgba(255, 121, 0, 0.35));
}

.diyarlist-agency-dashboard .dl-vc-btn--ghost,
.dl-agent-create-account .dl-vc-btn--ghost {
    background: #fff;
    color: var(--dl-text, #1f2933);
    border: 1px solid var(--diyarlist-border-soft, #e8ddd4);
}

.dl-vc-subtabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 1.25rem;
    padding-bottom: 0;
    border-bottom: none;
}

/* Subtab items migrated to the kit (.dl-ui-subtab — identical: inactive base
   matches, active = solid orange via .dl-ui-subtab.is-active, same as the
   .dl-vc-wrap .dl-vc-subtab.is-active rule that rendered them orange before).
   The .dl-vc-subtabs containers + the --secondary/--issue variants stay. */

.dl-vc-listing-state-tabs {
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.dl-vc-issue-filters {
    margin: 0 0 1.25rem;
    padding: 0.75rem 0 0;
}

.dl-vc-issue-filters__label {
    color: var(--dl-muted, #64748b);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
}

.dl-vc-issue-filters__tabs {
    border-bottom: 0;
    gap: 0.4rem;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* --issue active dropped — now takes the kit's solid-orange .dl-ui-subtab.is-active
   (identical to the .dl-vc-wrap orange that rendered it before). --issue has no
   other styling, so it remains only as a harmless semantic token. */

.dl-vc-listing-editor .dl-vc-editor-tabs,
.dl-vc-editor-tabs--full {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0 1.25rem;
    border-bottom: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    padding-bottom: 0.5rem;
}

.dl-vc-editor-tab {
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    background: transparent;
    color: var(--dl-muted, #64748b);
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.875rem;
}

.dl-vc-editor-tabs--full {
    gap: 0.35rem;
}

.dl-vc-editor-tab.is-active {
    background: var(--diyarlist-orange, #ff7900);
    color: #fff;
    border-color: var(--diyarlist-orange, #ff7900);
}

.dl-vc-editor-panel[hidden] {
    display: none !important;
}

.dl-vc-houzez-edit-wrap {
    margin-top: 0.5rem;
}

.dl-vc-houzez-edit-wrap .dashboard-content-inner,
.dl-vc-houzez-edit-wrap .submit-property-form {
    max-width: 100%;
}

.dl-vc-compliance-row {
    margin: 0.75rem 0 1rem;
}

.dl-vc-next-action-row {
    margin: 0 0 1rem;
}

.dl-vc-table .dl-op-compliance-badges {
    max-width: 280px;
}

.dl-vc-dup-line {
    margin-top: 0.35rem;
    font-size: 0.8rem;
}

.dl-vc-form-footer {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dl-vc-property-panel {
    padding: 0.25rem 0;
}

.dl-vc-houzez-edit-wrap .btn-success,
.dl-vc-houzez-edit-wrap .houzez-submit-js {
    background: var(--diyarlist-orange, #ff7900) !important;
    border-color: var(--diyarlist-orange, #ff7900) !important;
}

.dl-vc-dev-only {
    margin-top: 1rem;
    font-size: 0.8rem;
    opacity: 0.75;
}

.dl-vc-alert--warn {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

.dl-vc-alert--success {
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}

.dl-vc-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.dl-vc-form-card--wide {
    grid-column: 1 / -1;
}

.dl-vc-card-heading {
    margin: 0 0 1rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.dl-vc-doc-card__title {
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.dl-vc-doc-card__status {
    margin: 0 0 0.75rem;
}

.dl-vc-doc-upload {
    margin-top: 0.75rem;
}

.dl-vc-audit-list {
    display: grid;
    grid-template-columns: minmax(120px, 38%) 1fr;
    gap: 0.35rem 0.75rem;
    margin: 0;
}

.dl-vc-audit-list dt {
    font-weight: 600;
    margin: 0;
}

.dl-vc-audit-list dd {
    margin: 0;
}

.dl-vc-photo {
    border-radius: var(--diyarlist-radius-card, 12px);
    max-width: 220px;
    height: auto;
    box-shadow: var(--diyarlist-card-shadow, 0 6px 24px rgba(31, 41, 51, 0.07));
}

.dl-vc-overview-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

/* Search card — table-card header alignment (Agencies/Agents queues) */
.dl-vc-wrap .dl-vc-search-card {
    background: var(--dl-vc-card-bg);
    border: 1px solid var(--dl-vc-border);
    border-radius: var(--dl-vc-radius);
    box-shadow: var(--dl-vc-shadow);
    margin-bottom: 1rem;
    overflow: visible;
}

.dl-vc-wrap .dl-vc-search-card + .dl-vc-list-card {
    margin-top: 0;
}

.dl-vc-wrap .dl-vc-search-card .dl-search-card__header {
    padding: 1rem 1.15rem 0;
}

.dl-vc-wrap .dl-vc-search-card .dl-search-card__form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: stretch;
    padding: 0.85rem 1.15rem 1rem;
}

.dl-vc-wrap .dl-vc-search-card .dl-search-card__field {
    flex: 1 1 240px;
    min-width: 0;
}

.dl-vc-wrap .dl-vc-search-card .dl-search-card__input {
    width: 100%;
    min-height: 2.25rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--dl-vc-border);
    border-radius: 10px;
    font-size: 0.875rem;
    background: var(--dl-vc-card-bg);
    color: var(--dl-vc-text);
}

.dl-vc-wrap .dl-vc-search-card .dl-search-card__input:focus {
    outline: none;
    border-color: rgba(255, 121, 0, 0.45);
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.12);
}

.dl-vc-wrap .dl-vc-search-card .dl-vc-btn {
    min-height: 2.25rem;
    padding: 0.45rem 0.95rem;
    border-radius: 10px;
}

/* Grid list card — Agencies/Agents queues (Batch 3A) */
.dl-vc-list-card {
    background: var(--dl-vc-card-bg);
    border: 1px solid var(--dl-vc-border);
    border-radius: var(--dl-vc-radius);
    box-shadow: var(--dl-vc-shadow);
    overflow: visible;
    margin-bottom: 1.5rem;
}

.dl-vc-list-card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--dl-vc-border);
    border-radius: var(--dl-vc-radius) var(--dl-vc-radius) 0 0;
    background: rgba(15, 23, 42, 0.02);
}

.dl-vc-list-card-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--dl-vc-text);
}

.dl-vc-list-card-count {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--dl-vc-text);
    background: rgba(15, 23, 42, 0.08);
}

.dl-vc-list-wrap {
    overflow-x: auto;
    overflow-y: visible;
}

.dl-vc-list {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--dl-vc-text);
}

.dl-vc-list--agencies {
    --dl-vc-entity-grid-gap: 0.75rem;
    --dl-vc-entity-grid-pad-x: 1.15rem;
}

.dl-vc-list--agencies-pending {
    --dl-vc-entity-grid-cols:
        minmax(11rem, 1.25fr)
        minmax(4.5rem, 0.45fr)
        minmax(10rem, 1.05fr)
        minmax(6rem, 0.55fr)
        minmax(8rem, 0.7fr)
        minmax(5.5rem, 0.45fr)
        6.5rem;
}

.dl-vc-list--agencies-summary {
    --dl-vc-entity-grid-cols:
        minmax(11rem, 1.25fr)
        minmax(6.5rem, 0.55fr)
        minmax(10rem, 1.05fr)
        minmax(5.5rem, 0.45fr)
        minmax(6.5rem, 0.55fr)
        minmax(4rem, 0.35fr)
        9.5rem;
}

.dl-vc-list--agencies-pending .dl-vc-list-head,
.dl-vc-list--agencies-pending .dl-vc-list-row,
.dl-vc-list--agencies-summary .dl-vc-list-head,
.dl-vc-list--agencies-summary .dl-vc-list-row {
    grid-template-columns: var(--dl-vc-entity-grid-cols);
    column-gap: var(--dl-vc-entity-grid-gap);
    padding-left: var(--dl-vc-entity-grid-pad-x);
    padding-right: var(--dl-vc-entity-grid-pad-x);
    box-sizing: border-box;
    align-items: center;
}

.dl-vc-list--agents {
    --dl-vc-entity-grid-gap: 0.75rem;
    --dl-vc-entity-grid-pad-x: 1.15rem;
}

.dl-vc-list--agents-pending,
.dl-vc-list--agents-summary {
    --dl-vc-entity-grid-cols:
        minmax(11rem, 1.2fr)
        minmax(6.5rem, 0.5fr)
        minmax(9rem, 0.95fr)
        minmax(8rem, 0.7fr)
        minmax(5.5rem, 0.45fr)
        minmax(5.5rem, 0.45fr)
        10rem;
}

.dl-vc-list--agents-pending .dl-vc-list-head,
.dl-vc-list--agents-pending .dl-vc-list-row,
.dl-vc-list--agents-summary .dl-vc-list-head,
.dl-vc-list--agents-summary .dl-vc-list-row {
    grid-template-columns: var(--dl-vc-entity-grid-cols);
    column-gap: var(--dl-vc-entity-grid-gap);
    padding-left: var(--dl-vc-entity-grid-pad-x);
    padding-right: var(--dl-vc-entity-grid-pad-x);
    box-sizing: border-box;
    align-items: center;
}

/* Listings + issue queues grid (Batch 3B) */
.dl-vc-list--listings {
    --dl-vc-listings-grid-cols:
        minmax(6.5rem, 0.45fr)
        minmax(15rem, 1.6fr)
        minmax(13rem, 1.2fr)
        minmax(7rem, 0.6fr)
        minmax(13rem, 1.1fr)
        minmax(8rem, 0.7fr)
        minmax(5.25rem, 6rem);
    --dl-vc-listings-grid-gap: 0.75rem;
    --dl-vc-listings-grid-pad-x: 1.15rem;
}

.dl-vc-list--listings .dl-vc-list-head,
.dl-vc-list--listings .dl-vc-list-row {
    grid-template-columns: var(--dl-vc-listings-grid-cols);
    column-gap: var(--dl-vc-listings-grid-gap);
    padding-left: var(--dl-vc-listings-grid-pad-x);
    padding-right: var(--dl-vc-listings-grid-pad-x);
    box-sizing: border-box;
    align-items: center;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--listings .dl-vc-list-row > .dl-vc-list-cell {
    padding: 0;
    box-sizing: border-box;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--id,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--property,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--party,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--compliance,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--id,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--property,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--party,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--compliance {
    justify-self: start;
    text-align: left;
}

.dl-vc-list--listings .dl-vc-list-cell--id {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--dl-vc-muted);
    /* The cell holds "#ID" + "Ref: PLT-…" + must never overflow into the
       Property column: stack the pieces as lines and allow wrapping inside
       the grid track (the old white-space:nowrap overprinted neighbors). */
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    align-items: flex-start;
    min-width: 0;
    white-space: normal;
    word-break: break-word;
}

.dl-vc-list--listings .dl-vc-list-cell--id .dl-vc-muted {
    display: block;
    font-weight: 400;
    font-size: 0.75rem;
}

.dl-vc-list--listings .dl-vc-list-cell--property,
.dl-vc-list--listings .dl-vc-list-cell--party {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-self: start;
    text-align: left;
    word-break: break-word;
}

.dl-vc-list--listings .dl-vc-list-cell--property strong {
    line-height: 1.35;
}

.dl-vc-list--listings .dl-vc-list-cell--status,
.dl-vc-list--listings .dl-vc-list-cell--next,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--next {
    justify-self: center;
    text-align: center;
    align-self: center;
}

.dl-vc-list--listings .dl-vc-list-cell--compliance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-width: 0;
}

.dl-vc-list--listings .dl-vc-list-cell--compliance .dl-op-compliance-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.35rem;
    max-width: 100%;
}

.dl-vc-list--listings .dl-vc-list-cell--compliance .dlv-badge {
    max-width: 100%;
    white-space: normal;
    text-align: left;
}

.dl-vc-list--listings .dl-vc-dup-line {
    margin-top: 0;
    font-size: 0.78rem;
    line-height: 1.35;
    word-break: break-word;
}

.dl-vc-list--listings .dl-vc-list-cell--next .dl-vc-next-action {
    white-space: normal;
    text-align: center;
}

.dl-vc-list--listings .dl-vc-list-cell--compliance .dl-vc-final-offline-badge {
    align-self: flex-start;
    flex-shrink: 0;
    border-radius: 999px;
    font-size: 0.72rem;
    line-height: 1.25;
    white-space: nowrap;
}

.dl-vc-list--listings .dl-vc-list-cell--compliance .dl-vc-final-offline-badge--withdrawn,
.dl-vc-list--listings .dl-vc-list-cell--compliance .dl-vc-final-offline-badge--sold,
.dl-vc-list--listings .dl-vc-list-cell--compliance .dl-vc-final-offline-badge--rented {
    color: var(--dl-vc-text);
}

.dl-vc-list--listings .dl-vc-list-cell--actions {
    align-self: center;
    justify-self: end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
    min-width: 0;
    max-width: 100%;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--actions {
    justify-self: end;
    text-align: right;
}

.dl-vc-list--listings .dl-vc-listing-action-details {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    max-width: 100%;
    flex-shrink: 0;
}

.dl-vc-list--listings .dl-vc-listing-action-details > summary {
    list-style: none;
    cursor: pointer;
}

.dl-vc-list--listings .dl-vc-listing-action-details > summary::-webkit-details-marker {
    display: none;
}

.dl-vc-list--listings .dl-vc-listing-action-summary.dl-vc-btn {
    width: auto;
    min-height: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1;
    border-radius: 8px;
    box-shadow: none;
    white-space: nowrap;
}

.dl-vc-list--listings .dl-vc-listing-action-menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.3rem;
    width: auto;
    min-width: 8.5rem;
    max-width: 100%;
    margin-top: 0.25rem;
    padding: 0.35rem;
    border: 1px solid var(--dl-vc-border);
    border-radius: 10px;
    background: var(--dl-vc-card-bg);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

.dl-vc-list--listings .dl-vc-listing-action-details:not([open]) .dl-vc-listing-action-menu {
    display: none;
}

.dl-vc-list--listings .dl-vc-listing-action-menu-item.dl-vc-btn {
    width: 100%;
    min-height: 1.75rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.2;
    justify-content: center;
    text-align: center;
    box-shadow: none;
}

.dl-vc-list-head,
.dl-vc-list-row {
    display: grid;
    align-items: center;
    column-gap: 0.75rem;
    padding: 0 1.15rem;
    min-height: 4rem;
}

.dl-vc-list-head {
    min-height: 2.75rem;
    background: rgba(15, 23, 42, 0.04);
    border-bottom: 1px solid var(--dl-vc-border);
}

.dl-vc-list-head .dl-vc-list-cell {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dl-vc-muted);
    white-space: nowrap;
}

.dl-vc-list-row {
    border-bottom: 1px solid var(--dl-vc-border);
    transition: background 0.15s ease;
}

.dl-vc-list-row:last-child {
    border-bottom: none;
}

.dl-vc-list-row:hover {
    background: rgba(255, 121, 0, 0.04);
}

.dl-vc-list-cell {
    min-width: 0;
    padding: 0.65rem 0;
}

.dl-vc-list-cell--agency,
.dl-vc-list-cell--agent,
.dl-vc-list-cell--contact,
.dl-vc-list-cell--agency-col {
    justify-self: start;
    text-align: left;
}

.dl-vc-list-cell--agency,
.dl-vc-list-cell--agent {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.dl-vc-list-cell--agency strong,
.dl-vc-list-cell--agent strong {
    line-height: 1.35;
}

.dl-vc-list-cell--contact,
.dl-vc-list-cell--agency-col {
    word-break: break-word;
}

.dl-vc-list-cell--contact {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.dl-vc-list-cell--orn,
.dl-vc-list-cell--submitted,
.dl-vc-list-cell--approved,
.dl-vc-list-cell--agents,
.dl-vc-list-cell--brn,
.dl-vc-list-cell--login,
.dl-vc-list-head .dl-vc-list-cell--orn,
.dl-vc-list-head .dl-vc-list-cell--submitted,
.dl-vc-list-head .dl-vc-list-cell--approved,
.dl-vc-list-head .dl-vc-list-cell--agents,
.dl-vc-list-head .dl-vc-list-cell--brn,
.dl-vc-list-head .dl-vc-list-cell--login {
    justify-self: center;
    text-align: center;
    white-space: nowrap;
}

.dl-vc-list-cell--status,
.dl-vc-list-cell--docs,
.dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list-head .dl-vc-list-cell--docs {
    justify-self: center;
    text-align: center;
}

.dl-vc-list-cell--docs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem 0.35rem;
}

.dl-vc-list-cell--actions,
.dl-vc-list-head .dl-vc-list-cell--actions {
    justify-self: end;
    text-align: right;
}

.dl-vc-list-cell--actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.dl-vc-list .dl-vc-btn,
.dl-vc-list-card .dl-vc-btn--ghost,
.dl-vc-list-card .dl-vc-btn--primary {
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 10px;
    font-size: 0.8125rem;
    line-height: 1.25;
    box-shadow: none;
}

.dl-vc-list .dl-vc-btn--ghost:hover,
.dl-vc-list .dl-vc-btn--ghost:focus-visible {
    background: rgba(255, 121, 0, 0.08);
    border-color: var(--dl-vc-border);
    color: var(--dl-vc-text);
}

.dl-vc-list-cell--actions .dl-vc-inline-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.dl-vc-list .dlv-badge {
    border-radius: 999px;
}

/* Agencies/Agents grid — re-lock head/row tracks after shared list rules */
.dl-vc-list--agencies-pending .dl-vc-list-head,
.dl-vc-list--agencies-pending .dl-vc-list-row,
.dl-vc-list--agencies-summary .dl-vc-list-head,
.dl-vc-list--agencies-summary .dl-vc-list-row,
.dl-vc-list--agents-pending .dl-vc-list-head,
.dl-vc-list--agents-pending .dl-vc-list-row,
.dl-vc-list--agents-summary .dl-vc-list-head,
.dl-vc-list--agents-summary .dl-vc-list-row {
    grid-template-columns: var(--dl-vc-entity-grid-cols);
    column-gap: var(--dl-vc-entity-grid-gap);
    padding-left: var(--dl-vc-entity-grid-pad-x);
    padding-right: var(--dl-vc-entity-grid-pad-x);
    box-sizing: border-box;
    align-items: center;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agencies-pending .dl-vc-list-row > .dl-vc-list-cell,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agencies-summary .dl-vc-list-row > .dl-vc-list-cell,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agents-pending .dl-vc-list-row > .dl-vc-list-cell,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agents-summary .dl-vc-list-row > .dl-vc-list-cell {
    padding: 0;
    box-sizing: border-box;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agencies-pending .dl-vc-list-row > .dl-vc-list-cell,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agencies-summary .dl-vc-list-row > .dl-vc-list-cell,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agents-pending .dl-vc-list-row > .dl-vc-list-cell,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--agents-summary .dl-vc-list-row > .dl-vc-list-cell {
    justify-self: stretch;
    align-self: center;
    width: 100%;
    min-width: 0;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--agency,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--agency,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--agency,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--agency,
.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--contact,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--contact,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--contact,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--contact,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--agent,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--agent,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--agent,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--agent,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--agency-col,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--agency-col,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--agency-col,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--agency-col,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--contact,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--contact,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--contact,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--contact {
    text-align: left;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--agency,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--agency,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--agency,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--agency,
.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--contact,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--contact,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--contact,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--contact,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--agent,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--agent,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--agent,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--agent {
    align-items: flex-start;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--orn,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--orn,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--orn,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--orn,
.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--submitted,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--submitted,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--approved,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--approved,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--agents,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--agents,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--brn,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--brn,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--brn,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--brn,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--login,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--login,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--login,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--login,
.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--docs,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--docs,
.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--status,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--status,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--docs,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--docs,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--status,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--status {
    text-align: center;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--docs,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--docs,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--docs,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--docs {
    justify-content: center;
}

.dl-vc-list--agencies-pending .dl-vc-list-head .dl-vc-list-cell--actions,
.dl-vc-list--agencies-pending .dl-vc-list-row .dl-vc-list-cell--actions,
.dl-vc-list--agencies-summary .dl-vc-list-head .dl-vc-list-cell--actions,
.dl-vc-list--agencies-summary .dl-vc-list-row .dl-vc-list-cell--actions,
.dl-vc-list--agents-pending .dl-vc-list-head .dl-vc-list-cell--actions,
.dl-vc-list--agents-pending .dl-vc-list-row .dl-vc-list-cell--actions,
.dl-vc-list--agents-summary .dl-vc-list-head .dl-vc-list-cell--actions,
.dl-vc-list--agents-summary .dl-vc-list-row .dl-vc-list-cell--actions {
    text-align: right;
}

.dl-vc-list--agencies-pending .dl-vc-list-cell--actions,
.dl-vc-list--agencies-summary .dl-vc-list-cell--actions,
.dl-vc-list--agents-pending .dl-vc-list-cell--actions,
.dl-vc-list--agents-summary .dl-vc-list-cell--actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem 0.5rem;
}

/* Listings grid — re-lock head/row tracks after shared list rules */
.dl-vc-list--listings .dl-vc-list-head,
.dl-vc-list--listings .dl-vc-list-row {
    grid-template-columns: var(--dl-vc-listings-grid-cols);
    column-gap: var(--dl-vc-listings-grid-gap);
    padding-left: var(--dl-vc-listings-grid-pad-x);
    padding-right: var(--dl-vc-listings-grid-pad-x);
    box-sizing: border-box;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell,
.dl-vc-list--listings .dl-vc-list-row > .dl-vc-list-cell {
    padding: 0;
    box-sizing: border-box;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--id,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--property,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--party,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--compliance,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--id,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--property,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--party,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--compliance {
    justify-self: start;
    text-align: left;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--status,
.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--next,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--status,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--next {
    justify-self: center;
    text-align: center;
    align-self: center;
}

.dl-vc-list--listings .dl-vc-list-head .dl-vc-list-cell--actions,
.dl-vc-list--listings .dl-vc-list-row .dl-vc-list-cell--actions {
    justify-self: end;
    text-align: right;
    align-self: center;
}

.dl-vc-list--listings .dl-vc-list-cell--actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.dl-vc-empty--inline {
    padding: 1rem 1.15rem 1.15rem;
    margin: 0;
}

.dl-vc-list-card .dl-vc-pagination {
    padding: 0.85rem 1.15rem 1rem;
    border-top: 1px solid var(--dl-vc-border);
}

/* Safari-safe Verification Center selects */
.dl-vc-wrap select.dl-vc-input,
.dl-vc-list-editor select.dl-vc-input {
    width: 100%;
    max-width: 28rem;
    min-height: 2.25rem;
    padding: 0.45rem 2rem 0.45rem 0.65rem;
    border: 1px solid var(--dl-vc-border);
    border-radius: 10px;
    font-size: 0.875rem;
    line-height: 1.35;
    font-family: inherit;
    color: var(--dl-vc-text);
    background-color: var(--dl-vc-card-bg);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem;
}

.dl-vc-wrap select.dl-vc-input:focus,
.dl-vc-list-editor select.dl-vc-input:focus {
    outline: none;
    border-color: rgba(255, 121, 0, 0.45);
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.12);
}

.dl-vc-wrap select.dl-vc-input:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Medium — 2-column labeled rows; header hidden */
@media (max-width: 1200px) {
    .dl-vc-list-head {
        display: none;
    }

    .dl-vc-list--agencies-pending .dl-vc-list-row,
    .dl-vc-list--agencies-summary .dl-vc-list-row,
    .dl-vc-list--agents-pending .dl-vc-list-row,
    .dl-vc-list--agents-summary .dl-vc-list-row,
    .dl-vc-list--listings .dl-vc-list-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .dl-vc-list-row {
        gap: 0.75rem 1.25rem;
        padding: 1rem 1.15rem;
        min-height: 0;
        align-items: start;
    }

    .dl-vc-list-cell {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.3rem;
        padding: 0;
        min-width: 0;
        justify-self: stretch;
        text-align: left;
        white-space: normal;
    }

    .dl-vc-list-cell::before {
        content: attr(data-label);
        font-size: 0.6875rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--dl-vc-muted);
    }

    .dl-vc-list-cell--agency,
    .dl-vc-list-cell--agent {
        display: flex;
        flex-direction: column;
    }

    .dl-vc-list-cell--status,
    .dl-vc-list-cell--docs,
    .dl-vc-list-cell--orn,
    .dl-vc-list-cell--submitted,
    .dl-vc-list-cell--approved,
    .dl-vc-list-cell--agents,
    .dl-vc-list-cell--brn,
    .dl-vc-list-cell--login,
    .dl-vc-list-cell--id,
    .dl-vc-list-cell--property,
    .dl-vc-list-cell--party,
    .dl-vc-list-cell--compliance,
    .dl-vc-list-cell--next,
    .dl-vc-list-cell--actions {
        justify-self: stretch;
        text-align: left;
        white-space: normal;
        align-self: stretch;
    }

    .dl-vc-list--listings .dl-vc-list-cell--compliance .dl-op-compliance-badges {
        justify-content: flex-start;
    }

    .dl-vc-list-cell--docs {
        justify-content: flex-start;
    }

    .dl-vc-list-cell--actions {
        align-items: flex-start;
    }
}

/* Small — stacked card rows with label/value pairs */
@media (max-width: 900px) {
    .dl-vc-list--agencies-pending .dl-vc-list-row,
    .dl-vc-list--agencies-summary .dl-vc-list-row,
    .dl-vc-list--agents-pending .dl-vc-list-row,
    .dl-vc-list--agents-summary .dl-vc-list-row,
    .dl-vc-list--listings .dl-vc-list-row {
        grid-template-columns: 1fr;
    }

    .dl-vc-list-row {
        gap: 0;
        min-height: 0;
        margin-bottom: 0.85rem;
        padding: 0.35rem 0;
        border: 1px solid var(--dl-vc-border);
        border-radius: 14px;
        background: var(--dl-vc-card-bg);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
        overflow: hidden;
    }

    .dl-vc-list-row:last-child {
        margin-bottom: 0;
        border-bottom: 1px solid var(--dl-vc-border);
    }

    .dl-vc-list-cell {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: 0.65rem 0.85rem;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
        text-align: right;
    }

    .dl-vc-list-cell:last-child {
        border-bottom: 0;
    }

    .dl-vc-list-cell::before {
        flex: 0 0 auto;
        max-width: 38%;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--dl-vc-muted);
        text-align: left;
    }

    .dl-vc-list-cell--agency,
    .dl-vc-list-cell--agent {
        display: grid;
        grid-template-columns: minmax(5rem, 38%) 1fr;
        gap: 1rem;
        align-items: start;
        text-align: left;
    }

    .dl-vc-list-cell--agency::before,
    .dl-vc-list-cell--agent::before {
        grid-column: 1;
        grid-row: 1;
        max-width: none;
    }

    .dl-vc-list-cell--agency strong,
    .dl-vc-list-cell--agent strong,
    .dl-vc-list-cell--agency .dl-vc-muted,
    .dl-vc-list-cell--agent .dl-vc-muted {
        grid-column: 2;
        text-align: left;
    }

    .dl-vc-list-cell--agency strong,
    .dl-vc-list-cell--agent strong {
        grid-row: 1;
    }

    .dl-vc-list-cell--agency .dl-vc-muted,
    .dl-vc-list-cell--agent .dl-vc-muted {
        grid-row: 2;
    }

    .dl-vc-list-cell--property,
    .dl-vc-list-cell--party {
        display: grid;
        grid-template-columns: minmax(5rem, 38%) 1fr;
        gap: 0.35rem 1rem;
        align-items: start;
        text-align: left;
    }

    .dl-vc-list-cell--property::before,
    .dl-vc-list-cell--party::before {
        grid-column: 1;
        grid-row: 1 / span 2;
        max-width: none;
        align-self: start;
    }

    .dl-vc-list-cell--property strong,
    .dl-vc-list-cell--property .dl-vc-muted,
    .dl-vc-list-cell--party .dl-vc-party-primary,
    .dl-vc-list-cell--party .dl-vc-muted {
        grid-column: 2;
        text-align: left;
    }

    .dl-vc-list-cell--property strong,
    .dl-vc-list-cell--party .dl-vc-party-primary {
        grid-row: 1;
    }

    .dl-vc-list-cell--property .dl-vc-muted,
    .dl-vc-list-cell--party .dl-vc-muted {
        grid-row: 2;
    }

    .dl-vc-list-cell--compliance {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .dl-vc-list-cell--compliance .dl-op-compliance-badges {
        justify-content: flex-start;
        width: 100%;
    }

    .dl-vc-list-cell--next {
        align-items: flex-start;
    }

    .dl-vc-list-cell--contact {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .dl-vc-list-cell--actions {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dl-vc-list--listings .dl-vc-list-cell--actions {
        align-items: flex-end;
    }

    .dl-vc-list--listings .dl-vc-listing-action-details {
        width: 100%;
        max-width: none;
        align-items: flex-end;
    }

    .dl-vc-list--listings .dl-vc-listing-action-menu {
        width: 100%;
    }

    .dl-vc-detail-card .dl-vc-detail-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .dl-vc-detail-card .dl-vc-detail-label {
        padding-bottom: 0.2rem;
        border-bottom: 0;
        font-size: 0.6875rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .dl-vc-detail-card .dl-vc-detail-value {
        padding-top: 0;
        margin-bottom: 0.65rem;
    }

    .dl-vc-detail-card .dl-vc-detail-grid > .dl-vc-detail-value:last-child {
        margin-bottom: 0;
    }

    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table,
    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table tbody,
    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table tr,
    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table th,
    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table td {
        display: block;
        width: 100%;
    }

    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table th {
        padding-bottom: 0.2rem;
        border-bottom: 0;
        font-size: 0.6875rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-detail-table td {
        padding-top: 0;
        margin-bottom: 0.65rem;
    }
}

@media (max-width: 768px) {
    .dl-vc-card-grid {
        grid-template-columns: 1fr;
    }

    .dl-vc-table thead {
        display: none;
    }

    .dl-vc-table tr {
        display: block;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--diyarlist-border-soft, #e8ddd4);
    }

    .dl-vc-table td {
        display: block;
        border: none;
        padding: 0.35rem 0;
    }

    .dl-vc-table td::before {
        content: attr(data-label);
        display: block;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--dl-muted, #64748b);
        font-weight: 600;
        margin-bottom: 0.15rem;
    }
}

/* Queue table Actions cell — align buttons on links; keep td as table-cell on desktop. */
.dl-vc-table td.dl-vc-actions > a.dl-vc-btn:hover,
.dl-vc-table td.dl-vc-actions > a.dl-vc-btn:focus,
.dl-vc-table td.dl-vc-actions > a.dl-vc-btn:focus-visible,
td.dl-vc-actions > a.dl-vc-btn:hover,
td.dl-vc-actions > a.dl-vc-btn:focus,
td.dl-vc-actions > a.dl-vc-btn:focus-visible {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.dl-vc-table td.dl-vc-actions > a.dl-vc-btn--ghost:hover,
.dl-vc-table td.dl-vc-actions > a.dl-vc-btn--ghost:focus,
.dl-vc-table td.dl-vc-actions > a.dl-vc-btn--ghost:focus-visible,
td.dl-vc-actions > a.dl-vc-btn--ghost:hover,
td.dl-vc-actions > a.dl-vc-btn--ghost:focus,
td.dl-vc-actions > a.dl-vc-btn--ghost:focus-visible {
    border: 1px solid var(--diyarlist-primary, #ff7900) !important;
    color: var(--diyarlist-primary, #ff7900) !important;
    background: var(--diyarlist-primary-light, #fff0e3) !important;
}

@media (min-width: 769px) {
    .dl-vc-table td.dl-vc-actions,
    td.dl-vc-actions {
        display: table-cell !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

    .dl-vc-table td.dl-vc-actions > a.dl-vc-btn,
    td.dl-vc-actions > a.dl-vc-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        margin-right: 8px !important;
        margin-bottom: 0 !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
    }

    .dl-vc-table td.dl-vc-actions > a.dl-vc-btn:link,
    .dl-vc-table td.dl-vc-actions > a.dl-vc-btn:visited,
    td.dl-vc-actions > a.dl-vc-btn:link,
    td.dl-vc-actions > a.dl-vc-btn:visited {
        text-decoration: none !important;
        border-bottom: 0 !important;
    }

    .dl-vc-table td.dl-vc-actions > a.dl-vc-btn:last-child,
    td.dl-vc-actions > a.dl-vc-btn:last-child {
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .dl-vc-table td.dl-vc-actions,
    td.dl-vc-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
        border-bottom: none !important;
    }

    .dl-vc-table td.dl-vc-actions > a.dl-vc-btn,
    td.dl-vc-actions > a.dl-vc-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
    }
}

/* ── DLD registry check layout (v3.0.163) ─────────────────────────────── */

/* Prominent outcome banner under the agency name: red mismatch / green
   verified / amber couldn't-verify. Annotates the checklist + DLD table so
   they read as one verification story. */
.dl-vc-dld-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
    margin: 0.75rem 0 1.25rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid;
    border-radius: 12px;
    font-size: 0.9rem;
}
.dl-vc-dld-banner .dl-ui-badge {
    font-size: 0.9rem;
    padding: 0.3rem 0.75rem;
}
.dl-vc-dld-banner--mismatch { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.dl-vc-dld-banner--verified { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.dl-vc-dld-banner--pending  { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.dl-vc-dld-banner__note {
    flex-basis: 100%;
    font-size: 0.78rem;
    opacity: 0.8;
}

/* Muted one-line section subtitle (checklist / DLD panel pairing copy). */
.dl-vc-section-sub {
    margin: -0.35rem 0 0.65rem;
    font-size: 0.8rem;
    color: var(--dl-vc-muted, var(--dl-muted, #64748b));
}

/* Grouped detail cards: Identity / Compliance / Contact / Account. */
.dl-vc-detail-groups {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin: 1.1rem 0;
}
.dl-vc-detail-group {
    padding: 0.25rem 1rem 0.4rem;
    border: 1px solid var(--dl-vc-border, var(--diyarlist-border-soft, #e8ddd4));
    border-radius: 12px;
    background: #fff;
    min-width: 0;
}
.dl-vc-detail-group__title {
    margin: 0.7rem 0 0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--dl-vc-muted, var(--dl-muted, #64748b));
}
.dl-vc-detail-group .dl-vc-detail-table-wrap table.dl-vc-detail-table {
    margin: 0.35rem 0;
}

/* DLD comparison table: state-tinted rows so ✗ pops before ✓. Cells get
   inline padding here (the base table pads only vertically) so the tint
   doesn't sit flush against the text. */
.dl-vc-detail-card table.dl-vc-dld-table th,
.dl-vc-detail-card table.dl-vc-dld-table td {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.dl-vc-dld-head th {
    font-size: 0.75rem !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.dl-vc-dld-row--mismatch th,
.dl-vc-dld-row--mismatch td { background: #fef2f2; }
.dl-vc-dld-row--mismatch th { box-shadow: inset 3px 0 0 #dc2626; }
.dl-vc-dld-row--verified th,
.dl-vc-dld-row--verified td { background: #f0fdf4; }
.dl-vc-dld-row--unverified th,
.dl-vc-dld-row--unverified td { background: #fffbeb; }

/* ── v3.0.164 layout refinement: decision buttons + tighter rhythm ────── */

/* Decision bar (Approve / Reject / Request changes): content-width buttons
   sitting together in a wrapping row — NOT stacked full-width card bars.
   Note textareas keep a sensible fixed width instead of full-bleed. */
.dl-vc-action-bar--decision {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}
.dl-vc-action-bar--decision .dl-vc-inline-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.dl-vc-action-bar--decision .dl-vc-note-label {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    width: 320px;
    max-width: 100%;
    margin: 0;
}
.dl-vc-action-bar--decision .dl-vc-note-label span {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--diyarlist-muted, #64748b);
}
.dl-vc-action-bar--decision .dl-vc-note-label textarea {
    width: 100%;
    box-sizing: border-box;
}
.dl-vc-action-bar--decision .dl-ui-btn,
.dl-vc-action-bar--decision .dl-vc-btn {
    width: auto;
    align-self: flex-start;
    min-height: 42px;
}

/* Tighter, consistent vertical rhythm on the detail card (review surface,
   not a sparse page): one spacing scale for banner → sections → tables. */
.dl-vc-detail-card .dl-vc-dld-banner {
    margin: 0.6rem 0 1rem;
    padding: 0.7rem 0.95rem;
}
.dl-vc-detail-card h3.dl-vc-section-title {
    margin: 1.1rem 0 0.3rem;
}
.dl-vc-detail-card .dl-vc-section-sub {
    margin: 0 0 0.5rem;
}
.dl-vc-detail-card .dl-vc-checklist {
    margin: 0 0 0.75rem;
}
.dl-vc-detail-card .dl-vc-checklist__item {
    padding: 0.25rem 0;
}
.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-dld-table {
    margin: 0.5rem 0;
}
.dl-vc-detail-card table.dl-vc-dld-table th,
.dl-vc-detail-card table.dl-vc-dld-table td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.dl-vc-detail-groups {
    gap: 0.75rem;
    margin: 0.9rem 0;
}
.dl-vc-detail-group {
    padding: 0.2rem 0.9rem 0.35rem;
}
.dl-vc-detail-group .dl-vc-detail-table-wrap table.dl-vc-detail-table {
    margin: 0.25rem 0;
}
.dl-vc-detail-group .dl-vc-detail-table-wrap table.dl-vc-detail-table th,
.dl-vc-detail-group .dl-vc-detail-table-wrap table.dl-vc-detail-table td {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}
.dl-vc-detail-card .dl-vc-action-bar {
    margin-top: 1rem;
    padding-top: 0.85rem;
}

/* ── v3.0.166: DLD table row inset + accent-bar gap ───────────────────────
   The mismatch accent bar is drawn at the row's inline-start edge; text was
   sitting 0.6rem from it and 0.6rem PAST the section heading. Full-bleed the
   table by one cell-inline token on each side and give the first/last columns
   that token as padding: every row's FIELD text (green, red, amber and the
   header row alike) starts at exactly the card-padding x — aligned with the
   section heading — and the accent bar sits a full token away from the text. */
.dl-vc-detail-card .dl-vc-dld-table-wrap {
    margin-inline: calc(var(--dl-ui-cell-inline, 1.25rem) * -1);
}
.dl-vc-detail-card table.dl-vc-dld-table tr > th:first-child,
.dl-vc-detail-card table.dl-vc-dld-table tr > td:first-child {
    padding-inline-start: var(--dl-ui-cell-inline, 1.25rem);
}
.dl-vc-detail-card table.dl-vc-dld-table tr > th:last-child,
.dl-vc-detail-card table.dl-vc-dld-table tr > td:last-child {
    padding-inline-end: var(--dl-ui-cell-inline, 1.25rem);
}

/* ── Width-efficient agent/agency review layout (v3.0.345, fixed v3.0.347) ─────────────── */

.dl-vc-review-head {
    margin-block-end: .25rem;
    padding-block-end: .35rem;
    border-block-end: 1px solid var(--dl-border, #e8ddd4);
}

.dl-vc-review-head h2 {
    margin: 0;
}

/* Contained decision panel: one card holding Approve / Reject /
   Request-changes with their note fields, directly under the title. */
.dl-vc-review-decision {
    margin-block: .75rem 1rem;
    padding: .9rem 1.1rem;
    border: 1px solid var(--dl-border, #e8ddd4);
    border-radius: var(--diyarlist-radius-card, 12px);
    background: var(--diyarlist-bg-warm, #fff7f0);
}

.dl-vc-review-decision .dl-vc-action-bar--decision {
    margin: 0;
    padding: 0;
    border: none;
    /* Bottom-align the three forms so Approve / Reject / Request-changes
       buttons (each form's last element) share ONE baseline row instead of
       floating at three heights. */
    align-items: flex-end;
}

.dl-vc-review-decision .dl-vc-action-bar--decision .dl-vc-note-label {
    width: 260px;
}

/* Uniform note height (the two textareas have different rows attrs), so
   their tops align too, not just the button baseline. */
.dl-vc-review-decision .dl-vc-note-label textarea {
    block-size: 64px;
    resize: vertical;
}

.dl-vc-review-decision > .dl-vc-muted {
    margin-block: .5rem 0;
}

.dl-vc-review-guide {
    margin-block-start: .5rem;
}

.dl-vc-review-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.dl-vc-review-grid > * {
    min-inline-size: 0;
}

/* Both columns start at the same top edge. */
.dl-vc-review-grid__main > .dl-vc-section-title:first-child,
.dl-vc-review-grid__side > .dl-vc-section-title:first-child {
    margin-block-start: 0;
}

/* A too-wide table scrolls inside its own wrap — never under the side card. */
.dl-vc-review-grid .dl-vc-detail-table-wrap {
    overflow-x: auto;
}

@media (max-width: 1100px) {
    .dl-vc-review-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.dl-vc-review-grid__side {
    border-inline-start: 1px solid var(--dl-border, #e8ddd4);
    padding-inline-start: 1.25rem;
    min-inline-size: 0;
}

@media (max-width: 1100px) {
    .dl-vc-review-grid__side {
        border-inline-start: 0;
        padding-inline-start: 0;
    }
}

/* Column proportions for the merged identity table. The legacy
   .dl-vc-detail-table th { width: 13rem } rule otherwise applies 13rem to
   ALL FOUR header cells — with table-layout:fixed the summed 52rem forced
   the table wider than its grid track and its text ran under the side
   card. Specificity mirrors the legacy rule so these win. */
.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-identity-table th {
    width: auto;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-identity-table .dl-vc-identity-status {
    width: 44px;
    text-align: center;
    font-weight: 700;
    padding-inline: 0;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-identity-table tr.dl-vc-dld-head th:nth-child(2) {
    width: 20%;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-identity-table tr.dl-vc-dld-head th:nth-child(3) {
    width: 32%;
}

.dl-vc-detail-card .dl-vc-detail-table-wrap table.dl-vc-identity-table tr.dl-vc-dld-head th:nth-child(4) {
    width: 44%;
}

.dl-vc-identity-status.is-complete {
    color: #1a7f37;
}

.dl-vc-identity-status.is-missing {
    color: var(--dl-muted, #64748b);
}

.dl-vc-review-guide > summary,
.dl-vc-review-secondary > summary {
    cursor: pointer;
    color: var(--dl-muted, #64748b);
    font-size: .85rem;
}

.dl-vc-review-guide[open] > summary,
.dl-vc-review-secondary[open] > summary {
    margin-block-end: .5rem;
}

.dl-vc-review-secondary {
    margin-block-start: 1.25rem;
    padding-block-start: .75rem;
    border-block-start: 1px solid var(--dl-border, #e8ddd4);
}

.dl-vc-review-side-doc {
    display: flex;
    align-items: center;
    gap: .5rem .75rem;
    flex-wrap: wrap;
    padding-block: .4rem;
    border-block-end: 1px solid var(--dl-border, #e8ddd4);
}

.dl-vc-review-side-doc .dl-vc-identity-status {
    inline-size: 1.5rem;
    text-align: center;
    font-weight: 700;
}

.dl-vc-review-side-doc__label {
    font-weight: 600;
}

.dl-vc-review-side-doc__links {
    margin-inline-start: auto;
}

.dl-vc-review-grid__side .dl-vc-photo {
    display: block;
    max-inline-size: 180px;
    block-size: auto;
    margin-block-end: .75rem;
}

/* ------------------------------------------------------------------ */
/* Listing review redesign (decision header + collapsible sections)   */
/* ------------------------------------------------------------------ */

.dl-vc-detail-card .dl-vc-header-meta {
    margin: 0.25rem 0 0.6rem;
}

.dl-vc-detail-card .dl-vc-compliance-row,
.dl-vc-detail-card .dl-vc-compliance-row .dl-op-compliance-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    /* the 240px cap is for narrow queue columns, not the detail header */
    max-width: none;
}

.dl-vc-detail-card .dl-vc-compliance-row {
    margin: 0.4rem 0 0.6rem;
}

.dl-vc-detail-card .dl-vc-decision-bar {
    margin-top: 0.9rem;
}

.dl-vc-detail-card .dl-vc-gate-blockers {
    margin: 0.5rem 0 0;
    color: var(--diyarlist-text-muted, #6b7280);
}

.dl-vc-review-section {
    margin: 0.85rem 0 0;
}

.dl-vc-review-section .dl-vc-alert {
    margin: 0.35rem 0;
}

.dl-vc-review-fresh-diff {
    margin: 0.75rem 0 0.25rem;
}

/* Deed panel (kit-migrated) */
.dl-deed-panel .dl-deed-compare-table__match {
    width: 70px;
    text-align: center;
}

.dl-deed-panel .dl-deed-dld-helper {
    margin: 0.75rem 0;
}

.dl-deed-panel .dl-deed-dld-helper__title {
    margin-top: 0;
}

.dl-deed-copy-fields {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.dl-deed-copy-field {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 2px;
}

.dl-deed-copy-field .dl-ui-input {
    width: 130px;
}

.dl-deed-copy-field__row {
    display: flex;
    gap: 4px;
    align-items: center;
}

.dl-deed-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 0.5rem;
}

.dl-deed-action-form {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.dl-deed-action-form .dl-ui-input {
    max-width: 200px;
}

.dl-deed-status-actions__label {
    margin: 0.75rem 0 0.25rem;
}

.dl-deed-raw-text {
    margin-top: 0.75rem;
}

.dl-deed-raw-text__pre {
    white-space: pre-wrap;
    max-height: 320px;
    overflow: auto;
    background: #f6f7f7;
    padding: 8px;
    font-size: 12px;
}

/* Staff & advanced internals */
.dl-vc-staff-suspend-card {
    margin-top: 0.75rem;
}

.dl-vc-compliance-dates.dl-ui-subcard {
    margin-top: 0.75rem;
}

/* Agency review redesign */
.dl-vc-setup-link {
    word-break: break-all;
}