.personal-controls,.saved-style-controls { padding:16px; border-bottom:1px solid #aaa0ae; }
.personal-control-row,.saved-style-actions { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin:10px 0; }
.personal-controls label,.saved-style-controls > label { display:flex; flex-direction:column; gap:6px; font:600 12px/1.4 system-ui,sans-serif; }
.personal-controls input,.personal-controls select,.saved-style-controls input:not([type=checkbox]),.saved-style-controls select { min-height:36px; padding:7px 9px; width:100%; max-width:220px; border:1px solid #8b8291; border-radius:4px; font:400 13px/1.4 system-ui,sans-serif; background:#fff; color:#16131a; }
.personal-controls input[type=number] { width:120px; }
.personal-controls button,.saved-style-actions button { min-height:36px; border:1px solid #8b8291; padding:7px 12px; border-radius:4px; background:transparent; color:inherit; cursor:pointer; font:600 12px/1.4 system-ui,sans-serif; }
.personal-controls summary,.trade-menu summary,.market-data-details summary { cursor:pointer; font:600 13px/1.5 system-ui,sans-serif; }
.personal-controls small { display:block; font:400 12px/1.5 system-ui,sans-serif; opacity:.8; }
.market-launcher-copy button { min-height:36px; padding:8px 12px; border:1px solid #92839b; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }
.studio-data-detail { font:400 11px/1.6 system-ui,sans-serif; color:#65596b; overflow-wrap:anywhere; }
.pnl-detail-row span { overflow-wrap:anywhere; min-width:0; }
.network-market-content .personal-controls { color:#d9d6df; border-color:#303039; background:#14151a; }
.network-market-content .personal-controls { padding:12px 16px; background:#0d1015; }
.market-filter-bar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.market-view-tabs { display:flex; gap:4px; }
.market-filter-bar .market-view-tabs button { border-color:transparent; color:#92909d; }
.market-filter-bar .market-view-tabs button[aria-pressed=true] { color:#f4e8fa; background:#261a30; border-color:#9545b2; }
.network-market-content .personal-controls button { border-radius:0; font:800 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; min-height:34px; }
.market-filter-bar #market-filter-status { margin-left:auto; font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; color:#96939e; }
#toggle-market-filter { border-color:#3b3743; }
#toggle-market-filter[aria-expanded=true] { color:#dca7f0; border-color:#9545b2; }
#market-filter-count:not(:empty) { margin-left:6px; color:#dca7f0; }
#market-filter-panel { border-top:1px solid #303039; margin-top:12px; padding-top:6px; }
#market-filter-panel[hidden] { display:none; }
.network-market-content .personal-controls input,.network-market-content .personal-controls select { background:#181b22; border-color:#3c3845; color:#e9e5ed; border-radius:0; color-scheme:dark; }
.network-market-content .personal-controls label { color:#96909f; font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; }
@media(max-width:480px) { .market-filter-bar { gap:6px; } .market-filter-bar #market-filter-status { width:100%; order:3; margin:0; } #toggle-market-filter { margin-left:auto; } .market-filter-bar .market-view-tabs button { padding:7px 9px; } }
#network-market-stats[hidden] { display:none; }
.watch-star { padding:0; width:24px; height:30px; border:0; background:none; color:#d7c1e3; cursor:pointer; font-size:22px; }
.watch-star[aria-pressed=true] { color:#f5ce64; }
.metric-kind { display:block; font:600 9px/1.3 system-ui,sans-serif; color:#dfb7ef; }
.token-page-actions button { width:38px; height:38px; border:1px solid #65566d; border-radius:4px; background:none; color:#f5ce64; cursor:pointer; font-size:24px; }
.token-page-actions #market-studio-link { margin-right:auto; background:#8130a3; }
.trade-menu { position:relative; color:#f4edf7; }
.trade-menu summary { padding:8px 14px; border:1px solid #65566d; border-radius:4px; }
#trade-venues { position:absolute; right:0; top:44px; width:280px; max-width:70vw; background:#19171e; border:1px solid #65566d; padding:10px; z-index:30; font:400 13px/1.5 system-ui,sans-serif; }
#trade-venues a { display:block; margin:4px 0; font-size:12px; }
.market-data-details { padding:12px 16px; background:#15141b; color:#c9c4d0; border-bottom:1px solid #38343e; }
.market-data-details div { margin-top:10px; font:400 12px/1.7 system-ui,sans-serif; }
.saved-style-controls { padding:16px 0; border-color:#cec7d2; }
.saved-style-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.saved-style-head small { display:block; color:#842aa3; font:800 10px/1.4 ui-monospace,monospace; text-transform:uppercase; }
.saved-style-controls h3 { font-size:18px; margin:2px 0 0; }
.saved-theme-grid,.preset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.saved-theme-item,.preset-theme-item { display:flex; flex-direction:column; min-width:0; }
.preset-theme-item[hidden] { display:none; }
.saved-theme-item > .theme-preview-button,.preset-theme-item > .theme-preview-button { width:100%; flex:1; }
.saved-theme-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-top:4px; }
.saved-theme-action { min-height:30px; padding:5px 8px; border:1px solid #c9c1cc; border-radius:3px; background:#fff; color:#655b69; font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; cursor:pointer; }
.saved-theme-action:hover { color:#81299e; border-color:#81299e; background:#faf4fc; }
.saved-theme-action.delete:hover { color:#b42c49; border-color:#b42c49; background:#fff6f7; }
.saved-theme-name-input { width:calc(100% - 12px); min-width:0; margin:4px 6px 6px; padding:5px 6px; border:1px solid #8730a2; background:#fff; color:#211a26; font:750 12px/1.3 system-ui,sans-serif; }
.saved-theme-add { display:grid; place-items:center; width:100%; height:40px; margin-top:8px; border:1px dashed #a592ad; background:transparent; color:#81299e; font:400 25px/1 system-ui,sans-serif; cursor:pointer; }
.saved-theme-add:hover { border-style:solid; background:#f6eef8; }
.saved-theme-empty { grid-column:1/-1; padding:18px; border:1px dashed #bdb3c2; background:#faf7fb; }
.saved-theme-empty strong,.saved-theme-empty small { display:block; }
.saved-theme-empty small { margin-top:4px; color:#756a7a; font:500 11px/1.5 system-ui,sans-serif; }
.saved-style-controls { padding-top:8px; }
.template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.preset-grid button.theme-preview-button,.template-grid button.theme-preview-button,.saved-theme-grid button.theme-preview-button { display:flex; flex-direction:column; gap:7px; align-items:stretch; padding:6px; min-width:0; border:1px solid #cfc7d3; border-radius:4px; background:#fff; color:#231d29; text-align:left; cursor:pointer; }
.theme-preview-button canvas { display:block; width:100%; aspect-ratio:16/9; height:auto; border-radius:2px; }
.preset-grid button.theme-preview-button strong,.template-grid button.theme-preview-button span,.saved-theme-grid button.theme-preview-button strong { font:750 12px/1.4 system-ui,sans-serif; white-space:normal; overflow-wrap:anywhere; padding:0 3px 2px; }
.preset-grid button.theme-preview-button small { display:none; }
.saved-theme-grid button.theme-preview-button small { color:#7e269d; padding:0 3px; font:700 10px/1.4 ui-monospace,monospace; }
.theme-preview-button:hover,.saved-theme-grid button.theme-preview-button[aria-pressed=true] { border-color:#8c319e; box-shadow:inset 0 0 0 1px #8c319e; }
#personal-style[hidden],#personal-style-apply[hidden] { display:none; }
.personal-check input { width:16px; height:16px; }
#pnl-day-detail { max-height:420px; overflow:auto; padding:20px; font-size:13px; line-height:1.5; }
#pnl-day-detail:empty { display:none; }
#pnl-day-detail .pnl-detail-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
#pnl-day-detail .pnl-detail-heading strong, #pnl-day-detail .pnl-detail-heading > b { font-size:19px; }
#pnl-day-detail small { display:block; font-size:12px; color:#a5a6b0; }
#pnl-day-detail .pnl-verification { font-size:12px; color:#a5a6b0; margin:12px 0; }
#pnl-day-detail .pnl-detail-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 0; border-top:1px solid #ffffff18; border-bottom:0; font-size:14px; }
.pnl-trade-identity { display:flex; gap:10px; align-items:center; min-width:0; }
.pnl-trade-icon { width:36px; height:36px; flex:0 0 36px; position:relative; display:grid; place-items:center; background:#282a31; border-radius:50%; overflow:hidden; font-size:12px; }
.pnl-trade-icon img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pnl-trade-result { text-align:right; }
#pnl-day-detail .gain { color:#27d5a0; }
#pnl-day-detail .loss { color:#ff657b; }
.pnl-calendar-cell[aria-pressed="true"] { outline:2px solid currentColor; outline-offset:2px; }
@media (max-width:600px) { #pnl-day-detail { padding:12px; } #pnl-day-detail .pnl-detail-heading strong, #pnl-day-detail .pnl-detail-heading > b { font-size:16px; } #pnl-day-detail .pnl-detail-row { align-items:flex-start; flex-wrap:wrap; } .pnl-trade-result { margin-left:auto; } }
.pnl-detail-row { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; border-bottom:1px solid #b9aebf; padding:12px 0; font:400 12px/1.6 system-ui,sans-serif; }
.pnl-calendar-cell { color:inherit; font:inherit; cursor:pointer; }
.personal-controls :focus-visible,.saved-style-controls :focus-visible,.watch-star:focus-visible { outline:2px solid #ae62cd; outline-offset:2px; }
@media(max-width:600px) { .personal-control-row > label { flex:1 1 120px; min-width:0; } .personal-controls input,.personal-controls select { max-width:100%; } }