/* AFGHANZONE INVESTOR PORTAL PREMIUM MOBILE REFINEMENT V1.0.0
   UI-only compact presentation layer for the investor portal.
   No financial, messaging, wallet, ledger, reinvestment or backend logic lives here. */

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

    #dashboard-screen,
    #dashboard-screen > main,
    #dashboard-screen .tab-panel,
    #dashboard-screen .grid,
    #dashboard-screen .section-card,
    #dashboard-screen .metric-card,
    #dashboard-screen .table-scroll,
    #dashboard-screen .table-scroll table {
        min-width: 0;
        max-width: 100%;
    }

    #dashboard-screen > main {
        padding: 10px !important;
    }

    .portal-header {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 10px 30px rgba(15, 23, 42, .14);
    }

    .portal-header > div {
        padding-inline: 10px !important;
    }

    .portal-header > div > div:first-child {
        gap: 9px !important;
        padding-block: 9px !important;
    }

    .portal-header [data-company-logo] {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .portal-header [data-company-name] {
        font-size: 15px !important;
        line-height: 1.15 !important;
    }

    .portal-header [data-company-name] + small {
        font-size: 9px !important;
        letter-spacing: .01em;
    }

    #notification-button,
    .portal-header button[onclick="logoutInvestor()"] {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 14px !important;
    }

    #portal-navigation {
        gap: 6px !important;
        padding-bottom: 8px !important;
    }

    #portal-navigation .nav-button {
        min-height: 40px !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    #dashboard-screen .tab-panel {
        gap: 10px !important;
    }

    #dashboard-screen .section-card,
    #dashboard-screen .metric-card,
    #purchase-cards > *,
    #documents-grid > *,
    #profit-breakdown > *,
    #active-purchases-list > *,
    #recent-transactions-list > *,
    #notifications-list > *,
    #messages-list > *,
    #az-investor-purchase-funding-overview-v3 > * {
        border-radius: 16px !important;
        box-shadow: 0 12px 26px rgba(15, 23, 42, .06) !important;
    }

    #dashboard-screen .section-card,
    #dashboard-screen .metric-card,
    #purchase-cards > *,
    #documents-grid > *,
    #profit-breakdown > *,
    #active-purchases-list > *,
    #recent-transactions-list > *,
    #notifications-list > *,
    #messages-list > * {
        padding: 12px !important;
    }

    #metric-grid,
    #az-ledger-summary-v6,
    #report-metrics,
    #documents-grid,
    #purchase-cards,
    #az-investor-purchase-funding-overview-v3 .grid,
    #az-reinvestment-request-host-v12 .az-ri-grid,
    .az-v14-order-stats,
    .az-v14-dashboard-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #metric-grid .metric-card,
    #az-ledger-summary-v6 .metric-card,
    #report-metrics > *,
    #az-investor-purchase-funding-overview-v3 .grid > *,
    #az-reinvestment-request-host-v12 .az-ri-card,
    .az-v14-order-stats > div,
    .az-v14-dashboard-link {
        min-width: 0 !important;
        padding: 12px !important;
    }

    #metric-grid .metric-card small,
    #az-ledger-summary-v6 .metric-card small,
    #report-metrics small,
    #az-investor-purchase-funding-overview-v3 small,
    #az-reinvestment-request-host-v12 .az-ri-card small,
    .az-v14-order-stats span,
    .az-v14-dashboard-link b + small {
        font-size: 9px !important;
        line-height: 1.5 !important;
    }

    #metric-grid .metric-card strong,
    #az-ledger-summary-v6 .metric-card strong,
    #report-metrics strong,
    #az-investor-purchase-funding-overview-v3 strong,
    #az-reinvestment-request-host-v12 .az-ri-card strong,
    .az-v14-order-stats b {
        margin-top: 4px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    #tab-dashboard > .grid,
    #tab-purchases > .section-card,
    #tab-wallet > .section-card,
    #tab-reports > .section-card,
    #tab-documents > .section-card,
    #tab-notifications > .grid,
    #tab-settings > .grid {
        gap: 12px !important;
    }

    #tab-dashboard .h-72,
    #tab-dashboard .h-64 {
        height: 210px !important;
    }

    #performance-chart,
    #allocation-chart {
        max-height: 210px !important;
    }

    #products-body th,
    #products-body td,
    #transactions-body td,
    #report-body td,
    #dashboard-screen th,
    #dashboard-screen td {
        padding: 9px 10px !important;
        font-size: 11px !important;
    }

    #dashboard-screen table {
        min-width: 620px;
    }

    #az-investor-ledger-card-v6 .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #transaction-search,
    #az-ledger-category-filter-v6,
    #az-ledger-bucket-filter-v6,
    #az-ledger-direction-filter-v6,
    #purchase-status-filter,
    #report-period,
    #report-from,
    #report-to,
    #support-topic,
    #support-reference,
    #support-message,
    #settings-name,
    #settings-username,
    #settings-phone,
    #settings-whatsapp,
    #settings-email,
    #settings-address,
    #settings-current-password,
    #settings-new-password,
    #settings-confirm-password,
    #settings-two-factor-code {
        min-height: 42px !important;
        font-size: 15px !important;
    }

    #tab-reports .no-print > div {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
        gap: 8px !important;
    }

    #tab-reports .no-print > div > * {
        min-width: 0;
    }

    #tab-reports .no-print > div > button {
        min-height: 42px;
    }

    #tab-notifications .grid,
    #tab-settings > .grid {
        grid-template-columns: 1fr !important;
    }

    #support-form,
    #investor-settings-form {
        gap: 10px !important;
    }

    #investor-settings-form .grid {
        gap: 8px !important;
    }

    #settings-photo-preview,
    #settings-photo-fallback {
        width: 66px !important;
        height: 66px !important;
        border-radius: 18px !important;
    }

    #investor-settings-form .flex.items-center.gap-4.p-3.bg-slate-50.rounded-xl,
    #investor-settings-form label.flex.items-center.justify-between {
        padding: 10px !important;
        border-radius: 14px !important;
    }

    #investor-settings-form .grid.grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #investor-settings-form button,
    #support-form button {
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    .az-v14-hero,
    .az-v14-dashboard-hero,
    .az-v14-block,
    .az-v14-order-graph-card,
    #az-reinvestment-request-host-v12 .az-ri-shell,
    #az-reinvestment-request-host-v12 .az-ri-section {
        border-radius: 18px !important;
    }

    .az-v14-hero,
    .az-v14-dashboard-hero,
    .az-v14-block,
    .az-v14-order-graph-card,
    #az-reinvestment-request-host-v12 .az-ri-pad,
    #az-reinvestment-request-host-v12 .az-ri-section {
        padding: 14px !important;
    }

    .az-v14-hero h2,
    .az-v14-dashboard-hero h2,
    .az-v14-order-graph-card h2 {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    .az-v14-dashboard-links {
        margin-top: 12px !important;
    }

    .az-v14-dashboard-link {
        display: grid !important;
        grid-template-columns: 34px 1fr auto;
        align-content: start;
        min-height: 94px;
        border-radius: 16px !important;
        padding: 12px !important;
    }

    .az-v14-dashboard-link > span {
        width: 34px !important;
        height: 34px !important;
        border-radius: 11px !important;
        font-size: 14px !important;
    }

    .az-v14-dashboard-link > b {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .az-v14-order-ranges {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px !important;
        width: 100% !important;
        white-space: normal !important;
        padding: 6px !important;
    }

    .az-v14-order-ranges button {
        width: 100%;
        min-height: 38px;
        padding: 8px 10px !important;
        border-radius: 10px !important;
    }

    .az-v14-order-legend {
        flex-wrap: wrap;
        gap: 10px !important;
    }

    .az-v14-order-chart {
        min-height: 176px !important;
        padding-top: 10px !important;
    }

    .az-v14-order-day {
        height: 170px !important;
    }

    .az-v14-order-stack {
        width: 13px !important;
        height: 146px !important;
    }

    #az-reinvestment-request-host-v12 #az-ri-self-form {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }

    #az-reinvestment-request-host-v12 #az-ri-self-form textarea,
    #az-reinvestment-request-host-v12 #az-ri-self-form [data-total],
    #az-reinvestment-request-host-v12 #az-ri-self-form button,
    #az-ri-admin-rows,
    .az-ri-table,
    .az-ri-modal,
    .az-ri-admin-banner {
        grid-column: 1 / -1;
    }

    #az-reinvestment-request-host-v12 #az-ri-self-form textarea,
    #az-reinvestment-request-host-v12 .az-ri-filter,
    #az-reinvestment-request-host-v12 .az-ri-btn {
        min-height: 42px;
        font-size: 14px !important;
    }

    #az-reinvestment-request-host-v12 .az-ri-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #notifications-list > *,
    #messages-list > * {
        border: 1px solid #e5eaf1;
        background: #fbfcff;
    }
}

@media screen and (max-width: 420px) {
    #dashboard-screen > main {
        padding: 8px !important;
    }

    #portal-navigation .nav-button {
        padding-inline: 9px !important;
        font-size: 9px !important;
    }

    #metric-grid,
    #az-ledger-summary-v6,
    #report-metrics,
    #documents-grid,
    #purchase-cards,
    #az-investor-purchase-funding-overview-v3 .grid,
    #az-reinvestment-request-host-v12 .az-ri-grid,
    .az-v14-order-stats,
    .az-v14-dashboard-links,
    #az-investor-ledger-card-v6 .grid {
        gap: 7px !important;
    }

    #metric-grid .metric-card,
    #az-ledger-summary-v6 .metric-card,
    #report-metrics > *,
    #purchase-cards > *,
    #documents-grid > *,
    .az-v14-dashboard-link,
    #az-reinvestment-request-host-v12 .az-ri-card {
        padding: 10px !important;
    }

    #metric-grid .metric-card strong,
    #az-ledger-summary-v6 .metric-card strong,
    #report-metrics strong,
    .az-v14-order-stats b,
    #az-reinvestment-request-host-v12 .az-ri-card strong {
        font-size: 15px !important;
    }

    #tab-reports .no-print > div,
    #az-reinvestment-request-host-v12 #az-ri-self-form {
        grid-template-columns: 1fr !important;
    }
}