@media (max-width: 760px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        -webkit-text-size-adjust: 100%;
    }

    .topbar {
        height: auto !important;
        min-height: 54px;
        padding: 10px 12px !important;
        gap: 8px;
        flex-wrap: wrap;
        align-items: flex-start !important;
    }

    .topbar strong {
        display: block;
        font-size: 17px !important;
        line-height: 1.2;
        max-width: 100%;
    }

    .topbar-user {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px !important;
        line-height: 1.25;
    }

    .notification-bell {
        min-width: 68px !important;
        height: 30px !important;
        padding: 0 9px !important;
        font-size: 12px;
        flex: 0 0 auto;
    }

    .logout,
    .btn,
    .reset-btn,
    button {
        min-height: 38px;
        white-space: nowrap;
    }

    .layout {
        display: block !important;
        min-height: auto !important;
        height: auto !important;
        width: 100%;
        overflow: visible !important;
    }

    .sidebar,
    aside.sidebar {
        display: none !important;
    }

    .content,
    main.content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 14px !important;
        overflow-x: hidden !important;
    }

    .dashboard-header,
    .page-head,
    .header-row,
    .box-header {
        display: block !important;
    }

    h1 {
        font-size: 24px !important;
        line-height: 1.15;
        overflow-wrap: anywhere;
    }

    h2 {
        font-size: 20px !important;
    }

    .subtitle,
    p {
        overflow-wrap: anywhere;
    }

    .cards,
    .summary-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100%;
    }

    .card,
    .panel,
    .box,
    .form-card,
    .table-card,
    .table-box,
    .notification-list,
    .billing-summary {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 10px !important;
        padding: 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .grid,
    .form-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100%;
    }

    .full,
    .section-title {
        grid-column: auto !important;
    }

    input,
    select,
    textarea {
        font-size: 16px !important;
        max-width: 100%;
    }

    .btn-row,
    .actions,
    .notification-controls {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        align-items: center;
    }

    .btn-row .btn,
    .actions button,
    .actions .btn,
    .actions form,
    .actions form button {
        width: 100%;
    }

    .btn-row .btn,
    .actions .btn,
    .small-form,
    form.small-form {
        margin-top: 0 !important;
    }

    table {
        min-width: 720px;
    }

    .table-wrap,
    .table-box,
    .panel {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .billing-item-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px;
    }

    .team-grid,
    .client-panel-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .team-card,
    .client-job-panel,
    .manager-team-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .team-card-head,
    .manager-team-head,
    .client-job-panel-header,
    .completed-company-divider {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        line-height: 1.25;
    }

    .team-card-head span,
    .manager-team-head span,
    .client-job-panel-header span {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .color-form,
    .manager-color-form,
    .filter-row,
    .job-form-grid,
    .parts-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .parts-grid .parts-head {
        display: none !important;
    }

    .job-mini-top,
    .job-mini-meta,
    .row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    .job-mini-money,
    .total {
        text-align: left !important;
    }

    .invoice {
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px !important;
    }

    .header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

@media (min-width: 761px) {
    .mobile-only {
        display: none !important;
    }
}