/* Responsive Admin — Mobile-optimierte Styles fuer samesame.press Admin */

/* Tabellen horizontal scrollbar auf kleinen Screens */
@media (max-width: 767px) {
    #content { padding: 10px; }

    /* Change-List-Tabellen scrollbar */
    .results table,
    #result_list { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

    /* Breitere Touch-Targets fuer Buttons */
    input[type="submit"], button, .button, .submit-row input {
        min-height: 44px;
        min-width: 44px;
        padding: 8px 16px;
        font-size: 14px;
    }

    /* Filter-Sidebar unter den Content schieben */
    #changelist-filter {
        float: none !important;
        width: 100% !important;
        margin: 15px 0 !important;
        order: 2;
    }
    #changelist .results { width: 100% !important; }
    #changelist { display: flex; flex-direction: column; }
    #changelist .results { order: 1; }
    #changelist-form { order: 1; }

    /* Fieldsets: Labels und Inputs untereinander */
    .form-row { display: block !important; }
    .form-row label { display: block; margin-bottom: 4px; }
    .form-row input[type="text"],
    .form-row input[type="url"],
    .form-row input[type="number"],
    .form-row select,
    .form-row textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Breadcrumbs kompakter */
    .breadcrumbs { font-size: 12px; padding: 5px 10px; }

    /* Header kompakter */
    #branding h1 { font-size: 16px; }
    #header { padding: 5px 10px; }

    /* Admin Index Module */
    .module table { width: 100%; }
    .dashboard #content { padding: 10px; }

    /* Object-Tools (Add-Button etc.) */
    .object-tools { padding: 0; margin: 5px 0; }
    .object-tools li { margin-left: 0; margin-right: 5px; }

    /* Pagination */
    .paginator { font-size: 12px; }

    /* Submit-Row fixiert unten */
    .submit-row {
        position: sticky;
        bottom: 0;
        z-index: 100;
        padding: 8px;
    }
}

/* Kleine Anpassungen fuer Tablets */
@media (max-width: 1024px) and (min-width: 768px) {
    #changelist-filter {
        width: 180px !important;
    }
}