/* WordPress admin canvas defaults, before the unchanged Farasync layers.
   This restores the admin context on a frontend shortcode page. */
.farasync-demo-surface { color: #3c434a; font-size: 13px; line-height: 1.4; }
.farasync-demo-surface a { text-decoration: none; }
.farasync-demo-surface button, .farasync-demo-surface input, .farasync-demo-surface select, .farasync-demo-surface textarea { font: inherit; letter-spacing: normal; text-transform: none; }
.farasync-demo-surface h1, .farasync-demo-surface h2, .farasync-demo-surface h3, .farasync-demo-surface h4 { letter-spacing: normal; text-transform: none; }
.farasync-demo-surface p { font-size: 13px; line-height: 1.5; margin: 1em 0; }
.farasync-demo-surface .wrap { margin: 10px 20px 0 2px; }

/* Frontend theme grids must keep the original seven-column order skeleton. */
.farasync-demo-surface :where(.farasync-rep-container) .farasync-rep-table {
    border: 0;
    border-spacing: 0;
    table-layout: auto;
    margin: 0;
    background: transparent;
}
.farasync-demo-surface :where(.farasync-rep-container) .farasync-rep-table :where(th, td) {
    border-inline: 0;
    border-top: 0;
    text-transform: none;
    letter-spacing: normal;
}

/* Restore the WordPress form-table defaults before Farasync's own skin.
   Frontend themes often add boxed/striped cells to every table. */
.farasync-demo-surface .farasync-modal-content .form-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.farasync-demo-surface .farasync-modal-content .form-table :where(tbody, tr, th, td) {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: start;
    text-transform: none;
    letter-spacing: normal;
}