/* BT-008/009: formulario con contenido desplazable y acciones en su propia fila. */
.drawer:has(#tradeForm){display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--space-16)}
.drawer:has(#tradeForm) .drawer-controls{flex:none}
.drawer:has(#tradeForm) #drawerContent{display:flex;flex:1;flex-direction:column;min-height:0}
.drawer:has(#tradeForm) #drawerContent> :is(.eyebrow,h2,.sub){flex:none}
#tradeForm{display:flex;flex:1;flex-direction:column;min-height:0}
.trade-form-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-12) var(--space-24) 0;scroll-padding-block:16px}
#tradeForm>.form-actions{position:static;flex:none;margin:0;padding:var(--space-12) 0 0;background:none;min-height:56px}
#tradeForm .form-section{padding-block:var(--space-20)}
#tradeForm .form-section:first-child{padding-top:var(--space-12)}
#tradeForm .form-section h3{margin-top:0}
#tradeForm .method-picker{grid-column:span 2;min-width:0}
.method-picker select{max-width:100%;text-overflow:ellipsis}
.method-current{display:block;min-width:0;max-width:100%;font-size:var(--type-caption);color:var(--muted);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.method-current:empty{display:none}
/* BT-010/011: misma información, resumen y acciones sin barra pegajosa. */
.position-section .position-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-8) var(--space-20);align-items:start}
.position-summary>p{margin:0;line-height:var(--leading-body);overflow-wrap:anywhere}
.position-actions{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:center;margin-top:var(--space-12)}
.position-actions .secondary{font-size:var(--type-label);font-weight:var(--weight-medium);min-height:36px;padding:var(--space-8) var(--space-12)}
.position-history{margin-top:var(--space-16);min-width:0}
.position-history h4{font-size:var(--type-body);margin:0 0 var(--space-8)}
.position-history .method-row{padding:var(--space-8) var(--space-12);line-height:var(--leading-body);overflow-wrap:anywhere}
.position-history .fill-list{display:grid;gap:var(--space-8)}
.position-section{padding-block:var(--space-20)}
.detail-compact .detail-section-body{gap:var(--space-8) var(--space-20)}
.detail-compact .detail-section-body>p{margin:0;line-height:var(--leading-body)}
.field-section.visual-documents>#printTrade{margin-top:var(--space-12)}
/* BT-015: favoritos independientes de la selección de la operación. */
.pattern-views{display:flex;gap:var(--space-8)}
.pattern-views button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:var(--card2)}
.pattern-selected-heading{font-size:var(--type-caption);font-weight:var(--weight-semibold);color:var(--text)}
.pattern-selected{display:grid;gap:var(--space-8)}
.pattern-choice-head{display:flex;gap:var(--space-8);align-items:center;min-width:0}
.pattern-choice-head .pattern-choice{flex:1;min-width:0;min-height:36px;margin:0;padding:var(--space-4)}
.pattern-choice span{overflow-wrap:anywhere}
.pattern-favorite{flex:none;width:34px;min-height:34px;padding:var(--space-2);background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:var(--type-number);line-height:var(--leading-heading)}
.pattern-favorite[aria-pressed="true"]{color:var(--accent)}
.pattern-favorite:hover{border-color:var(--line);color:var(--text);background:var(--card2)}
.pattern-favorite:active{transform:scale(.95)}
.pattern-favorite:focus-visible,.pattern-views button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pattern-options>.pattern-link{content-visibility:auto;contain-intrinsic-size:auto 56px}
.pattern-options{align-items:start;scroll-padding-block:8px}
.pattern-search-empty{margin:0}
/* BT-014: campos originales con un selector local que toma los tokens del tema. */
.temporal-control{display:flex;align-items:stretch;min-width:0;max-width:100%;position:relative}
.temporal-control>input{width:100%;min-width:0;padding-right:var(--space-40)}
.temporal-control>input::-webkit-calendar-picker-indicator{display:none}
.temporal-trigger{position:absolute;inset:1px 1px 1px auto;width:36px;border:0;border-radius:inherit;background:transparent;color:var(--muted);font-size:var(--icon-21);padding:0}
.temporal-trigger:hover{color:var(--accent);background:var(--card2)}
.temporal-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.temporal-dialog{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:var(--space-16);border:1px solid var(--line);border-radius:var(--radius,12px);color:var(--text);background:var(--drawer-bg);box-shadow:0 12px 34px #0005;font-family:inherit;color-scheme:dark}
:root[data-theme="midnight-sapphire"] .temporal-dialog{background:var(--fluid-glass-strong);backdrop-filter:blur(25px)}
.temporal-dialog::backdrop{background:transparent}
.temporal-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12);font-size:var(--type-body)}
.temporal-close{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:7px;width:32px;min-height:32px;font-size:var(--icon-20)}
.temporal-period{display:grid;grid-template-columns:32px minmax(0,1fr) 76px 32px;gap:var(--space-4);align-items:center}
.temporal-dialog :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:36px;padding:var(--space-4) var(--space-8);background:var(--field-bg,var(--card2));color:var(--text);border:1px solid var(--line);border-radius:6px;font-size:var(--type-label)}
.temporal-dialog label{min-width:0;font-size:var(--type-caption);color:var(--muted);text-transform:none;letter-spacing:0}
.temporal-period>button{padding:0;min-height:36px;font-size:var(--icon-20)}
.temporal-week,.temporal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4)}
.temporal-week{margin-top:var(--space-12);margin-bottom:var(--space-4);text-align:center;font-size:var(--type-caption);color:var(--muted)}
.temporal-days button{min-width:0;min-height:36px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);font-size:var(--type-label);font-variant-numeric:tabular-nums;padding:0}
.temporal-days button[aria-current="date"]{border-color:var(--line);text-decoration:underline;text-underline-offset:3px}
.temporal-days button[aria-pressed="true"]{color:var(--accent);border-color:var(--accent);background:var(--card2);font-weight:var(--weight-semibold)}
.temporal-days button:hover:not(:disabled){background:var(--card2);border-color:var(--accent)}
.temporal-dialog :is(button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.temporal-close:hover{color:var(--accent);border-color:var(--accent)}
.temporal-days button:active:not(:disabled){transform:scale(.95)}
.temporal-actions{display:flex;gap:var(--space-8);justify-content:space-between;margin-top:var(--space-16)}
.temporal-time-fields{display:flex;gap:var(--space-12)}
.temporal-time-fields label{flex:1}
.temporal-time-fields input{margin-top:var(--space-8);font-variant-numeric:tabular-nums;font-size:var(--type-section);text-align:center}
.temporal-error{color:var(--red);font-size:var(--type-caption)}
@media(max-width:600px){
  .drawer:has(#tradeForm){padding-bottom:var(--space-12)}
  .drawer:has(#tradeForm) .drawer-controls{margin-bottom:var(--space-12)}
  .drawer:has(#tradeForm) h2{font-size:var(--type-number);margin-block:var(--space-8)}
  .drawer:has(#tradeForm) .sub{font-size:var(--type-caption);margin-bottom:var(--space-12)}
  #tradeForm .method-picker{grid-column:1}
  .trade-form-content{padding-right:var(--space-4);padding-bottom:var(--space-20)}
  .position-summary{grid-template-columns:1fr}
  .position-actions .secondary{min-height:42px}
  .pattern-favorite{min-height:40px;width:40px}
}
@media(prefers-reduced-motion:reduce){.pattern-favorite:active,.temporal-days button:active:not(:disabled){transform:none}}
@media print{.position-actions,.temporal-trigger,.temporal-dialog,#printTrade{display:none!important}}