.dtf-search-form input[type="submit"],
.dtf-search-form .dtf-btn {
    padding: 8px 14px; /* inside padding */
    margin-top: 14px;  /* increased outside spacing */
    margin-bottom: 14px;
}


/* Table theming via Customize colors */
.dtf-wrapper table thead th {
    background: var(--dtf-header-fill, #cccccc);
    color: var(--dtf-header-text, #ffffff);
}
.dtf-wrapper table tbody td {
    color: var(--dtf-table-text, #000000);
}


/* Extra spacing around the search button */



/* Extra spacing on search button (top/bottom only) */
.dtf-search-form button {
    margin: 8px 0;
}

/* Responsive results */
.dtf-table-wrap {
    overflow-x: auto;
}
.dtf-table-wrap table {
    width: 100%;
    border-collapse: collapse;
}

.dtf-list {
    display: grid;
    gap: 12px;
}
.dtf-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px;
    background: #fff;
}
.dtf-card .dtf-field {
    display: grid;
    grid-template-columns: 1fr;
    margin: 4px 0;
}
.dtf-card .dtf-label {
    font-weight: 600;
    opacity: .85;
    margin-bottom: 2px;
}
.dtf-card .dtf-value {
    word-break: break-word;
}

/* Apply Customize colors to table headers & cells */
.dtf-wrapper table thead th {
    background: var(--dtf-header-fill, #cccccc);
    color: var(--dtf-header-text, #ffffff);
}
.dtf-wrapper table tbody td {
    color: var(--dtf-table-text, #000000);
}


/* top/bottom spacing for search button only */
.dtf-search-form .button { margin: 8px 0; }
.dtf-wrapper table thead th { font-size: var(--dtf-header-font, 14px); }
.dtf-wrapper table tbody td { font-size: var(--dtf-cell-font, 13px); }
.dtf-wrapper table th, .dtf-wrapper table td { padding: var(--dtf-cell-py, 8px) var(--dtf-cell-px, 10px); }
.dtf-wrapper table tbody tr:hover td { background: var(--dtf-row-hover, #f7f7f7); }


/* Light overrides: only apply if variables are set */
.dtf-search-form .button { margin: 8px 0; }

.dtf-wrapper table thead th {
    background: var(--dtf-header-fill);
    color: var(--dtf-header-text);
    font-size: var(--dtf-header-font);
}
.dtf-wrapper table tbody td {
    color: var(--dtf-table-text);
    font-size: var(--dtf-cell-font);
}
.dtf-wrapper table th, .dtf-wrapper table td {
    padding: var(--dtf-cell-py) var(--dtf-cell-px);
}
.dtf-wrapper table tbody tr:hover td {
    background: var(--dtf-row-hover);
}

/* Keep responsiveness */
.dtf-table-wrap { overflow-x: auto; }
.dtf-table-wrap table { width: 100%; border-collapse: collapse; }

/* List view */
.dtf-list { display: grid; gap: 12px; }
.dtf-card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #fff; }
.dtf-card .dtf-field { display: grid; grid-template-columns: 1fr; margin: 4px 0; }
.dtf-card .dtf-label { font-weight: 600; opacity: .85; margin-bottom: 2px; }
.dtf-card .dtf-value { word-break: break-word; }