/* Opmaak voor de vier tabellen van VJR_JAARREKENING (data/vastgoedprofiel-jaarrekening.js).
   Verbatim overgenomen uit vastgoedprofiel.html's .trend-* regels — bij een wijziging
   hier ook de bron controleren, want deze twee moeten hetzelfde blijven ogen. */
.trend-section{margin-bottom:28px}
.trend-section-title{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--lime);display:flex;align-items:center;gap:8px}
.digimv-archive-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--lime);background:rgba(115,166,5,.08);border:1px solid rgba(115,166,5,.25);border-radius:6px;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:auto}
.digimv-archive-btn:hover{background:rgba(115,166,5,.15);border-color:var(--lime);color:#5a8400}
.digimv-archive-btn .digimv-archive-copied{display:none;color:var(--lime)}
.digimv-archive-btn[data-copied="1"] .digimv-archive-label{display:none}
.digimv-archive-btn[data-copied="1"] .digimv-archive-copied{display:inline}
.trend-table{width:100%;border-collapse:collapse;font-size:12px}
.trend-table th{padding:8px 10px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--light);text-align:right;white-space:nowrap}
.trend-table th:first-child{text-align:left;min-width:140px}
.trend-table td{padding:7px 10px;border-bottom:1px solid #F5F7FA;text-align:right;white-space:nowrap}
.trend-table td:first-child{text-align:left;font-weight:600;color:var(--navy)}
.trend-table tbody tr:hover td{background:#FAFBFC}
.trend-table .yr-head{text-align:center;font-weight:800;color:var(--navy);font-size:12px;border-bottom:2px solid var(--navy);padding:6px 4px}
.trend-table .sub-dm{font-size:8px;font-weight:700;color:var(--lime);text-align:right;padding:2px 6px;border-bottom:1px solid var(--light)}
.trend-table .sub-jr{font-size:8px;font-weight:700;color:var(--navy);text-align:right;padding:2px 6px;border-bottom:1px solid var(--light)}
.trend-table .td-dm{color:var(--lime);font-weight:500}
.trend-table .td-jr{font-weight:700;color:var(--navy)}
.trend-table .td-only{font-weight:600}
.trend-table .td-trend{text-align:center;font-size:18px;width:40px}
.trend-table .separator td{border-top:2px solid var(--light);padding-top:10px}
.trend-legend{display:flex;gap:16px;margin-bottom:14px;font-size:11px;color:var(--muted)}
.trend-legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle}
.trend-empty{text-align:center;padding:40px 20px;color:var(--muted)}
.trend-empty-icon{font-size:36px;margin-bottom:10px}
.trend-empty-text{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:4px}
.trend-empty-sub{font-size:12px}

@media(max-width:768px){
  .trend-table{font-size:10px}
  .trend-table th,.trend-table td{padding:5px 4px}
}

@media print {
  .trend-table { break-inside: auto; }
  .trend-table thead { display: table-header-group; }
  .trend-table tr { break-inside: avoid; page-break-inside: avoid; }
}