/* Account Summary View — shared CSS for src/AccountSummaryView.php's
   renderAccountSummarySections()/renderAccountAdditionalDetails(), used by
   both Trading Center's Account Home (public/trading-center.php) and
   Journal's "View Account Summary" modal (public/journal.php). Extracted
   2026-08-18 from trading-center.php's own inline styles (byte-identical
   values), the same account-picker.css/.js precedent this app already
   established for the shared account picker component. Only the wrapper
   classes each page supplies itself (.tc-summary-card, .tc-back-link,
   .tc-summary-actions on Trading Center; the rn-modal-* chrome on Journal)
   stay page-local — everything here is the shared CONTENT the two pages
   render identically inside their own different wrappers. */

.tc-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;margin-bottom:.85rem;flex-wrap:wrap}
.tc-summary-title{font-size:1.04rem;font-weight:800;line-height:1.25}
.tc-summary-sub{font-size:.75rem;color:var(--foreground-dim);margin-top:.1rem}
.tc-summary-section{margin-bottom:.85rem}
.tc-summary-section:last-child{margin-bottom:0}
.tc-summary-section h3{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--foreground-dim);margin-bottom:.35rem}
.tc-summary-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}
.tc-summary-section-head h3{margin-bottom:0}
.tc-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}
@media(max-width:640px){.tc-summary-grid{grid-template-columns:1fr}}
.tc-row{display:flex;justify-content:space-between;align-items:baseline;gap:.65rem;padding:.32rem 0;border-bottom:1px solid var(--border);font-size:.79rem;line-height:1.3}
.tc-row span:first-child{color:var(--foreground-dim)}
.tc-row span:last-child{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}

.tc-edit-btn{background:transparent;border:1px solid var(--border);color:var(--foreground-dim);font-size:.66rem;font-weight:700;padding:.22rem .55rem;border-radius:var(--radius-md);cursor:pointer}
.tc-edit-btn:hover{color:var(--foreground);border-color:var(--foreground-dim)}
.tc-reveal-btn{background:none;border:none;cursor:pointer;font-size:.78rem;margin-left:.35rem;line-height:1}

.tc-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}
.tc-modal-panel{background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);width:26rem;max-width:100%;max-height:90vh;overflow-y:auto}
.tc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.05rem;border-bottom:1px solid var(--border)}
.tc-modal-head h3{font-size:.9rem;font-weight:800}
.tc-modal-close{background:none;border:none;color:var(--foreground-dim);font-size:1rem;cursor:pointer}
.tc-modal-body{padding:.85rem 1.05rem;display:flex;flex-direction:column;gap:.65rem}
.tc-modal-body label{display:flex;flex-direction:column;gap:.25rem;font-size:.73rem;font-weight:700;color:var(--foreground-dim)}
.tc-modal-body input,.tc-modal-body select,.tc-modal-body textarea{background:var(--background-surface);border:1px solid var(--border);color:var(--foreground);padding:.45rem .6rem;border-radius:var(--radius-md);font-size:.8rem;font-family:inherit}
.tc-checkbox-label{flex-direction:row!important;align-items:center;gap:.5rem!important}
.tc-modal-error{color:var(--rn-red,#EF5350);font-size:.74rem}
.tc-modal-foot{display:flex;justify-content:flex-end;gap:.55rem;padding:.8rem 1.05rem;border-top:1px solid var(--border)}

.tc-promo-row{display:flex;justify-content:space-between;padding:.38rem 0;border-bottom:1px solid var(--border);font-size:.82rem}
.tc-promo-arrow{text-align:center;font-size:1.1rem;color:var(--primary);margin:.4rem 0}
.tc-promo-error{color:var(--rn-red,#EF5350);font-size:.78rem;margin-top:.6rem;display:none}

.tc-breach-notice{display:flex;align-items:flex-start;gap:.65rem;background:color-mix(in srgb,var(--negative) 8%,var(--background-elevated));border:1px solid color-mix(in srgb,var(--negative) 35%,var(--border));border-radius:var(--radius-lg);padding:.7rem .85rem;margin-bottom:.85rem}
.tc-breach-icon{font-size:1.05rem;line-height:1.25;color:var(--negative);flex-shrink:0}
.tc-breach-title{font-size:.82rem;font-weight:800;color:var(--foreground);margin-bottom:.15rem}
.tc-breach-sub{font-size:.74rem;color:var(--foreground-dim);line-height:1.42}

.tc-hint{font-size:.72rem;color:var(--foreground-dim);margin-top:.55rem;padding:.45rem .65rem;background:var(--background-elevated);border-radius:var(--radius-md);border:1px solid var(--border);line-height:1.4}
