/* ============================
   Theme Responsif Untuk Mobile
   ============================ */

/* Atur layout agar tidak melebar */
body {
    overflow-x: hidden;
}

/* Untuk layar <= 768px (tablet & HP) */
@media (max-width: 768px) {

    /* Hilangkan sidebar kiri OS ticket staff agar layar lega */
    #nav, .sidebar, .navigation {
        display: none !important;
    }

    /* Lebarkan konten utama */
    #content, .content, .main-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
    }

    /* Form input full width */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    select,
    textarea {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Tabel tiket agar tidak rusak */
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* Tombol membesar */
    .btn, button[type="submit"] {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        padding: 10px;
    }

    /* Kolom label & field tumpuk vertical */
    .form-group label {
        display: block;
        margin-bottom: 5px;
    }

    /* Thread entry (balasan tiket) rapi */
    .thread-entry {
        padding: 10px !important;
        margin-bottom: 12px !important;
    }
}

/* Untuk layar ekstra kecil <= 480px */
@media (max-width: 480px) {
    h1, h2, h3 {
        font-size: 90%;
    }

    .page-header {
        text-align: center;
    }

    .ticket-info {
        font-size: 12px;
    }
}