/* Inicio y Diario: alcance de presentación; cálculos y datos conservados. */
.home-screen .home-chart-scroll { max-width: 100%; overflow: auto; padding-bottom: 4px; }
.home-screen .mini-chart { height: 160px; gap: 8px; padding: 8px 0 0; border-color: var(--line); }
.home-screen .mini-bar-wrap { min-width: 0; }
.home-screen .mini-bar { background: var(--green); border-radius: 4px 4px 0 0; }
.home-screen .mini-bar.loss { background: var(--red); }
.home-screen .mini-bar-value { position: absolute; top: 0; max-width: 100%; color: var(--text); font-size: 12px; line-height: 1.5; white-space: nowrap; }
.home-screen .mini-bar-labels { gap: 8px; padding: 8px 0 0; color: var(--muted); font-size: 12px; }
.home-screen .mini-bar-labels span { flex: 1; text-align: center; }
.home-screen .action-grid { gap: 8px; }
.home-screen .action-tile { min-width: 0; min-height: 112px; padding: 16px; border-color: var(--line); border-radius: var(--radius); background: var(--panel-2); color: var(--text); transition: none; }
.home-screen .action-tile:hover { border-color: var(--orange); background: var(--panel-3); }
.home-screen .action-tile b { margin-bottom: 8px; font-size: 14px; font-weight: 500; line-height: 1.5; }
.home-screen .action-tile span { font-size: 12px; line-height: 1.5; }
.home-screen .account-row-name { display: block; text-align: left; font-weight: 500; }
.home-screen .account-row-meta { display: block; margin-top: 4px; }
.home-screen .detail-row > .badge { align-self: flex-start; }
.diary-screen .calendar-month { text-transform: capitalize; font-weight: 500; }
.diary-screen .calendar-wrap { gap: 16px; }
.diary-screen .calendar-scroll { max-width: 100%; overflow: auto; border-radius: var(--radius); }
.diary-screen .calendar-grid { gap: 4px; }
.diary-screen .calendar-weekday { padding: 8px 0; color: var(--muted); font-size: 12px; font-weight: 500; }
.diary-screen .calendar-day { min-width: 0; min-height: 80px; padding: 8px; border-color: var(--line); border-radius: var(--radius); background: var(--panel-2); color: var(--text); box-shadow: none; transition: none; }
.diary-screen .calendar-day:hover { border-color: var(--orange); background: var(--panel-3); }
.diary-screen .calendar-day.loss:hover { background: var(--panel-2); }
.diary-screen .calendar-day.selected { border-color: var(--orange); background: var(--panel-2); outline: 1px solid var(--orange); outline-offset: -4px; box-shadow: none; }
.diary-screen .calendar-day.outside { opacity: 1; border-style: dashed; background: var(--panel); }
.diary-screen .calendar-day .day-number { color: var(--text); font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.diary-screen .calendar-day.outside .day-number { color: var(--muted); }
.diary-screen .calendar-day.selected .day-number { font-weight: 600; }
.diary-screen .calendar-day .day-pnl { margin-top: 12px; font-family: var(--finance-font-mono); font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.diary-screen .day-mark { background: var(--muted); }
.diary-screen .calendar-day.win .day-mark { background: var(--green); }
.diary-screen .calendar-day.loss .day-mark { background: var(--red); }
.diary-screen .calendar-hint { margin: 12px 0 0; }
.diary-screen .detail-big { margin: 8px 0 4px; font-size: 24px; font-weight: 600; line-height: 1.1; }
.diary-screen .calendar-detail > .screen-meta { text-align: right; }
.diary-screen .calendar-detail .detail-row > b.positive { color: var(--green); }
.diary-screen .calendar-detail .detail-row > b.negative { color: var(--red); }
.diary-screen .calendar-trade { align-items: center; flex-wrap: wrap; }
.diary-screen .calendar-trade .screen-row-actions { margin-left: auto; }
.diary-screen .days-screen table { min-width: 800px; }
.diary-screen .notes-screen .chart-control-label { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 14px; font-weight: 500; }
.diary-screen .notes-screen .chart-control-label select { max-width: 100%; min-height: 44px; padding: 8px 12px; border-color: var(--line); border-radius: var(--radius); background: var(--panel); color: var(--text); font-size: 14px; font-weight: 400; }
.diary-screen .note-date-toolbar { align-items: flex-end; }
.diary-screen .note-date-toolbar .field { flex: 0 1 224px; }
.diary-screen .note-date-toolbar #saveState { padding-bottom: 12px; }
.diary-screen .notes-screen #dailyNote { min-height: 320px; font-size: 14px; line-height: 1.5; }
.diary-screen .notes-screen .split-line > .button { white-space: normal; text-align: left; }
.diary-screen .import-screen .field { margin-top: 16px; }
.diary-screen .import-screen .detail-row { flex-wrap: wrap; }
.diary-screen .import-screen .detail-row b { overflow-wrap: anywhere; }
.diary-screen .csv-file-picker { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; padding: 10px; border: 1px dashed var(--line); border-radius: var(--radius); }
.diary-screen .csv-file-picker.is-drag-over { border-color: var(--brand); background: var(--surface-soft); }
.diary-screen .csv-file-status { flex-basis: 100%; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .home-screen .action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .home-screen .action-grid { grid-template-columns: minmax(0, 1fr); }
  .home-screen .action-tile { min-height: 88px; }
  .home-screen .mini-bar-value { font-size: 12px; }
  .home-screen .mini-chart,
  .home-screen .mini-bar-labels { min-width: 448px; }
  .diary-screen .calendar-grid { min-width: 448px; }
  .diary-screen .calendar-day { padding: 8px 4px; }
  .diary-screen .calendar-wrap { grid-template-columns: minmax(0, 1fr); }
  .diary-screen .note-date-toolbar .field { flex: 1 1 100%; }
  .diary-screen .note-date-toolbar #saveState { padding-bottom: 0; }
}

.jd-charts{margin-top:28px;display:grid;gap:18px;min-width:0}.jd-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.jd-heading h3{margin:7px 0;font-size:22px}.jd-heading p,.jd-charts .card>p{color:var(--muted);font-size:12px;line-height:1.6;margin:6px 0 16px}.jd-heading>div:last-child{display:grid;gap:7px;text-align:right}.jd-heading>div:last-child>span,.jd-metrics span{font-size:12px;color:var(--muted)}.jd-heading strong{font-size:27px;font-variant-numeric:tabular-nums}.jd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.jd-metrics article{display:grid;gap:12px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.jd-metrics b{font-size:20px;font-variant-numeric:tabular-nums}.jd-charts .card{padding:22px;min-width:0}.jd-charts .card h3{font-size:15px;margin:0}.jd-scroll{overflow-x:auto}.jd-scroll svg{min-width:100%;display:block}.jd-charts svg text{fill:var(--muted);font:10px system-ui,sans-serif}.jd-grid{stroke:var(--line);stroke-dasharray:3 4}.jd-zero{stroke:var(--muted);opacity:.5}.jd-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.jd-bottom svg{width:100%;display:block}.jd-distribution{display:flex;align-items:center;justify-content:center;gap:28px;padding:18px 0}.jd-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;flex:none}.jd-donut>div{width:106px;height:106px;background:var(--panel);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.jd-donut b{font-size:28px}.jd-donut span{font-size:11px;color:var(--muted)}.jd-distribution dl{display:grid;gap:18px;flex:1;max-width:180px;margin:0}.jd-distribution dl>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.jd-distribution dt{display:flex;gap:8px;align-items:center}.jd-distribution dd{margin:0;font-weight:700}.jd-distribution i{width:8px;height:8px;border-radius:50%}@media(max-width:850px){.jd-bottom{grid-template-columns:1fr}.jd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.jd-heading{align-items:flex-start;flex-direction:column}.jd-heading>div:last-child{text-align:left}.jd-distribution{gap:16px}.jd-charts .card{padding:16px}.jd-metrics b{font-size:16px}}
