/* Step 164: Admin content/import edit hotfix. Scoped to admin tables/forms only. */
.admin-import-actions,
.admin-import-submit-row,
.admin-import-commit-row,
.admin-import-view-links,
.admin-import-table-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.admin-import-actions .btn,
.admin-import-submit-row .btn,
.admin-import-commit-row .btn,
.admin-import-view-links .btn,
.admin-import-table-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    white-space: normal;
    text-align: center;
}
.admin-import-confirm-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.admin-import-confirm-form input[name="confirmation_code"] {
    min-width: min(100%, 300px);
    flex: 1 1 280px;
}
.admin-import-discard-form {
    display: inline-flex;
    align-items: center;
}
.admin-import-view-box {
    display: grid;
    gap: 10px;
}
.admin-content-stack {
    display: grid;
    gap: 18px;
    min-width: 0;
}
.admin-editable-content-card {
    min-width: 0;
}
.admin-edit-table th,
.admin-edit-table td {
    vertical-align: top;
}
.admin-edit-drawer summary.btn {
    width: auto;
    min-width: 118px;
}
.admin-edit-drawer .crud-panel {
    min-width: min(860px, calc(100vw - 48px));
    max-width: 100%;
}
.admin-edit-drawer .mini-crud-form {
    align-items: start;
}
@media (max-width: 780px) {
    .admin-import-actions,
    .admin-import-submit-row,
    .admin-import-commit-row,
    .admin-import-view-links,
    .admin-import-table-actions,
    .admin-import-confirm-form {
        align-items: stretch;
    }
    .admin-import-actions .btn,
    .admin-import-submit-row .btn,
    .admin-import-commit-row .btn,
    .admin-import-view-links .btn,
    .admin-import-table-actions .btn,
    .admin-import-confirm-form input[name="confirmation_code"] {
        width: 100%;
    }
    .admin-edit-drawer .crud-panel {
        min-width: 0;
    }
}

/* Step 165: MCQ student visibility controls. */
.admin-mcq-visibility-card .table-head {
    align-items: flex-start;
}
.admin-mcq-visibility-notice {
    display: grid;
    gap: 10px;
}
.admin-mcq-publish-all-form,
.admin-inline-publish-form {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.admin-inline-publish-form .btn {
    min-height: 36px;
    white-space: normal;
}
@media (max-width: 780px) {
    .admin-mcq-publish-all-form,
    .admin-inline-publish-form,
    .admin-mcq-publish-all-form .btn,
    .admin-inline-publish-form .btn {
        width: 100%;
    }
}

/* Step 168: Admin content-imports button alignment rebuild.
   Scoped only to /admin/content-imports via body.page-admin-content-imports. */
body.page-admin-content-imports .page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
body.page-admin-content-imports .page-header > div:first-child {
    min-width: 0;
    flex: 1 1 360px;
}
body.page-admin-content-imports .page-header .quick-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    align-items: stretch;
    width: min(100%, 380px);
    margin-left: auto;
}
body.page-admin-content-imports .page-header .quick-actions .btn,
body.page-admin-content-imports .admin-import-actions .btn,
body.page-admin-content-imports .admin-import-submit-row .btn,
body.page-admin-content-imports .admin-import-commit-row .btn,
body.page-admin-content-imports .admin-import-view-links .btn,
body.page-admin-content-imports .admin-import-table-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    line-height: 1.18;
    text-align: center;
    white-space: normal;
    width: 100%;
}
body.page-admin-content-imports .table-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 14px;
}
body.page-admin-content-imports .table-head > div:first-child {
    min-width: 0;
}
body.page-admin-content-imports .admin-import-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 10px;
    align-items: stretch;
    width: min(100%, 470px);
    margin-left: auto;
}
body.page-admin-content-imports .admin-import-submit-row {
    display: grid;
    grid-template-columns: minmax(190px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}
body.page-admin-content-imports .admin-import-submit-row .btn {
    width: auto;
    min-width: 190px;
}
body.page-admin-content-imports .admin-import-submit-row .muted {
    min-width: 0;
    line-height: 1.45;
}
body.page-admin-content-imports .admin-import-commit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, auto);
    align-items: stretch;
    gap: 10px;
}
body.page-admin-content-imports .admin-import-confirm-form {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, auto);
    align-items: stretch;
    gap: 10px;
    width: 100%;
    margin: 0;
}
body.page-admin-content-imports .admin-import-confirm-form input[name="confirmation_code"] {
    min-width: 0 !important;
    width: 100%;
    height: 42px;
    box-sizing: border-box;
}
body.page-admin-content-imports .admin-import-discard-form {
    display: grid;
    align-items: stretch;
    margin: 0;
}
body.page-admin-content-imports .admin-import-view-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    align-items: stretch;
}
body.page-admin-content-imports .admin-import-table-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(82px, 1fr));
    gap: 8px;
    align-items: stretch;
    min-width: 180px;
}
body.page-admin-content-imports .data-table td:last-child,
body.page-admin-content-imports .data-table th:last-child {
    width: 1%;
    white-space: nowrap;
}
@media (max-width: 960px) {
    body.page-admin-content-imports .table-head {
        grid-template-columns: 1fr;
    }
    body.page-admin-content-imports .admin-import-actions,
    body.page-admin-content-imports .page-header .quick-actions {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 700px) {
    body.page-admin-content-imports .page-header,
    body.page-admin-content-imports .table-head {
        display: grid;
        grid-template-columns: 1fr;
    }
    body.page-admin-content-imports .admin-import-actions,
    body.page-admin-content-imports .admin-import-submit-row,
    body.page-admin-content-imports .admin-import-commit-row,
    body.page-admin-content-imports .admin-import-confirm-form,
    body.page-admin-content-imports .admin-import-table-actions {
        grid-template-columns: 1fr;
        width: 100%;
        min-width: 0;
    }
    body.page-admin-content-imports .admin-import-submit-row .btn,
    body.page-admin-content-imports .admin-import-commit-row .btn,
    body.page-admin-content-imports .admin-import-table-actions .btn {
        width: 100%;
        min-width: 0;
    }
    body.page-admin-content-imports .data-table td:last-child,
    body.page-admin-content-imports .data-table th:last-child {
        white-space: normal;
    }
}