/* Ajustes de lectura y distribución comunes a los tres temas. */
:root{color-scheme:dark}

.pagehead h1,.panelhead h2,.sectionbar h2{text-wrap:balance}
.pagehead p,.settings-copy,.overview-note,.field-section p{font-size:var(--type-body);line-height:var(--leading-body)}
.brand small,.navlabel,.eyebrow,.micro,.breadcrumbs,.sourcebadge,.datechip{font-size:var(--type-caption)}
:root[data-sidebar="expanded"] .sidebar .brand small,
:root[data-sidebar="expanded"] .sidebar .navlabel{font-size:var(--type-caption)}
.filtergrid label,form label,.sessionform label,.portfolio-filters label,
.metric .label,.metric .hint,.panelhead small,.hinttext,.legend,
.op-card small,.op-kind,.method-row,.reviewitem,.detailbox small,
.field-section p small,.process-cell small,.pattern-card small,
.quote-date,.day .daycount{font-size:var(--type-caption);line-height:var(--leading-compact)}
.metric .hint,.hinttext,.op-card small,.panelhead small{color:var(--muted)}
.table{font-size:var(--type-label);font-variant-numeric:tabular-nums}
.table th{font-size:var(--type-caption);letter-spacing:var(--tracking-small)}
.table td{font-size:var(--type-label)}
.metric .value,.op-result,.detailbox strong,.day .daypnl,
.numberpill,.process-cell strong,.journal-account-numbers strong{font-variant-numeric:tabular-nums}
.table--trades th:last-child,.table--trades td:last-child,
.table--methods th:nth-child(n+3),.table--methods td:nth-child(n+3){text-align:right}
.table--methods td:first-child,.table--methods td:nth-child(2){overflow-wrap:anywhere}

input,select,textarea{min-height:42px;font-size:var(--type-label)}
.primary,.secondary,.filter-toggle,.linkbutton{min-height:40px;font-size:var(--type-label)}
.linkbutton{display:inline-flex;align-items:center;padding:var(--space-8) var(--space-12)}
.filter-toggle{padding:var(--space-8) var(--space-12)}
.filterhead{align-items:center;gap:var(--space-16)}
.journal-filter-actions{gap:var(--space-8)}
.journal-filter-actions .linkbutton{white-space:nowrap}
.scope-picker,.scope-picker select,.theme-picker select{font-size:var(--type-label)}
.scope-picker select,.theme-picker select{min-height:40px}
.sidebar-toggle{width:40px;height:40px}
.op-actions-menu summary{width:40px;height:40px}
.op-actions-list button{min-height:40px}
.calendar-controls button{width:40px;height:40px;font-size:var(--icon-18)}
.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}
.weekday,.day{min-width:0}
.day .daynum{font-size:var(--type-caption)}
.day .daypnl{font-size:var(--type-body);line-height:var(--leading-heading);overflow-wrap:anywhere}
.drawer{overscroll-behavior:contain;scroll-padding-bottom:110px}
.drawer .detailgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detailbox{min-width:0}
.detailbox small{overflow-wrap:anywhere}
.detailbox strong{font-size:var(--type-body)}
.form-actions{bottom:0;z-index:4;padding:var(--space-12) 0 calc(var(--space-12) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--drawer-bg)}
.form-section :is(input,select,textarea){scroll-margin-bottom:112px}
.small-grid{align-items:start}
.op-management{min-height:0}
.tablewrap{max-width:100%;overscroll-behavior-inline:contain}
.tablewrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.reviewitem{width:100%;color:var(--text);text-align:left;font:inherit}
.reviewitem-copy{min-width:0;overflow-wrap:anywhere}
.reviewitem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.table-scroll-hint{display:none}
.calendar-scroll-hint{display:none}
.calendar-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.calendar-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media(max-width:900px){
  .topactions{gap:var(--space-8)}
  .scope-picker select,.theme-picker select{max-width:100%}
}
@media(max-width:600px){
  .content{padding-bottom:var(--space-64)}
  .topbar{padding-top:var(--space-8);padding-bottom:var(--space-8)}
  .topactions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);width:100%}
  .topactions .scope-picker:first-of-type{grid-column:1/-1}
  .topactions :is(.scope-picker,.theme-picker){min-width:0;width:100%}
  .topactions :is(.scope-picker select,.theme-picker select){width:100%;min-width:0;max-width:none;min-height:40px;font-size:var(--type-caption)}
  .topactions .theme-picker>span{display:none}
  .topbar .primary.small{grid-column:1/-1;min-height:40px;font-size:var(--type-caption)}
  .filters.is-collapsed{padding:var(--space-12) var(--space-12)}
  .filterhead{align-items:flex-start}
  .journal-filter-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
  .journal-filter-actions select{grid-column:1/-1;max-width:none}
  .journal-filter-actions .linkbutton{justify-content:flex-start;min-height:40px}
  .filtergrid{gap:var(--space-12) var(--space-8)}
  .filtergrid .searchfield{order:-1;grid-column:1/-1}
  .filtergrid label{min-width:0}
  .filtergrid :is(input,select){font-size:var(--type-label)}
  .calendar-scroll-hint{display:block;margin:0 0 var(--space-8);color:var(--muted);font-size:var(--type-caption)}
  .calendar-grid{min-width:560px;gap:var(--space-8)}
  .calendar-grid .weekday{font-size:var(--type-caption);text-align:center;letter-spacing:0}
  .day{min-height:74px;padding:var(--space-8)}
  .day .daypnl{font-size:var(--type-caption);margin-top:var(--space-8);line-height:var(--leading-heading);white-space:nowrap}
  .day .daynum{font-size:var(--type-caption)}
  .drawer{padding:var(--space-20) var(--space-16) var(--space-112)}
  .drawer .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .formgrid{grid-template-columns:minmax(0,1fr)}
  .formgrid .span2,.formgrid .span3{grid-column:1}
  .form-actions{margin-left:calc(-1 * var(--space-16));margin-right:calc(-1 * var(--space-16));padding-left:var(--space-16);padding-right:var(--space-16)}
  .form-actions :is(.primary,.secondary){min-height:44px}
  .table-scroll-hint{display:block;position:sticky;left:0;z-index:3;width:max-content;max-width:100%;margin:0;padding:var(--space-8) var(--space-12);background:var(--card2);color:var(--muted);border-bottom:1px solid var(--line);font-size:var(--type-caption)}
  .tablewrap:has(.table-scroll-hint) .table{min-width:max-content}
  .tablewrap th:first-child,.tablewrap td:first-child{position:sticky;left:0;z-index:2;background:var(--card)}
  .tablewrap th:first-child{background:var(--table-head);z-index:3}
  .tablewrap tbody tr:hover td:first-child{background:var(--nav-hover)}
  .tablewrap .table td{padding:var(--space-12)}
  .op-management .linkbutton,.method-head .linkbutton{min-height:40px}
}
@media print{
  .table-scroll-hint{display:none!important}
  .tablewrap th:first-child,.tablewrap td:first-child{position:static}
  .form-actions{border:0}
}