@media (max-width: 920px) {
      .portfolio-layout { grid-template-columns: 1fr; }
      .pie-chart-wrap { grid-template-columns: 1fr; }
      .pie-canvas-box { width: 200px; height: 200px; }
    }

@media (max-width: 700px) {
      .asset-trend-head {
        display: block;
      }

      .asset-trend-head .help {
        text-align: left;
        margin-top: 8px;
      }

      .asset-trend-box {
        height: 280px;
      }

      .asset-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        min-width: 760px;
      }
    }

@media (max-width: 820px) {
      .dwz-grid { grid-template-columns: 1fr; }
    }

@media (max-width: 520px) {
      .metric-grid { grid-template-columns: 1fr; }
      .tabs { width: 100%; }
      .tab-btn { flex: 1; padding-inline: 8px; }
    }

@media (max-width: 820px) {
      .grid { grid-template-columns: 1fr; }
    }

@media (max-width: 520px) {
      .page {
        width: min(100% - 20px, 1180px);
        padding-top: 24px;
      }
      .card { padding: 18px; }
      .expense-row {
        grid-template-columns: 1fr 1fr auto;
        gap: 7px;
      }
      .legend { grid-template-columns: 1fr; }
    }

@media print {
      body { background: white; }
      .page { width: 100%; padding: 0; }
      .card { box-shadow: none; }
      .add-btn, .remove-btn { display: none; }
    }