/* ================== RESPONSIVE ================== */
@media (max-width: 1024px) {
    .dashboard-grid,
    .two-column {
        grid-template-columns: 1fr;
    }
    .admin-grid {
        grid-template-columns: 1fr;
    }
    .projects-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    /* Collapsed state devre dışı — mobil kendi overlay sistemini kullanır */
    .sidebar { position: fixed; left: -260px; transition: left 0.3s; z-index: 1001; width: 260px !important; }
    .sidebar.mobile-open { left: 0; }
    .sidebar-collapse-toggle { display: none; }
    .sidebar-flyout { display: none !important; }
    .mobile-nav-toggle { display: inline-flex; }
    .top-bar-left { min-width: 0; max-width: calc(100% - 120px); }
    .top-bar-titles { min-width: 0; }
    .page-title { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .breadcrumb-trail { max-width: 100%; }
    .breadcrumb-trail .crumb { max-width: 130px; }
    .stats-grid { grid-template-columns: 1fr; }
    .page { padding: 16px; }
    .top-bar { padding: 14px 16px; }
    .user-info { gap: 8px; }
    .user-role { display: none; }
    .top-search-btn { padding: 0 8px; font-size: 12px; }
    .logout-btn { padding: 0 8px; }
    .inline-controls-row {
        width: 100%;
    }
    .inline-controls-row input,
    .inline-controls-row select {
        min-width: 0;
        flex: 1;
    }
    .detail-page-actions-group {
        width: 100%;
        justify-content: flex-start;
    }
    .project-detail-header {
        padding: 18px;
    }
    .project-detail-topline {
        grid-template-columns: 1fr;
    }
    .project-detail-title {
        font-size: 26px;
    }
    .project-detail-stats {
        grid-template-columns: 1fr;
    }
    .project-detail-secondary-metrics {
        padding: 14px;
    }
    .detail-stat {
        min-height: auto;
        padding: 12px 14px;
    }
    .project-tabs {
        margin-bottom: 16px;
        padding: 6px 0;
        top: 0;
    }
    #projectDetail-page .project-detail-header {
        padding: 14px;
    }
    #projectDetail-page .project-detail-meta {
        gap: 6px;
    }
    #projectDetail-page .project-section-heading {
        flex-direction: column;
    }
    #projectDetail-page .project-budget-records {
        grid-template-columns: 1fr;
    }
    #stock-page .stock-toolbar {
        gap: 12px;
        padding: 8px 0;
    }
    #stock-page .stock-toolbar-head {
        gap: 12px;
    }
    #stock-page .stock-tabs,
    #stock-page .stock-filter-bar,
    #stock-page .stock-toolbar-actions {
        flex: 1 1 100%;
    }
    #stock-page .stock-toolbar-actions .btn-group {
        justify-content: flex-start;
    }
    #stock-page .stock-filter-bar {
        justify-content: flex-start;
    }
    .sales-page-toolbar {
        top: 10px;
    }
    #opportunityDetail-page .project-tabs,
    #quoteDetail-page .project-tabs {
        top: 0;
    }
    #vehicleDetail-page .tab-bar {
        top: 0;
    }
    .project-tabs--clustered {
        grid-template-columns: 1fr;
    }
    .tab-cluster {
        padding: 10px;
    }
    .tab-btn {
        padding: 10px 14px;
        font-size: 13px;
    }
    .detail-shell-intro,
    .finance-page-intro {
        flex-direction: column;
        padding: 16px;
    }
    .personnel-detail-header-compact__identity {
        align-items: flex-start;
    }
    .personnel-detail-summary-grid {
        grid-template-columns: 1fr 1fr;
    }
    .opp-detail-header-compact,
    .opp-detail-summary-grid,
    .unit-price-library-shell__top {
        grid-template-columns: 1fr;
        flex-direction: column;
    }
    .table-section__head {
        flex-direction: column;
    }
    .table-section__meta {
        justify-content: flex-start;
    }
    .table-toolbar {
        flex-direction: column;
    }
    .detail-shell-note {
        max-width: none;
        width: 100%;
    }
    .finance-overview-shell {
        grid-template-columns: 1fr;
    }
    .finance-overview-sidebar {
        position: static;
    }
    .finance-gl-shell {
        grid-template-columns: 1fr;
    }
    .finance-gl-sidebar {
        position: static;
    }
    .project-cost-summary-shell {
        grid-template-columns: 1fr;
    }
    .project-budget-shell {
        grid-template-columns: 1fr;
    }
    .project-budget-records {
        grid-template-columns: 1fr;
    }
    .project-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }
    .project-section-description {
        max-width: none;
        text-align: left;
    }
    .project-cost-summary-sidebar {
        position: static;
    }
    .project-budget-sidebar {
        position: static;
    }
    .project-side-panel,
    .project-cost-summary-detail-card,
    .project-budget-card {
        padding: 16px;
    }
    .project-budget-card-head {
        flex-direction: column;
        align-items: stretch;
    }
    .dashboard-overview-shell {
        grid-template-columns: 1fr;
        padding: 18px;
    }
    .dashboard-overview-title {
        font-size: 26px;
    }
    .project-cost-summary-toolbar {
        gap: 10px;
    }
    .project-cost-summary-toolbar .u-flex-gap-8-wrap {
        width: 100%;
    }
    .project-cost-summary-toolbar .u-flex-gap-8-wrap:last-child {
        justify-content: stretch;
    }
    .project-cost-summary-toolbar #projectFleetExpenseLinkId {
        min-width: 0;
        flex: 1;
    }
    .home-charts-grid {
        grid-template-columns: 1fr;
    }
    .chart-canvas-wrap {
        height: 220px;
    }
    .sales-report-shell {
        padding: 16px;
    }
    .sales-report-shell__head {
        flex-direction: column;
    }
    .pipeline-stage-cards {
        grid-template-columns: 1fr;
    }
    .invoice-wizard {
        flex-direction: column;
        align-items: flex-start;
    }
    .invoice-wizard__actions {
        width: 100%;
        justify-content: flex-end;
    }
    .table-scroll {
        border-radius: var(--radius-md);
    }
    .auth-screen { padding: 16px; }
    .auth-screen__panel { padding: 22px; border-radius: 12px; }
    .auth-screen__brand h1 { font-size: 22px; }
    .admin-card {
        padding: 14px;
    }
    .admin-filter-grid,
    .admin-filter-grid--compact {
        grid-template-columns: 1fr;
    }
    .admin-permission-group-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .admin-checklist-scroll {
        max-height: 280px;
    }
}